70 lines
2.6 KiB
HTML
70 lines
2.6 KiB
HTML
{{ $bg := cond .IsHome "has-background-black has-text-white" "has-background-success has-text-black" }}
|
|
|
|
<nav class="navbar is-hidden-tablet is-black is-fixed-bottom" role="navigation" aria-label="main navigation">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="/">
|
|
<img src="{{ $.Site.Params.logoHome |relURL }}">
|
|
</a>
|
|
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mynavbar">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="mynavbar" class="navbar-menu">
|
|
{{ range .Site.Menus.main }}
|
|
<a class="navbar-item is-uppercase" href="{{ .URL }}">{{ .Name }}</a>
|
|
{{ end }}
|
|
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="column is-fullheight is-one-fifth {{ $bg }} has-background-danger is-narrow is-hidden-mobile">
|
|
<aside id="sidebar" class="menu {{$bg}} is-flex is-flex-direction-column is-justify-content-space-between" style="position: fixed; top: 0; height: 100vh; width: 20%">
|
|
<div>
|
|
<a href="/">
|
|
<div class="figure">
|
|
{{ if .IsHome }}
|
|
<img src="{{ $.Site.Params.logoHome |relURL }}" class="image is-1by1 p-5">
|
|
{{ else }}
|
|
<img src="{{ $.Site.Params.logo |relURL }}" class="image is-1by1 p-5">
|
|
{{ end }}
|
|
</div>
|
|
</a>
|
|
<ul class="menu-list m-0 p-5">
|
|
{{ range .Site.Menus.main }}
|
|
<li>
|
|
<a class="is-uppercase has-text-light" href="{{ .URL }}">{{ .Name}}</a>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<div class="is-flex is-justify-content-center mb-5">
|
|
<div class="social-icons m-0 p-0">
|
|
<a href="{{ ($.Site.GetPage "mentions_legales").Permalink}}" class="mr-2 {{$bg}}">
|
|
<span class="icon">
|
|
<i class="fa-solid fa-file-contract fa-2x"></i>
|
|
</span>
|
|
</a>
|
|
<a href="https://www.facebook.com/votre_compte_facebook" class="mr-2 {{$bg}}">
|
|
<span class="icon">
|
|
<i class="fab fa-facebook fa-2x"></i>
|
|
</span>
|
|
</a>
|
|
<a href="https://www.instagram.com/votre_compte_instagram" class="{{$bg}}">
|
|
<span class="icon">
|
|
<i class="fab fa-instagram fa-2x"></i>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="has-text-centered mb-5">
|
|
<a href="{{ .Site.GetPage "mentions_legales" }}">Mentions légales</a>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
|
