Implement footer menu on the very bottom right

3 files changed, 55 insertions, 3 deletions

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 89c55af..9c6d996 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,8 +1,20 @@
 </main>
     <footer>
-        <h6>{{ if .Site.Copyright }}{{ .Site.Copyright | markdownify }} | {{ end }}
-            {{ T "rendered" }} <a href="https://gohugo.io" title="Hugo">Hugo</a> |
-            <a href="{{.Site.BaseURL}}index.xml">{{ T "subscribe" }} </a></h6>
+        <ul>
+            <li>
+                <h6>{{ if .Site.Copyright }}{{ .Site.Copyright | markdownify }} | {{ end }}
+                    {{ T "rendered" }} <a href="https://gohugo.io" title="Hugo">Hugo</a> |
+                    <a href="{{.Site.BaseURL}}index.xml">{{ T "subscribe" }} </a></h6>
+            </li>
+            {{ $currentPage := . }}
+            {{ range .Site.Menus.footer }}
+                <li>
+                    <h6><a class="{{if or ($currentPage.IsMenuCurrent "footer" .) ($currentPage.HasMenuCurrent "footer" .) }}active{{end}}" href="{{ .URL | relURL }}">
+                    <i class="fa-li fa {{ .Pre }} fa-lg"></i><span>{{ .Name }}</span>
+                    </a></h6>
+                </li>
+            {{ end }}
+        </ul>
     </footer>
 </div>
 <script src="{{ "js/scripts.js" | relURL }}"></script>
diff --git a/static/css/styles-dark.css b/static/css/styles-dark.css
index 829db62..5292b7b 100644
--- a/static/css/styles-dark.css
+++ b/static/css/styles-dark.css
@@ -203,6 +203,26 @@ time {
   font-size: 0.8em;
 }
 
+#container footer ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  justify-content: flex-end;
+}
+
+#container footer ul li:first-child {
+  margin-right: auto;
+}
+
+#container footer ul li:not(:first-child) {
+  margin-left: 1em;
+}
+
+#container footer ul li a.active {
+  border-bottom: 0.2em solid #ffffff;
+}
+
 #container textarea, input {
 -webkit-box-align: center;
 -ms-flex-align: center;
diff --git a/static/css/styles-light.css b/static/css/styles-light.css
index bc9350e..ea98a9d 100644
--- a/static/css/styles-light.css
+++ b/static/css/styles-light.css
@@ -202,6 +202,26 @@ time {
   font-size: 0.8em;
 }
 
+#container footer ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  justify-content: flex-end;
+}
+
+#container footer ul li:first-child {
+  margin-right: auto;
+}
+
+#container footer ul li:not(:first-child) {
+  margin-left: 1em;
+}
+
+#container footer ul li a.active {
+  border-bottom: 0.2em solid #666666;
+}
+
 #container textarea, input {
 -webkit-box-align: center;
 -ms-flex-align: center;