mirror of
https://koodu.h-i.works/projects/thebadspace
synced 2025-06-30 16:07:37 -05:00
Compare commits
1 Commits
moiety/nav
...
moiety/mai
Author | SHA1 | Date | |
---|---|---|---|
15ef93d000 |
3
.mailmap
Normal file
3
.mailmap
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<ro@h-i.works> <iam@roiskinda.cool>
|
||||||
|
<ro@h-i.works> <are0h@ubiqueros.com>
|
||||||
|
ro <are0h@ubiqueros.com>
|
@ -1,26 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
namespace App\View\Components;
|
|
||||||
|
|
||||||
use Closure;
|
|
||||||
use Illuminate\Contracts\View\View;
|
|
||||||
use Illuminate\View\Component;
|
|
||||||
|
|
||||||
class Navigation extends Component
|
|
||||||
{
|
|
||||||
/**
|
|
||||||
* Create a new component instance.
|
|
||||||
*/
|
|
||||||
public function __construct()
|
|
||||||
{
|
|
||||||
//
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get the view / contents that represent the component.
|
|
||||||
*/
|
|
||||||
public function render(): View|Closure|string
|
|
||||||
{
|
|
||||||
return view('components.navigation');
|
|
||||||
}
|
|
||||||
}
|
|
@ -75,6 +75,11 @@ header > div i {
|
|||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
header > div nav {
|
||||||
|
background: var(--black);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
.header-right {
|
.header-right {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@ -114,23 +119,10 @@ textarea[name="appeal_description"] {
|
|||||||
background: var(--black);
|
background: var(--black);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
/* flex-direction: column; */
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-nav-content {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-nav-list {
|
|
||||||
margin-block: 0;
|
|
||||||
padding-inline: 0;
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
label[for="element-toggle"] {
|
label[for="element-toggle"] {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
@ -143,18 +135,13 @@ label[for="element-toggle"] {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main-nav a {
|
a.nav-links {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
line-height: 1.25;
|
|
||||||
color: var(--highlight);
|
color: var(--highlight);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main-nav a:hover {
|
|
||||||
color: var(--white);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* GLOBALS */
|
/* GLOBALS */
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
|
@ -1,45 +0,0 @@
|
|||||||
<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>
|
|
@ -30,7 +30,46 @@
|
|||||||
<div class="header-center">
|
<div class="header-center">
|
||||||
<h1>{{$title}}</h1>
|
<h1>{{$title}}</h1>
|
||||||
</div>
|
</div>
|
||||||
<x-navigation />
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user