[gimp-web-devel/pat/bootstrap] assets, layouts: add a donate button.



commit 97b8d00ea7be85def21577930787cca180c9c4be
Author: Jehan <jehan girinstud io>
Date:   Tue Sep 6 14:31:23 2022 +0200

    assets, layouts: add a donate button.
    
    Using the same orange color as on the main GIMP website.

 assets/sass/main.scss                          |  6 +++++
 layouts/partials/page-header-navbar-large.html | 33 ++++++++++++++++++++++++++
 2 files changed, 39 insertions(+)
---
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index 5e6cfa9..b9fde8e 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -130,3 +130,9 @@ footer .nav-submenu {
     font-size: 1.2rem;
     line-height: 2rem;
 }
+
+/* Donate link */
+a.donate {
+    color:#f57900 !important;
+    text-transform: uppercase;
+}
diff --git a/layouts/partials/page-header-navbar-large.html b/layouts/partials/page-header-navbar-large.html
new file mode 100644
index 0000000..6106e50
--- /dev/null
+++ b/layouts/partials/page-header-navbar-large.html
@@ -0,0 +1,33 @@
+<nav class="navbar navbar-expand-lg navbar-light bg-light">
+    <div class="container-fluid">
+       <a class="navbar-brand" href="{{ .Site.BaseURL}}" rel="home" title=".Site.Title">
+           {{ .Site.Title | safeHTML }}
+       </a>
+       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" 
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" 
aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+       </button>
+
+       <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <ul class="navbar-nav mr-auto">
+               {{ $currentPage := . }}
+               {{ range .Site.Menus.main }}
+               <li class="nav-item {{if or ($currentPage.IsMenuCurrent "main" .) 
($currentPage.HasMenuCurrent "main" .) }}active{{end}}">
+                    <a class="nav-link" href="{{.URL}}">
+                       {{ .Pre }}
+                       <span>{{ .Name }}</span>
+                       <span class="visually-hidden">{{ i18n "current" }}</span>
+                   </a>
+                   {{ end }}
+               </li>
+            </ul>
+            <!-- <form class="form-inline my-2 my-lg-0">
+                <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+                <button class="btn btn-outline-success my-2 my-sm-0" type="submit">{{ i18n "search" 
}}</button>
+                </form> -->
+       </div>
+
+       <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <a class="nav-link donate" href="https://www.gimp.org/donating/";>Donate</a>
+       </div>
+    </div>
+</nav>


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