Accessibility stuff

This commit is contained in:
floppydiskette 2024-08-08 15:34:32 +01:00
parent 8650d88a79
commit 14d3ed966b
Signed by: fwoppydwisk
SSH key fingerprint: SHA256:Hqn452XQ1ETzUt/FthJu6+OFkS4NBxCv5VQSEvuk7CE
3 changed files with 34 additions and 34 deletions

View file

@ -146,7 +146,7 @@ .sidebar {
flex-grow: 1;
}
.main {
main {
flex-basis: 0;
flex-grow: 999;
min-inline-size: 50%;
@ -154,18 +154,18 @@ .main {
.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 @@ .footer {
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;
}

View file

@ -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="Valid CSS!">
class="pixel" alt="Wiby - Search Engine for the Classic Web">
</a>
</div>
</div>
</footer>
</div>
</div>
</body>

View file

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