Add footer menu

assets/sass/_elements.scss

@@ -63,8 +63,6 @@
 
         li {
             a {
-                font-size: 1.2em;
-                font-weight: 700;
                 text-decoration: none;
 
                 &:hover {

assets/sass/_footer.scss

@@ -1,5 +1,4 @@
 .footer {
-    text-align: center;
 
     .container {
         align-items: center;
@@ -11,6 +10,21 @@
         }
     }
 
+    .menu {
+        margin-bottom: 1em;
+
+        @media (max-width: 768px) {
+            ul {
+                align-items: center;
+                flex-direction: column;
+            }
+        }
+
+        a:hover {
+            text-decoration: underline;
+        }
+    }
+
     .circle img {
         width: 200px;
     }

assets/sass/_header.scss

@@ -48,7 +48,8 @@
         }
 
         a {
-            color: white;
+            font-size: 1.2em;
+            font-weight: 700;
         }
     }
 }

config.toml

@@ -20,6 +20,9 @@ disableKinds = ['taxonomy', 'term']
 [[menus.main]]
     name = 'Github'
     url = 'https://github.com/dialect-app'
+[[menus.footer]]
+    name = 'Website Stats'
+    url = 'https://analytics.odka.org/dialectapp.org'
 
 [markup.goldmark.renderer]
 unsafe= true

layouts/partials/footer.html

@@ -1,6 +1,18 @@
 <footer class="section section-page footer">
     <div class="container">
+        <div>
+            <nav class="menu">
+                <ul>
+                    {{- range site.Menus.footer }}
+                    <li>
+                        <a href="{{ .URL }}">{{ .Name }}</a>
+                    </li>
+                    {{- end }}
+                </ul>
+            </nav>
             <p class="copy">© 2020–{{ dateFormat "2006" now }} The Dialect Authors</p>
+        </div>
+        
         <a href="https://circle.gnome.org" class="circle">
             <img src="https://circle.gnome.org/assets/button/circle-button-fullcolor.svg" alt="GNOME Circle">
         </a>