etoiledebethleem/website
3
1
Fork 0
Code Issues 6 Pull requests Projects 1 Releases Packages Activity Actions

feat: burger menu

Browse source
This commit is contained in:
Matthieu Bessat 2023-04-10 19:25:39 +02:00
parent 050f925993
commit 02e92d10fe
5 changed files with 345 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

26
layouts/partials/header.html
View file

@ -7,7 +7,7 @@
alt="Logo l'étoile de bethléem"
/>
</a>
<nav class="site-header__nav">
<nav class="site-header__nav desktop-nav">
<a href="/actualites">Actualités</a>.
<a href="/association">L'association</a>.
<a href="/histoires">Histoire</a>.
@ -16,12 +16,22 @@
<a href="{{ .URL | relURL }}"><b>{{ .Name }}</b></a>.
{{ end }}
</nav>
<!-- <div class="site-header__nav-button"> -->
<!-- <div class="burger-button"> -->
<!-- <div></div> -->
<!-- <div></div> -->
<!-- <div></div> -->
<!-- </div> -->
<!-- </div> -->
<div class="burger-menu">
<div class="burger-button-container">
<input type="checkbox" id="navi-toggle" class="checkbox" />
<label for="navi-toggle" class="burger-button">
<span class="icon">&nbsp;</span>
</label>
<div class="background">&nbsp;</div>
<nav class="nav">
<ul class="list">
<li><a href="/actualites">Actualités</a></li>
<li><a href="/association">L'association</a></li>
<li><a href="/histoires">Histoire</a></li>
<li><a href="/images">Gallerie</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>