diff options
| author | floppydiskette <git@diskfloppy.me> | 2024-08-08 15:34:32 +0100 |
|---|---|---|
| committer | floppydiskette <git@diskfloppy.me> | 2024-08-08 15:34:32 +0100 |
| commit | 14d3ed966bbafbcb01182df26fbbe1d5a211f4c2 (patch) | |
| tree | 8a63a2341303daac4ac621f8f4962a81d684e88a | |
| parent | 8650d88a794497543b1333f3e4ad5ea9bf753071 (diff) | |
Accessibility stuff
| -rw-r--r-- | public/css/master.css | 18 | ||||
| -rw-r--r-- | resources/views/components/layout.blade.php | 14 | ||||
| -rw-r--r-- | resources/views/components/navigation.blade.php | 36 |
3 files changed, 34 insertions, 34 deletions
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> |