Files
hugo-coder-timeline/layouts/partials/header.html
Luiz F. A. de Prá acef79480d Change Colorscheme Toggle Button to be floating (#466)
* Moved colour scheme toggle and squashed commits (#433)

Co-authored-by: Luiz F. A. de Prá <luizdepra@users.noreply.github.com>

* Fix toggle button code

* Add built CSS files

Co-authored-by: Jian Liew <jianloongliew@gmail.com>
2020-10-28 21:37:28 -03:00

40 lines
1.4 KiB
HTML

<nav class="navigation">
<section class="container">
<a class="navigation-title" href="{{ .Site.BaseURL | relLangURL }}">
{{ .Site.Title }}
</a>
{{ if or .Site.Menus.main .Site.IsMultiLingual }}
<input type="checkbox" id="menu-toggle" />
<label class="menu-button float-right" for="menu-toggle">
<i class="fa fa-bars fa-fw" aria-hidden="true"></i>
</label>
<ul class="navigation-list">
{{ with .Site.Menus.main}}
{{ range sort . }}
<li class="navigation-item">
<a class="navigation-link" href="{{ .URL | relLangURL }}">{{ .Name }}</a>
</li>
{{ end }}
{{ end }}
{{ if .Site.IsMultiLingual }}
{{ $node := . }}
{{ .Scratch.Set "separator" true }}
{{ range (default .Site.Home.AllTranslations .Translations) }}
{{ if ne $.Site.Language .Language }}
{{ if $node.Scratch.Get "separator" }}
<li class="navigation-item menu-separator">
<span>|</span>
</li>
{{ $node.Scratch.Set "separator" false }}
{{ end }}
<li class="navigation-item">
<a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
</li>
{{ end }}
{{ end }}
{{ end }}
</ul>
{{ end }}
</section>
</nav>