mirror of
https://koodu.h-i.works/projects/thebadspace
synced 2025-05-06 14:41:02 -05:00
b921134002
moves the navigation code into its own component. this also refactors it into a list, this is generally helpful for AT as those can now announce the number of links. another thing is that the open button is moved into the <nav>-element. this makes it so that if someone were to navigate to the <nav>-element they’d be able open the menu from there.
46 lines
1.4 KiB
PHP
46 lines
1.4 KiB
PHP
<nav aria-label="site" class="header-right">
|
|
<!-- TODO: change to <button> -->
|
|
<label for="element-toggle">
|
|
<img class="menu-icon" src="/assets/images/global/menu.svg" alt="Menu" />
|
|
</label>
|
|
<input id="element-toggle" type="checkbox" />
|
|
|
|
<div id="main-nav">
|
|
<div class="main-nav-content">
|
|
<!-- TODO: change to <button> -->
|
|
<label for="element-toggle">
|
|
<img class="menu-icon" src="/assets/images/global/close.svg" alt="Close" />
|
|
</label>
|
|
<ul class="main-nav-list">
|
|
<li>
|
|
<a href="/">Front</a>
|
|
</li>
|
|
<li>
|
|
<a href="/about">About</a>
|
|
</li>
|
|
<li>
|
|
<a href="/listings/1">Listings</a>
|
|
</li>
|
|
<li>
|
|
<a href="/exports">Exports</a>
|
|
</li>
|
|
<li>
|
|
<a href="/appeals">Appeals</a>
|
|
</li>
|
|
<li>
|
|
<a href="/den">Den</a>
|
|
</li>
|
|
@if(Auth::check())
|
|
<li>
|
|
<a href="/logout">Logout</a>
|
|
</li>
|
|
@else
|
|
<li>
|
|
<a href="/den">The Den</a>
|
|
</li>
|
|
@endif
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|