adds footer close #5

config.toml

@@ -1,4 +1,4 @@
-baseURL = 'http://example.org/'
+baseURL = 'https://protocol.ecologies.info/'
 languageCode = 'en-us'
 title = 'Protocol Oral History Project'
 theme = "hugo-starter-tailwind-basic"
@@ -16,6 +16,11 @@ theme = "hugo-starter-tailwind-basic"
   images = ["/images/default-og.jpg"] # Will be replaced by wompum generation
   twitterSite = ""
   facebookAppID = ""
+  footer = """
+A project of the [Media Economies Design Lab](https://www.colorado.edu/lab/medlab/)  
+Available under the [Creative Commons Attribution License (CC BY 4.0)](https://creativecommons.org/licenses/by/4.0/)  
+Website design by [Drew Hornbein](https://dhornbein.com)
+"""
 
 [params.author]
   name = "Media Economies Design Lab"

layouts/_default/baseof.html

@@ -89,6 +89,7 @@
     <div class="px-4 lg:mx-auto">
       {{ block "main" . }}{{ end }}
     </div>
+    {{ partial "footer.html" . }}
     <script src="/js/sigil.js"></script>
     <script src="/js/colorCalculator.js"></script>
     <script src="/js/wompum.js"></script>

layouts/partials/footer.html

@@ -0,0 +1,24 @@
+<footer class="bg-sand-500 text-amber-900 mt-16">
+  <div class="wompum-container wompum-container--no-gap h-1">
+    <div class="wompum-grid" data-text="{{ .Site.Title }}" data-columns="7" data-rows="1">
+    </div>
+  </div>
+  <div class="p-8 pt-16 flex justify-between items-center">
+    <section>
+      <h1 class="text-2xl font-bold">
+        <a href="/">{{ .Site.Title }}</a>
+      </h1>
+      <p class="text-lg">{{ .Site.Params.footer | markdownify }}</p>
+    </section>
+    <nav class="font-iosevka">
+      <ul class="flex-col items-end gap-4">
+        <li>
+          <a href="/">Home</a>
+        </li>
+        <li>
+          <a href="/about">About</a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+</footer>

layouts/partials/header.html

@@ -7,10 +7,10 @@
     <nav class="font-iosevka">
       <ul class="flex gap-4">
         <li>
-          <a href="/" class="hover:text-blue-700">Home</a>
+          <a href="/">Home</a>
         </li>
         <li>
-          <a href="/about" class="hover:text-blue-700">About</a>
+          <a href="/about">About</a>
         </li>
       </ul>
     </nav>