adyxax/www
1
0
Fork 0
Code Issues Pull requests Activity Actions

Update nav menu css

Browse source
This commit is contained in:
Julien Dessaux 2023-01-27 23:05:50 +01:00
parent 744819c90d
commit 6ad4e164af
Signed by: adyxax
GPG key ID: F92E51B86E07177E
10 changed files with 59 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

37
layouts/partials/nav.html
View file

@ -1,29 +1,13 @@
<header>
<nav>
<ul>
<li class="nav-menu-title{{if .IsHome}} nav-menu-active{{end}}"><a href="/">{{ .Site.Title }}</a></li>
<li>
<select id="themes" class="nav-menu-magin-left" onchange="setTheme()">
<option value="black-theme">Black</option>
<option value="dark-theme">Dark</option>
<option value="light-theme">Light</option>
</select>
<ol>
<li id="title"{{if .IsHome}} class="nav-menu-active"{{end}}>
<a href="/">{{ .Site.Title }}</a>
</li>
</ol>
<ol id="nav-menu">
{{- $p := . -}}
{{- range first 1 .Site.Menus.main.ByWeight -}}
{{- $active := or ($p.IsMenuCurrent "main" .) ($p.HasMenuCurrent "main" .) -}}
{{- with .Page -}}
{{- $active = or $active ( $.IsDescendant .) -}}
{{- end -}}
{{- $url := urls.Parse .URL -}}
{{- $baseurl := urls.Parse $.Site.Params.Baseurl -}}
<li class="nav-menu-margin-left{{if $active }} nav-menu-active{{end}}">
<a href="{{ with .Page }}{{ .RelPermalink }}{{ else }}{{ .URL | relLangURL }}{{ end }}"{{ if ne $url.Host $baseurl.Host }}target="_blank" {{ end }}>{{ .Name }}</a>
</li>
{{ end }}
{{- range after 1 .Site.Menus.main.ByWeight -}}
{{- range .Site.Menus.main.ByWeight -}}
{{- $active := or ($p.IsMenuCurrent "main" .) ($p.HasMenuCurrent "main" .) -}}
{{- with .Page -}}
{{- $active = or $active ( $.IsDescendant .) -}}
@ -34,6 +18,13 @@
<a href="{{ with .Page }}{{ .RelPermalink }}{{ else }}{{ .URL | relLangURL }}{{ end }}"{{ if ne $url.Host $baseurl.Host }}target="_blank" {{ end }}>{{ .Name }}</a>
</li>
{{ end }}
</ul>
<li>
<select id="themes" class="nav-menu-magin-left" onchange="setTheme()">
<option value="black-theme">Black</option>
<option value="dark-theme">Dark</option>
<option value="light-theme">Light</option>
</select>
</li>
</ol>
</nav>
</header>