From e3f67fec07884b70e2a988ac0bb8cf6c9a750582 Mon Sep 17 00:00:00 2001
From: floppydiskette <git@diskfloppy.me>
Date: Thu, 8 Aug 2024 02:00:44 +0100
Subject: Initial redesign commit

---
 resources/views/components/navigation.blade.php | 30 +++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 resources/views/components/navigation.blade.php

(limited to 'resources/views/components/navigation.blade.php')

diff --git a/resources/views/components/navigation.blade.php b/resources/views/components/navigation.blade.php
new file mode 100644
index 0000000..a3d4270
--- /dev/null
+++ b/resources/views/components/navigation.blade.php
@@ -0,0 +1,30 @@
+<p><strong>Navigation:</strong></p>
+<div class="navlinks">
+<a href="/" title="Home">
+    <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/home2.png') }}" alt="Home" width="16" height="16">Home
+</a><br>
+<a href="//git.diskfloppy.me/" title="cgit">
+    <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/repo.png') }}" alt="cgit" width="16" height="16">Git
+</a><br>
+<a href="/pub/" title="Public Files">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/pubfiles.png') }}" alt="Public Files" width="16" height="16">Public Files
+</a><br>
+<a href="/computers/" title="Computers">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/computers.png') }}" alt="Computers" width="16" height="16">Computers
+</a><br>
+<a href="/calculators/" title="Calculators">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/calculators.png') }}" alt="Calculators" width="16" height="16">Calculators
+</a><br>
+<a href="/bookmarks/" title="Bookmarks">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/bookmarks.png') }}" alt="Bookmarks" width="16" height="16">Bookmarks
+</a><br>
+<a href="/guestbook/" title="Guestbook">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/guestbook.png') }}" alt="Guestbook" width="16" height="16">Guestbook
+</a><br>
+<a href="//weather.diskfloppy.me/" title="Weather">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/weather.png') }}" alt="Weather" width="16" height="16">Weather
+</a><br>
+<a href="/music/" title="Music">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/music.png') }}" alt="Music" width="16" height="16">Music
+</a><br>
+</div>
-- 
cgit v1.2.3-54-g00ecf


From 14d3ed966bbafbcb01182df26fbbe1d5a211f4c2 Mon Sep 17 00:00:00 2001
From: floppydiskette <git@diskfloppy.me>
Date: Thu, 8 Aug 2024 15:34:32 +0100
Subject: Accessibility stuff

---
 public/css/master.css                           | 18 ++++++-------
 resources/views/components/layout.blade.php     | 14 +++++-----
 resources/views/components/navigation.blade.php | 36 ++++++++++++-------------
 3 files changed, 34 insertions(+), 34 deletions(-)

(limited to 'resources/views/components/navigation.blade.php')

diff --git a/public/css/master.css b/public/css/master.css
index fff505d..1dcebd9 100644
--- a/public/css/master.css
+++ b/public/css/master.css
@@ -146,7 +146,7 @@ ul {
     flex-grow: 1;
 }
 
-.main {
+main {
     flex-basis: 0;
     flex-grow: 999;
     min-inline-size: 50%;
@@ -154,18 +154,18 @@ ul {
 
 .navbar,
 .content,
-.header,
-.footer {
+header,
+footer {
     margin: 10px 10px 0 0;
 }
 
-.header,
-.footer,
+header,
+footer,
 .navbar {
     padding: 5px;
 }
 
-.footer {
+footer {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: 1fr;
@@ -173,7 +173,7 @@ ul {
     grid-row-gap: 0;
 }
 
-.footer div:last-child {
+footer div:last-child {
     text-align: right;
 }
 
@@ -209,12 +209,12 @@ a.button:hover img {
     opacity: 80%;
 }
 
-.main > .section,
+main > .section,
 .sidebar > .section {
     margin-bottom: 10px;
 }
 
-.main > .section:last-child,
+main > .section:last-child,
 .sidebar > .section:last-child {
     margin-bottom: 0;
 }
diff --git a/resources/views/components/layout.blade.php b/resources/views/components/layout.blade.php
index 1d1b22d..7e36de5 100644
--- a/resources/views/components/layout.blade.php
+++ b/resources/views/components/layout.blade.php
@@ -25,9 +25,9 @@
 <body onload="setSchemeSelector()">
 <div class="container">
     <div class="page">
-        <div class="header">
+        <header>
             <h1>{{ str_replace("www.", "", Request::getHost()) }}</h1>
-        </div>
+        </header>
         <div class="navbar">
             <p>
                 <strong>Current Path:</strong>
@@ -39,17 +39,17 @@
             </p>
         </div>
         <div class="content">
-            <div class="main">
+            <main>
                 {{ $slot }}
-            </div>
+            </main>
             <div class="sidebar">
-                <div class="section"><x-navigation/></div>
+                <div class="section"><nav><x-navigation/></nav></div>
                 <div class="section"><x-settings/></div>
                 <div class="section centerbox"><x-discord-status/></div>
                 <div class="section"><x-weather/></div>
             </div>
         </div>
-        <div class="footer">
+        <footer>
             <div>
                 (c) floppydisk 2021-{{ date('Y') }}<br>
                 v{{ config('app.version') }}, <a href="https://git.frzn.dev/fwoppydwisk/diskfloppy.me/releases/latest">Source</a><br>
@@ -81,7 +81,7 @@
                          class="pixel" alt="Wiby - Search Engine for the Classic Web">
                 </a>
             </div>
-        </div>
+        </footer>
     </div>
 </div>
 </body>
diff --git a/resources/views/components/navigation.blade.php b/resources/views/components/navigation.blade.php
index a3d4270..dda02bd 100644
--- a/resources/views/components/navigation.blade.php
+++ b/resources/views/components/navigation.blade.php
@@ -1,30 +1,30 @@
 <p><strong>Navigation:</strong></p>
 <div class="navlinks">
-<a href="/" title="Home">
-    <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/home2.png') }}" alt="Home" width="16" height="16">Home
+<a href="/">
+    <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/home2.png') }}" width="16" height="16">Home
 </a><br>
-<a href="//git.diskfloppy.me/" title="cgit">
-    <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/repo.png') }}" alt="cgit" width="16" height="16">Git
+<a href="//git.diskfloppy.me/">
+    <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/repo.png') }}" width="16" height="16">Git
 </a><br>
-<a href="/pub/" title="Public Files">
-	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/pubfiles.png') }}" alt="Public Files" width="16" height="16">Public Files
+<a href="/pub/">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/pubfiles.png') }}" width="16" height="16">Public Files
 </a><br>
-<a href="/computers/" title="Computers">
-	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/computers.png') }}" alt="Computers" width="16" height="16">Computers
+<a href="/computers/">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/computers.png') }}" width="16" height="16">Computers
 </a><br>
-<a href="/calculators/" title="Calculators">
-	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/calculators.png') }}" alt="Calculators" width="16" height="16">Calculators
+<a href="/calculators/">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/calculators.png') }}" width="16" height="16">Calculators
 </a><br>
-<a href="/bookmarks/" title="Bookmarks">
-	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/bookmarks.png') }}" alt="Bookmarks" width="16" height="16">Bookmarks
+<a href="/bookmarks/">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/bookmarks.png') }}" width="16" height="16">Bookmarks
 </a><br>
-<a href="/guestbook/" title="Guestbook">
-	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/guestbook.png') }}" alt="Guestbook" width="16" height="16">Guestbook
+<a href="/guestbook/">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/guestbook.png') }}" width="16" height="16">Guestbook
 </a><br>
-<a href="//weather.diskfloppy.me/" title="Weather">
-	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/weather.png') }}" alt="Weather" width="16" height="16">Weather
+<a href="//weather.diskfloppy.me/">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/weather.png') }}" width="16" height="16">Weather
 </a><br>
-<a href="/music/" title="Music">
-	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/music.png') }}" alt="Music" width="16" height="16">Music
+<a href="/music/">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/music.png') }}" width="16" height="16">Music
 </a><br>
 </div>
-- 
cgit v1.2.3-54-g00ecf