[gimp-web-devel/pat/bootstrap] theme: fix footer menus responsive and config
- From: Pat David <patdavid src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gimp-web-devel/pat/bootstrap] theme: fix footer menus responsive and config
- Date: Sat, 10 Sep 2022 02:29:27 +0000 (UTC)
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'>
© {{ 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]