github button in footer

Author: willitcode

config.toml

@@ -4,9 +4,12 @@ theme = "ananke"
 
 [params]
 background_color_class = "bg-dark-green"
-# Can't figure out how to get this to tint the image
-# without also dimming the text
-#cover_dimming_class = "bg-dark-green o-60"
+
+[params.ananke.social.follow]
+networks = ["github"]
+
+[params.ananke.social.github]
+profilelink = "https://github.com/willitcode/ccai"
 
 [[menus.main]]
     name = "The Problem"

layouts/partials/site-navigation.html

@@ -0,0 +1,25 @@
+<nav class="pv3 ph3 ph4-ns" role="navigation">
+  <div class="flex-l justify-between items-center center">
+    <a href="{{ .Site.Home.RelPermalink }}" class="f3 fw2 hover-white no-underline white-90 dib">
+      {{ with .Site.Params.site_logo }}
+        <img src="{{ relURL . }}" class="w100 mw5-ns" alt="{{ $.Site.Title }}" />
+      {{ else }}
+        {{ .Site.Title }}
+      {{ end }}
+    </a>
+    <div class="flex-l items-center">
+      {{ partial "i18nlist.html" . }}
+      {{ if .Site.Menus.main }}
+        <ul class="{{ cond (eq $.Site.Language.LanguageDirection "rtl") "pr0 ml3" "pl0 mr3" }}">
+          {{ range .Site.Menus.main }}
+          <li class="list f5 f4-ns fw4 dib {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3" "pr3" }}">
+            <a class="hover-white no-underline white-90" href="{{ .URL }}" title="{{ i18n "pageTitle" . }}">
+              {{ .Name }}
+            </a>
+          </li>
+          {{ end }}
+        </ul>
+      {{ end }}
+    </div>
+  </div>
+</nav>