You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
3.3 KiB
HTML
70 lines
3.3 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="/" aria-label="Lien vers la page d'accueil du site">
|
|
<img src="{{ $.Site.Params.logoHome |relURL }}" alt="Logo de la Compagnie le temps qu'il faut">
|
|
</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 }}" aria-label="Lien vers la page {{ .Name }}">{{ .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="/" aria-label="Lien vers la page d'accueil">
|
|
<div class="figure">
|
|
{{ if .IsHome }}
|
|
<img src="{{ $.Site.Params.logoHome |relURL }}" alt="Logo de la compagnie Le Temps Qu'il Faut" class="image is-1by1 p-5" width="284px" height="128px">
|
|
{{ else }}
|
|
<img src="{{ $.Site.Params.logo |relURL }}" alt="Logo de la compagnie Le Temps Qu'il Faut" class="image is-1by1 p-5" width="279px" height="124px">
|
|
{{ 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 }}" aria-label="Lien vers la page {{ .Name }}">{{ .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}}" aria-label="Lien vers les mentions légales">
|
|
<span>
|
|
<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}}" aria-label="Lien vers le compte Facebook de la compagnie Le Temps Qu'il Faut">
|
|
<span>
|
|
<i class="fab fa-facebook fa-2x"></i>
|
|
</span>
|
|
</a>
|
|
<a href="https://www.instagram.com/votre_compte_instagram" class="{{$bg}}" aria-label="Lien vers le compte Instagram de la compagnie Le Temps Qu'il Faut">
|
|
<span>
|
|
<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").Permalink }}" class="has-text-white" aria-label="Lien vers la page des mentions légales">Mentions légales</a>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
|