implement navigation for mobile + desktop

This commit is contained in:
Michi 2025-03-09 15:04:06 +01:00
parent 5d3cbd7208
commit 4a703050ec
4 changed files with 228 additions and 2 deletions

View file

@ -1,7 +1,11 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="content inner-width">
{{ block "main" . }}
{{ end }}
</div>
{{ partial "scrollTop.html" . }}
{{ partial "footer.html" . }}

View file

@ -0,0 +1,15 @@
<nav class=""> <!-- Class "small", "open" is possible -->
<div class="inner-width">
<a href="#" alt="Home"><img src='{{ "/assets/logo/logo_white.svg" | relURL }}' alt="Logo" title="Logo"></a>
<div class="nav-links">
<a href="#" alt="Home">Home</a>
<a href="#about" alt="About">Über mich</a>
<a href="#projects" alt="Projekte">Projekte</a>
<a href="https://blog.michivonah.ch" alt="Blog">Blog</a>
<a href="#contact" alt="Kontakt">Kontakt</a>
</div>
<div class="nav-toggle">
<i class="ai-text-align-right"></i>
</div>
</div>
</nav>