pages/layouts/partials/sidebar.html

48 lines
1.5 KiB
HTML

{{ $millironx := resources.Get "graphics/millironx.svg" }}
{{ $currentPage := . }}
<aside class="col-12 col-md-3 p-0 bg-dark flex-shrink-1">
<nav
class="navbar navbar-expand-md navbar-dark bg-dark align-items-start flex-md-column flex-row"
>
<div class="container-fluid">
<a class="navbar-brand d-block d-md-none" href="#">
<object
class="d-inline-block align-text-top"
width="80"
height="24"
style="filter: invert(100%)"
data="{{ $millironx.RelPermalink }}"
>
<img src="{{ $millironx.RelPermalink }}" alt="Milliron X" />
</object>
&ensp;
<span class="font-small-caps font-serif">Milliron X</span>
</a>
<a
href
class="navbar-toggler"
data-bs-toggle="collapse"
data-bs-target=".sidebar"
>
<span class="navbar-toggler-icon"></span>
</a>
<div class="collapse navbar-collapse sidebar">
<ul class="flex-column navbar-nav w-100 justify-content-between">
{{ range .Site.Menus.main }}
<li class="nav-item">
<a
class="nav-link pl-0 {{ if $currentPage.IsMenuCurrent "main" . }}
active
{{ end }}"
href="{{ .URL }}"
>
<i class="{{ .Params.prefix }} {{ .Params.icon }} fa-fw"></i>
{{ .Name }}
</a>
</li>
{{ end }}
</ul>
</div>
</div>
</nav>
</aside>