From 0d3aeb96fa831f2996e40c446517e4d9a9f2d220 Mon Sep 17 00:00:00 2001
From: Gabriele Musco <gabmus@disroot.org>
Date: Wed, 14 Apr 2021 23:53:36 +0200
Subject: [PATCH] added footer columns

---
 README.md                            | 25 +++++++++++++++++++++++++
 assets/scss/style.scss               | 14 ++++++++++++++
 layouts/partials/footer.html         |  1 +
 layouts/partials/footer_columns.html | 12 ++++++++++++
 4 files changed, 52 insertions(+)
 create mode 100644 layouts/partials/footer_columns.html

diff --git a/README.md b/README.md
index f56628f..5543dbb 100644
--- a/README.md
+++ b/README.md
@@ -83,6 +83,7 @@ summaryLength = 70  # number of words for article summaries
     forceRedirect = false
 
     infiniteScrolling = false  # activates infinite scrolling instead of regular pagination
+    enableFooterColumns = false  # activates footer columns, as described below
 
 [menu]
     # these links will be added to the main navigation menu, sorted by weight
@@ -134,6 +135,30 @@ For the `[[menu.icons]]` menu. They match identifier, name and url can be whatev
 - phone
 - rss
 
+## Footer columns
+
+You can add various columns of links in the footer using the `data/footer_columns.yml` file.
+
+Following is an example configuration:
+
+```yaml
+- title: My other projects
+  links:
+    - title: HydraPaper
+      link: https://hydrapaper.gabmus.org
+    - title: Ada UI
+      link: https://gitlab.com/gabmus/ada-ui
+- title: About me
+  links:
+    - title: My personal website
+      link: https://gabmus.org
+    - title: My GitLab
+      link: https://gitlab.com/gabmus
+    - title: My GNOME GitLab
+      link: https://gitlab.gnome.org/gabmus
+```
+
+
 ## Inject custom content
 
 Ficurinia supports injecting custom content into the theme. There are several files you can create in `layouts/partials/inject` that will be included inside the theme in different places.
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index d29c136..c410766 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -52,6 +52,20 @@ footer {
     hr {
         margin-top: 50px;
     }
+    .footerColumns {
+        font-size: .9rem;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        ul {
+            margin: 12px;
+            list-style-type: none;
+            padding: 0;
+            li > strong {
+                font-size: 1rem;
+            }
+        }
+    }
 }
 
 #titleContainer {
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 2c9ff7e..6c96f05 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,6 +1,7 @@
 <footer>
     <hr />
     {{- partial "inject/footer.html" . -}}
+    {{- partial "footer_columns.html" . -}}
     <p><small>
         {{ now.Format "2006" }} &copy; {{ .Site.Copyright | markdownify }}
     </small></p>
diff --git a/layouts/partials/footer_columns.html b/layouts/partials/footer_columns.html
new file mode 100644
index 0000000..63ba0f6
--- /dev/null
+++ b/layouts/partials/footer_columns.html
@@ -0,0 +1,12 @@
+{{ if (and (.Site.Params.enableFooterColumns | default false) .Site.Data.footer_columns) }}
+    <div class="footerColumns">
+        {{ range .Site.Data.footer_columns }}
+            <ul class="notlist">
+                <li><strong>{{ .title }}</strong></li>
+                {{ range .links }}
+                    <li><a target="_blank" href="{{ .link }}">{{ .title }}</a></li>
+                {{ end }}
+            </ul>
+        {{ end }}
+    </div>
+{{ end }}