diff mbox series

[qemu-web,v2,14/16] Simplify and restructure the page footer

Message ID 20201027132015.621733-15-berrange@redhat.com (mailing list archive)
State New, archived
Headers show
Series Re-design the QEMU home page to better present information | expand

Commit Message

Daniel P. Berrangé Oct. 27, 2020, 1:20 p.m. UTC
Remove links from the footer than duplicate what is already present in
the header navbar or easily found from other places. The footer bar is
now simply a selection of links to related external sites, along with
the website license and SFC information.

Signed-off-by: Daniel P. Berrangé <berrange@redhat.com>
---
 _includes/footer.html        | 15 +++------------
 assets/css/style-desktop.css | 21 +--------------------
 assets/css/style-mobile.css  | 22 +---------------------
 assets/css/style.css         | 24 ++++++++++++++++--------
 4 files changed, 21 insertions(+), 61 deletions(-)
diff mbox series

Patch

diff --git a/_includes/footer.html b/_includes/footer.html
index fba5f08..5adc569 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,17 +1,8 @@ 
 <div id="footer">
-	<div id="footer-inner">
+	<div id="external-links">
 		<ul class="style">
-			<li><a href="{{ relative_root }}/">Home</a></li>
-			<li><a href="{{ relative_root }}/download">Download</a></li>
-			<li><a href="http://qemu-advent-calendar.org">QEMU advent calendar</a></li>
-		</ul>
-		<ul class="style">
-			<li><a href="{{ relative_root }}/documentation">Documentation</a></li>
-			<li><a href="https://www.qemu.org/docs/master/">Main docs</a></li>
-			<li><a href="https://wiki.qemu.org/Category:Developer_documentation">Developer docs</a></li>
-		</ul>
-		<ul class="style">
-			<li><a href="https://planet.virt-tools.org/">virt tools planet</a></li>
+			<li><a href="http://qemu-advent-calendar.org">Advent calendar</a></li>
+			<li><a href="https://planet.virt-tools.org/">Blog planet</a></li>
 			<li><a href="https://www.linux-kvm.org/">KVM</a></li>
 			<li><a href="http://libguestfs.org/">Libguestfs</a></li>
 			<li><a href="https://libvirt.org/">Libvirt</a></li>
diff --git a/assets/css/style-desktop.css b/assets/css/style-desktop.css
index 2b25532..593f090 100644
--- a/assets/css/style-desktop.css
+++ b/assets/css/style-desktop.css
@@ -104,26 +104,7 @@ 
 	
 	#footer
 	{
-		padding: 1em 0em;
-	}
-	
-	#footer-inner
-	{
-		width: 95%;
-		display: table;
-		margin: auto;
-	}
-
-	#footer ul
-	{
-		width: 25%;
-		display: table-cell;
-		padding-left: 2em;
-	}
-
-	#footer ul:first-child
-	{
-		padding-left: 0px;
+		clear: both;
 	}
 
 /*********************************************************************************/
diff --git a/assets/css/style-mobile.css b/assets/css/style-mobile.css
index 5dab41c..2a18870 100644
--- a/assets/css/style-mobile.css
+++ b/assets/css/style-mobile.css
@@ -232,7 +232,7 @@ 
 /* Columns                                                                       */
 /*********************************************************************************/
 
-	#main, #footer-inner
+	#main
 	{
 		margin-left: 0%;
 		width: 100%;
@@ -267,26 +267,6 @@ 
 		font-size: 1.6em;
 	}
 	
-/*********************************************************************************/
-/* Footer                                                                        */
-/*********************************************************************************/
-	
-	#footer
-	{
-		padding: 1em;
-	}
-	
-	#footer ul
-	{
-		padding: 0.6em 0px;
-		border-top: 1px solid white;
-	}
-
-	#footer ul:first-child
-	{
-		border-top: 0px;
-	}
-	
 /*********************************************************************************/
 /* Featured                                                                      */
 /*********************************************************************************/
diff --git a/assets/css/style.css b/assets/css/style.css
index a9d5b90..369b57f 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -502,9 +502,6 @@ 
 	#footer
 	{
 		position: relative;
-		clear: left;
-		background: #401200;
-		color: #FFF;
 	}
 	
 	#footer a
@@ -514,13 +511,24 @@ 
 	
 	#footer ul
 	{
-		vertical-align: top;
+		margin: 0em;
 	}
 
-	#footer ul, #footer ul > li
-	{
-		padding: 0;
-		margin: 0
+	#external-links {
+		padding: 0em;
+		padding-top: 0.3em;
+		padding-bottom: 0.3em;
+		background: #401200;
+		color: #FFF;
+		text-align: center;
+	}
+
+	#external-links li {
+		display: inline;
+	}
+
+	#external-links li a {
+		padding-left: 1em;
 	}
 
 	#licenses, #conservancy {