[gimp-web-devel/pat/bootstrap] theme: fix footer menus responsive and config



commit b16f02a1e210ecf443dca5d04ea82685ca9678e4
Author: Pat David <patdavid gmail com>
Date:   Fri Sep 9 21:28:07 2022 -0500

    theme: fix footer menus responsive and config
    
    Footer menus are now responsive for mobile.
    They also re-order the rows when responsive.
    
    The footer menus are now in config.toml.
    Check the appropriate [menu.footer_(left|right)] sections.

 config.toml                       | 30 ++++++++++++++++++++++++++++++
 layouts/partials/page-footer.html | 17 +++++++++++++----
 2 files changed, 43 insertions(+), 4 deletions(-)
---
diff --git a/config.toml b/config.toml
index 17a50ff..616c893 100644
--- a/config.toml
+++ b/config.toml
@@ -12,10 +12,40 @@ category = "categories"
 tag = "tags"
 series = "series"
 
+[menu]
+  [[menu.footer_left]]
+    identifier = 'wgo'
+    name = "GIMP Website"
+    url = "https://www.gimp.org";
+    weight = 1
+  [[menu.footer_left]]
+    identifier = 'gegl'
+    name = "GEGL Website"
+    url = "https://www.gegl.org";
+    weight = 2
+  [[menu.footer_left]]
+    identifier = 'docs'
+    name = "User Documentation"
+    url = "https://docs.gimp.org";
+    weight = 3
+
+  [[menu.footer_right]]
+    identifier = "faq"
+    name = "Frequently Asked Questions"
+    url = "/faq"
+    weight = 1
+  [[menu.footer_right]]
+    identifier = "about"
+    name = "About this site"
+    url = "/about"
+    weight = 2
+
+
 [markup]
   [markup.goldmark.renderer]
     unsafe = true
 
+
 #[menu]
 #[[menu.main]]
 #  identifier = "git"
diff --git a/layouts/partials/page-footer.html b/layouts/partials/page-footer.html
index 32126b7..55d1f32 100644
--- a/layouts/partials/page-footer.html
+++ b/layouts/partials/page-footer.html
@@ -1,14 +1,22 @@
-<footer class='container '>
+<footer class='container mb-5'>
   <div class='row justify-content-center'>
-    <div class='col-sm text-right'>
+    <div class='col-sm mt-2 mt-md-0 text-center text-md-start order-1'>
+      {{/*
         <a href="http://www.gimp.org/";>{{ i18n "GIMPWebsite" }}</a> |
         <a href="http://www.gegl.org/";>{{ i18n "GEGLWebsite" }}</a> |
         <a href="https://docs.gimp.org/";>{{ i18n "DocsWebsite" }}</a>
+      */}}
+      {{ with .Site.Menus.footer_left }}
+        {{ range $key, $menu := . }}
+          {{ if gt $key 0}} | {{end}}
+          <a href="{{ $menu.URL }}">{{ $menu.Name }}</a>
+        {{ end }}
+      {{ end }}
     </div>
-    <div class='col-sm text-center'>
+    <div class='col-sm mt-2 mt-md-0 text-center order-3 order-md-2'>
         &copy; {{ i18n "copyright" }} 2003-{{ now.Format "2006" }} {{ i18n "copyrightEntity" }}
     </div>
-    <div class='col-sm text-right'>
+    <div class='col-sm mt-2 mt-md-0 text-center text-md-end order-2 order-md-3'>
        {{ $currentPage := . }}
        {{ $links := (.Site.Menus.footer) }}
        {{ $len := (len $links) }}
@@ -21,3 +29,4 @@
     </div>
   </div>
 </footer>
+


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]