Accessibility stuff
This commit is contained in:
parent
8650d88a79
commit
14d3ed966b
3 changed files with 34 additions and 34 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue