diff options
| author | Xavier Del Campo Romero <xavi.dcr@tutanota.com> | 2024-07-07 03:19:34 +0200 |
|---|---|---|
| committer | Xavier Del Campo Romero <xavi.dcr@tutanota.com> | 2024-07-07 03:19:34 +0200 |
| commit | 719a31fa53e6c14d8510e8671684698aa9e45ec1 (patch) | |
| tree | 78e6747c40a2c1a77185f7d3be6e1993702362e5 /layouts/partials/header.html | |
| parent | 368ab34496cd38d57ac02f7b7712889c37354c2e (diff) | |
| download | graysx-hugo-719a31fa53e6c14d8510e8671684698aa9e45ec1.tar.gz | |
More work on MVP
Among other changes:
- Use of new, pure CSS slideshow
- JS-less menu bar
- Set darker gradient to menu bar
- Replace btn-primary and btn-secondary colors according to SD logo
palette
- Avoid CSS overflows on smaller screens
Diffstat (limited to 'layouts/partials/header.html')
| -rw-r--r-- | layouts/partials/header.html | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/layouts/partials/header.html b/layouts/partials/header.html index d8ffede..310dc77 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,15 +1,16 @@ <!-- Navigation--> <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav"> <div class="container px-4 px-lg-5"> - <a class="navbar-brand" href="#page-top"><img src="{{ .Site.Params.logo }}"></a> - <button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> + <a class="navbar-brand" href="#page-top"><img class="navbar-img" src="{{ .Site.Params.logo }}"></a> + <label for="menu-btn-checkbox" class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> Menu <i class="fas fa-bars"></i> - </button> - <div class="collapse navbar-collapse" id="navbarResponsive"> + </label> + <input id="menu-btn-checkbox" type="checkbox"/> + <div class="collapse navbar-collapse" id="mobile-menu"> <ul class="navbar-nav ms-auto"> - {{ range site.Menus.main }} - <li class="nav-item"><a class="nav-link" href="{{ .URL }}">{{ .Name }}</a></li> + {{ range site.Data.homepage.menu }} + <li class="nav-item text-uppercase"><a class="nav-link" href="{{ .URL }}">{{ .name }}</a></li> {{ end }} </ul> </div> |