feat: add favicon

app/View/Components/Navigation.php

@@ -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');
-    }
-}

public/assets/css/global/frame.css

@@ -75,6 +75,11 @@ header > div i {
   font-size: 1.3em;
 }
 
+header > div nav {
+  background: var(--black);
+  position: relative;
+}
+
 .header-right {
   text-align: right;
 }
@@ -114,23 +119,10 @@ textarea[name="appeal_description"] {
   background: var(--black);
   z-index: 1;
   display: flex;
-  /* flex-direction: column; */
   align-items: 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"] {
   cursor: pointer;
 }
@@ -143,18 +135,13 @@ label[for="element-toggle"] {
   display: none;
 }
 
-#main-nav a {
+a.nav-links {
   border-bottom: none;
   font-size: 40px;
-  line-height: 1.25;
   color: var(--highlight);
   text-decoration: none;
 }
 
-#main-nav a:hover {
-  color: var(--white);
-}
-
 /* GLOBALS */
 
 a:hover {

public/assets/images/global/favicon.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <style>
+    path{fill:#140d0d}
+    @media (prefers-color-scheme:dark){path{fill:#efded5}}
+  </style>
+  <path d="M486.93 74.2 460 101.15 433.07 74.2a254.03 254.03 0 0 0-358.86 0 254.03 254.03 0 0 0 0 358.86L101.14 460 74.2 486.93a254.03 254.03 0 0 0 0 358.86 254.03 254.03 0 0 0 358.86 0L460 818.86l26.93 26.93a254.03 254.03 0 0 0 358.86 0 254.03 254.03 0 0 0 0-358.86L818.86 460l26.93-26.93a254.03 254.03 0 0 0 0-358.86 254.03 254.03 0 0 0-358.86 0Zm-367.98 314a190.51 190.51 0 0 1 0-269.12 190.51 190.51 0 0 1 269.13 0l228.81 228.81-67.28 67.28-233.29-233.29a95.26 95.26 0 0 0-134.56 0 95.25 95.25 0 0 0 0 134.57l31.4 31.4-67.28 67.28-26.93-26.93Zm497.9-130.09 31.4-31.4a31.74 31.74 0 0 1 44.87 0 31.78 31.78 0 0 1 0 44.87l-31.4 31.4-44.87-44.87ZM504.7 459.96l-44.87 44.87-44.86-44.87 44.86-44.87 44.87 44.87ZM302.86 258.1l-44.87 44.87-31.4-31.4a31.74 31.74 0 0 1 44.86-44.87l31.4 31.4Zm85.22 542.77a190.52 190.52 0 0 1-269.13 0 190.5 190.5 0 0 1 0-269.12l228.82-228.82 67.28 67.28-233.3 233.3a95.25 95.25 0 0 0 0 134.56 95.26 95.26 0 0 0 134.57 0l31.4-31.4 67.29 67.27-26.93 26.93ZM257.98 616.9l44.88 44.87-31.4 31.4a31.78 31.78 0 0 1-44.87 0 31.74 31.74 0 0 1 0-44.86l31.4-31.4Zm542.78-85.22a190.51 190.51 0 0 1 0 269.13 190.51 190.51 0 0 1-269.13 0L302.98 572.07l67.28-67.28 233.3 233.29a95.25 95.25 0 0 0 134.56 0 95.26 95.26 0 0 0 0-134.57l-31.4-31.4L774 504.83l26.76 26.84Zm-184 130.1 44.88-44.88 31.4 31.4a31.77 31.77 0 0 1 0 44.88 31.78 31.78 0 0 1-44.87 0l-31.4-31.4Zm184-273.65L571.94 616.94l-67.28-67.29 233.3-233.29a95.26 95.26 0 0 0 0-134.56 95.26 95.26 0 0 0-134.57 0l-31.4 31.4-67.29-67.28L531.63 119a190.5 190.5 0 0 1 269.13 0 190.5 190.5 0 0 1 .17 269.21l-.17-.08Z" transform="translate(52 52)"/>
+</svg>

resources/views/components/navigation.blade.php

@@ -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>

resources/views/frame.blade.php

@@ -13,7 +13,7 @@
     @elseif(!isset($front) || $front == true)
         <link rel="stylesheet" type="text/css" href="/assets/css/front/start.css?=sdfsdf">
     @endif
-
+    <link rel="icon" href="/assets/images/global/favicon.svg" />
 </head>
 
 <body>
@@ -30,7 +30,46 @@
             <div class="header-center">
                 <h1>{{$title}}</h1>
             </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>
     </header>