logos in footer

static/css/main.css

@@ -89,6 +89,13 @@ time {
   font-family: "Ruda", sans-serif;
 }
 
+#container nav#logos {
+  border-top: solid 2px #15A9DB;
+  padding-top: 1.5em;
+  padding-bottom: 0;
+  border-bottom: none;
+}
+
 #container nav ul {
   margin: 0;
   padding: 0;
@@ -97,6 +104,10 @@ time {
   justify-content: flex-end;
 }
 
+#container nav#logos ul {
+  justify-content: center;
+}
+
 #container nav ul li {
   display: flex;
   flex-direction: column-reverse;
@@ -104,6 +115,18 @@ time {
   align-items: end;
 }
 
+#container nav#logos ul li {
+  display: flex;
+  flex-direction: column;
+  padding-right: 0.5em;
+  padding-left: 0.5em;
+  align-items: center;
+}
+
+#container nav#logos ul li {
+  margin-left: 0em;
+}
+
 #container nav ul li a.active {
   border-bottom: 0.4em solid #15A9DB;
 }
@@ -236,33 +259,11 @@ time {
   margin-bottom: 1rem;
 }
 
-#container footer {
+#container footer h6 {
     border-top: solid 1px #cecece;
-}
-
-
-#container footer ul {
-    margin-top: 1rem;
-    margin-left: -1rem;
-    list-style: none;
-    display: flex;
-    justify-content: flex-center;
-
-}
-
-@media only screen and (max-width: 800px) {
-    #container footer ul {
-	display: block;
-    }
-}
+      padding-top: 0.5em;
 
-#container footer ul li{
-    margin: 2px;
-}
-
-#container footer h6 {
-    font-size: 0.6em;
-      display: block;
+  font-size: 0.6em;
 }
 
 #container main p {

templates/base.html

@@ -28,7 +28,6 @@
 <div id="container">
     <header>
         <h1><a href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
-        <p><em>{{ SITESUBTITLE }}</em></p>
         {% if SOCIAL or FEED_ALL_ATOM or FEED_ALL_RSS %}
 
         <ul class="social-media">
@@ -52,6 +51,7 @@
                 {% endif %}
             </ul>
         {% endif %}
+        <p><em>{{ SITESUBTITLE }}</em></p>
     </header>
     <nav>
         <ul>
@@ -75,13 +75,16 @@
     {% block content %}
     {% endblock %}
     <footer>
-      <ul>
-      {% for img, link in LINKS %}
-      <li><a href="{{ link }}">{{ img }}</a></li>
-      {% endfor %}
-      </ul>
-      <p>
-        <h6>
+      {% if LOGOS %}
+      <nav id="logos">
+	<ul>
+          {% for text, link in LOGOS %}
+               <li><a href="{{ link }}">{{ text }}</a></li>
+               {% endfor %}
+	</ul>
+      </nav>
+      {% endif %}
+      <h6>
           Rendered by <a href="http://getpelican.com/">Pelican</a> &nbsp;&bull;&nbsp;
 	  Theme by <a href="https://gitlab.lis-lab.fr/pelican/gabian">gabian</a> &nbsp;&bull;&nbsp; Copyright
                 &copy{% if COPYRIGHT %}{{ COPYRIGHT }} {% endif %}