mirror of
https://koodu.h-i.works/projects/thebadspace
synced 2025-06-25 16:04:37 -05:00
feat: move/refactor navigation
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.
This commit is contained in:
@ -30,46 +30,7 @@
|
||||
<div class="header-center">
|
||||
<h1>{{$title}}</h1>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<label for="element-toggle">
|
||||
<img class="menu-icon" src="/assets/images/global/menu.svg" title="menu-open-toggle" />
|
||||
</label>
|
||||
<input id="element-toggle" type="checkbox" />
|
||||
<div id="main-nav">
|
||||
<nav>
|
||||
<label for="element-toggle">
|
||||
<img class="menu-icon" src="/assets/images/global/close.svg" title="menu-open-toggle" />
|
||||
</label><br>
|
||||
<a href="/" title="front" class="nav-links">
|
||||
Front
|
||||
</a><br />
|
||||
<a href="/about" title="about" class="nav-links">
|
||||
About
|
||||
</a><br />
|
||||
<a href="/listings/1" title="instance listing" class="nav-links">
|
||||
Listings
|
||||
</a><br />
|
||||
<a href="/exports" title="list exports" class="nav-links">
|
||||
Exports
|
||||
</a><br />
|
||||
<a href="/appeals" title="location appeals" class="nav-links">
|
||||
Appeals
|
||||
</a><br />
|
||||
@if(Auth::check())
|
||||
<a href="/den" title="den-start" class="nav-links">
|
||||
Den
|
||||
</a><br />
|
||||
<a href="/logout" title="logout" class="nav-links">
|
||||
Logout
|
||||
</a><br />
|
||||
@else
|
||||
<a href="/den" title="login" class="nav-links">
|
||||
The Den
|
||||
</a><br />
|
||||
@endif
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<x-navigation />
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
Reference in New Issue
Block a user