[qemu-web PATCH 5/6] Simplify and restructure the page footer

[Daniel P . Berrangé]

The footer is not an effective place to locate frequently needed site
navigation links. Some of the links are already present in the top
navigation bar, while others are just one jump away on the subsequent
page in a fairly obvious place.

This removes all the local site navigation links from the footer and
leaves it as a place for external project links, along with the website
license and SFC information.

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

diff --git a/_includes/footer.html b/_includes/footer.html
index 6e5bef7..5adc569 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,24 +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 
}}/contribute">Contribute</a></li>
-                       <li><a href="{{ relative_root 
}}/contribute/report-a-bug">Reporting a bug</a></li>
-                       <li><a 
href="https://wiki.qemu.org/Documentation/GettingStartedDevelopers";>New 
contributors</a></li>
-                       <li><a 
href="https://wiki.qemu.org/Contribute/SubmitAPatch";>Submitting a patch</a></li>
-                       <li><a 
href="https://wiki.qemu.org/Contribute/FAQ";>Contributor FAQ</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 2beb58d..90a154d 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 213a3fb..5c9d11b 100644
--- a/assets/css/style-mobile.css
+++ b/assets/css/style-mobile.css
@@ -242,7 +242,7 @@
 /* Columns                                                                     
  */
 
/*********************************************************************************/
 
-       #main, #footer-inner
+       #main
        {
                margin-left: 0%;
                width: 100%;
@@ -277,26 +277,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 0b4e043..37bd333 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -504,9 +504,6 @@
        #footer
        {
                position: relative;
-               clear: left;
-               background: #401200;
-               color: #FFF;
        }
 
        #footer a
@@ -516,13 +513,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 {
@@ -533,7 +541,7 @@
                color: #401200;
                background: #fff;
                margin: 1em;
-               margin-top: 2em;
+               margin-top: 1em;
        }
 
        #licenses {
-- 
2.31.1