Compare commits

..

5 commits

Author SHA1 Message Date
74bca7ac80
Merge branch 'redesign' 2024-08-08 15:35:48 +01:00
14d3ed966b
Accessibility stuff 2024-08-08 15:34:32 +01:00
8650d88a79
Finish that shit 2024-08-08 15:21:30 +01:00
c148b6237a
Add random quotes 2024-08-08 04:00:49 +01:00
e3f67fec07
Initial redesign commit 2024-08-08 02:00:44 +01:00
3 changed files with 34 additions and 34 deletions

View file

@ -146,7 +146,7 @@ .sidebar {
flex-grow: 1; flex-grow: 1;
} }
.main { main {
flex-basis: 0; flex-basis: 0;
flex-grow: 999; flex-grow: 999;
min-inline-size: 50%; min-inline-size: 50%;
@ -154,18 +154,18 @@ .main {
.navbar, .navbar,
.content, .content,
.header, header,
.footer { footer {
margin: 10px 10px 0 0; margin: 10px 10px 0 0;
} }
.header, header,
.footer, footer,
.navbar { .navbar {
padding: 5px; padding: 5px;
} }
.footer { footer {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr; grid-template-rows: 1fr;
@ -173,7 +173,7 @@ .footer {
grid-row-gap: 0; grid-row-gap: 0;
} }
.footer div:last-child { footer div:last-child {
text-align: right; text-align: right;
} }
@ -209,12 +209,12 @@ a.button:hover img {
opacity: 80%; opacity: 80%;
} }
.main > .section, main > .section,
.sidebar > .section { .sidebar > .section {
margin-bottom: 10px; margin-bottom: 10px;
} }
.main > .section:last-child, main > .section:last-child,
.sidebar > .section:last-child { .sidebar > .section:last-child {
margin-bottom: 0; margin-bottom: 0;
} }

View file

@ -25,9 +25,9 @@
<body onload="setSchemeSelector()"> <body onload="setSchemeSelector()">
<div class="container"> <div class="container">
<div class="page"> <div class="page">
<div class="header"> <header>
<h1>{{ str_replace("www.", "", Request::getHost()) }}</h1> <h1>{{ str_replace("www.", "", Request::getHost()) }}</h1>
</div> </header>
<div class="navbar"> <div class="navbar">
<p> <p>
<strong>Current Path:</strong> <strong>Current Path:</strong>
@ -39,17 +39,17 @@
</p> </p>
</div> </div>
<div class="content"> <div class="content">
<div class="main"> <main>
{{ $slot }} {{ $slot }}
</div> </main>
<div class="sidebar"> <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"><x-settings/></div>
<div class="section centerbox"><x-discord-status/></div> <div class="section centerbox"><x-discord-status/></div>
<div class="section"><x-weather/></div> <div class="section"><x-weather/></div>
</div> </div>
</div> </div>
<div class="footer"> <footer>
<div> <div>
(c) floppydisk 2021-{{ date('Y') }}<br> (c) floppydisk 2021-{{ date('Y') }}<br>
v{{ config('app.version') }}, <a href="https://git.frzn.dev/fwoppydwisk/diskfloppy.me/releases/latest">Source</a><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"> class="pixel" alt="Wiby - Search Engine for the Classic Web">
</a> </a>
</div> </div>
</div> </footer>
</div> </div>
</div> </div>
</body> </body>

View file

@ -1,30 +1,30 @@
<p><strong>Navigation:</strong></p> <p><strong>Navigation:</strong></p>
<div class="navlinks"> <div class="navlinks">
<a href="/" title="Home"> <a href="/">
<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/home2.png') }}" alt="Home" width="16" height="16">Home <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/home2.png') }}" width="16" height="16">Home
</a><br> </a><br>
<a href="//git.diskfloppy.me/" title="cgit"> <a href="//git.diskfloppy.me/">
<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/repo.png') }}" alt="cgit" width="16" height="16">Git <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/repo.png') }}" width="16" height="16">Git
</a><br> </a><br>
<a href="/pub/" title="Public Files"> <a href="/pub/">
<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/pubfiles.png') }}" alt="Public Files" width="16" height="16">Public Files <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/pubfiles.png') }}" width="16" height="16">Public Files
</a><br> </a><br>
<a href="/computers/" title="Computers"> <a href="/computers/">
<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/computers.png') }}" alt="Computers" width="16" height="16">Computers <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/computers.png') }}" width="16" height="16">Computers
</a><br> </a><br>
<a href="/calculators/" title="Calculators"> <a href="/calculators/">
<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/calculators.png') }}" alt="Calculators" width="16" height="16">Calculators <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/calculators.png') }}" width="16" height="16">Calculators
</a><br> </a><br>
<a href="/bookmarks/" title="Bookmarks"> <a href="/bookmarks/">
<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/bookmarks.png') }}" alt="Bookmarks" width="16" height="16">Bookmarks <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/bookmarks.png') }}" width="16" height="16">Bookmarks
</a><br> </a><br>
<a href="/guestbook/" title="Guestbook"> <a href="/guestbook/">
<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/guestbook.png') }}" alt="Guestbook" width="16" height="16">Guestbook <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/guestbook.png') }}" width="16" height="16">Guestbook
</a><br> </a><br>
<a href="//weather.diskfloppy.me/" title="Weather"> <a href="//weather.diskfloppy.me/">
<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/weather.png') }}" alt="Weather" width="16" height="16">Weather <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/weather.png') }}" width="16" height="16">Weather
</a><br> </a><br>
<a href="/music/" title="Music"> <a href="/music/">
<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/music.png') }}" alt="Music" width="16" height="16">Music <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/music.png') }}" width="16" height="16">Music
</a><br> </a><br>
</div> </div>