wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Issues Pull requests Activity Actions

feat: add first pass of navbar

Browse source
This commit is contained in:
Devin Haska 2024-02-05 15:42:32 -08:00
parent b702a3878d
commit df1c7a795f
7 changed files with 4900 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/_includes/partials/header.html
View file

@ -1,3 +1,14 @@
<header>
{% include "partials/menu.html" %}
<header class="navbar">
<nav class="wrapper flex items-center">
<div class="[ flex items-center ] [ site-logo ]">
<a class="[ flex items-center justify-center ] [ logo ]" href="#">
<img src="/assets/images/logo.svg" width="32" height="32" alt="" />
</a>
<a class="[ flex ] [ wordmark ]" href="#">
<span>wonderful</span>
<span>frog</span>
</a>
</div>
{% include "partials/menu.html" %}
</nav>
</header>

17
src/_includes/partials/menu.html
View file

@ -1,10 +1,7 @@
<nav aria-label="Main">
Menu.
<ul>
{% for item in navigation.top %}
<li>
<a class="nav" href="{{ item.url }}" {{ helpers.getLinkActiveState(item.url, page.url) | safe }}>{{ item.text }}</a>
</li>
{% endfor %}
</ul>
</nav>
<ul>
{% for item in navigation.top %}
<li>
<a class="nav" href="{{ item.url }}" {{ helpers.getLinkActiveState(item.url, page.url) | safe }}>{{ item.text }}</a>
</li>
{% endfor %}
</ul>