aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorRoscoe <roscoe@wah.moe>2025-04-14 23:44:59 +0100
committerRoscoe <roscoe@wah.moe>2025-04-14 23:45:16 +0100
commit160c83f99f97887967b3f9142d499761de070330 (patch)
treeb247c4b61cfa4c847348bd9ae4f6845dd4f497cd
parentf3e2d1e2fc87767ba10dd8c3ae7a5b211ac9610b (diff)
accessibilify
-rw-r--r--config/app.php2
-rw-r--r--public/css/master.css14
-rw-r--r--resources/views/components/layout.blade.php70
3 files changed, 46 insertions, 40 deletions
diff --git a/config/app.php b/config/app.php
index 8597cd6..384d755 100644
--- a/config/app.php
+++ b/config/app.php
@@ -5,7 +5,7 @@ use Illuminate\Support\ServiceProvider;
return [
'name' => env('APP_NAME', 'wah.moe'),
- 'version' => '2025.04.13',
+ 'version' => '2025.04.14',
'env' => env('APP_ENV', 'production'),
'debug' => (bool) env('APP_DEBUG', false),
'url' => env('APP_URL', 'http://localhost'),
diff --git a/public/css/master.css b/public/css/master.css
index 7de623b..3a349cb 100644
--- a/public/css/master.css
+++ b/public/css/master.css
@@ -150,7 +150,7 @@ div.page-container > div:last-child {
margin-bottom: 0;
}
-div#header {
+header {
display: grid;
grid-template-columns: 66px 1fr;
grid-template-rows: 1fr;
@@ -159,27 +159,27 @@ div#header {
align-items: center;
}
-div#header img {
+header img {
filter: drop-shadow(2px 2px hsl(0, 0%, 66%));
margin-right: 10px;
image-rendering: pixelated;
}
-div#header h1 {
+header h1 {
margin: 0;
font-style: italic;
}
-div#header h1,
-div#header p {
+header h1,
+header p {
display: inline;
}
-div#content {
+main>div {
position: relative;
}
-div#content::after {
+main>div::after {
display: block;
content: "";
clear: both;
diff --git a/resources/views/components/layout.blade.php b/resources/views/components/layout.blade.php
index 9dd2160..d4b2c87 100644
--- a/resources/views/components/layout.blade.php
+++ b/resources/views/components/layout.blade.php
@@ -20,42 +20,48 @@
<body>
<div class="page-container">
<div id="header">
- <div>
- <img src="{{ asset('/images/logo.png') }}" width="65" alt="A pixel art depiction of a paw, in three alternating shades of orange.">
- </div>
- <div>
- <h1>wah!</h1>
- <p>
- (dot moe)
- </p>
- <x-navigation></x-navigation>
- </div>
+ <header>
+ <div>
+ <img src="{{ asset('/images/logo.png') }}" width="65" alt="A pixel art depiction of a paw, in three alternating shades of orange.">
+ </div>
+ <div>
+ <h1>wah!</h1>
+ <p>
+ (dot moe)
+ </p>
+ <x-navigation></x-navigation>
+ </div>
+ </header>
</div>
<div id="content">
- {{ $slot }}
+ <main>
+ {{ $slot }}
+ </main>
</div>
<div id="footer">
- <div>
- <span>
- &copy; RoscoeDaWah 2021-{{ date('Y') }}<br>
- v{{ config('app.version') }}, <a href="https://git.frzn.dev/RoscoeDaWah/wah.moe/releases/latest">Source</a><br>
- Served by {{ gethostname() }}
- </span>
- </div>
- <div>
- <img src="{{ URL::asset('images/buttons/wah.png') }}" alt="wah! (dot moe)">
- <a href="https://aliceisvery.gay/"><img src="{{ URL::asset('images/buttons/cnfunknown.gif') }}" alt="ConfusionUnknown"></a>
- <a href="https://julimiro.eu/"><img src="{{ URL::asset('images/buttons/juli.gif') }}" alt="Julimiro.eu"></a>
- <a href="https://x86.isafox.gay/"><img src="{{ URL::asset('images/buttons/x86.gif') }}" alt="x86Overflow"></a>
- <a href="https://thinliquid.dev/"><img src="{{ URL::asset('images/buttons/thnlqd.png') }}" alt="thinliquid"></a>
- <a href="https://dimden.dev/"><img src="https://dimden.dev/services/images/88x31.gif" alt="dimden.dev"></a><br>
- <a href="https://developer.mozilla.org/en-US/docs/Web/CSS"><img src="{{ URL::asset('images/buttons/csshard.gif') }}" alt="CSS is hard"></a>
- <a href="https://linux.org/"><img src="{{ URL::asset('images/buttons/linuxnow.gif') }}" alt="Linux NOW!"></a>
- <img src="{{ URL::asset('images/buttons/paws-aliased.png') }}" alt="Made with my own two paws">
- <img src="{{ URL::asset('images/buttons/transrights.gif') }}" alt="Trans Rights NOW!">
- <a href="https://www.vim.org/"><img src="{{ URL::asset('images/buttons/vim.gif') }}" alt="Vim"></a>
- <img src="{{ URL::asset('images/buttons/aliasing.png') }}" alt="I Heart Aliasing">
- </div>
+ <footer>
+ <div>
+ <span>
+ &copy; RoscoeDaWah 2021-{{ date('Y') }}<br>
+ v{{ config('app.version') }}, <a href="https://git.frzn.dev/RoscoeDaWah/wah.moe/releases/latest">Source</a><br>
+ Served by {{ gethostname() }}
+ </span>
+ </div>
+ <div>
+ <img src="{{ URL::asset('images/buttons/wah.png') }}" alt="wah! (dot moe)">
+ <a href="https://aliceisvery.gay/"><img src="{{ URL::asset('images/buttons/cnfunknown.gif') }}" alt="ConfusionUnknown"></a>
+ <a href="https://julimiro.eu/"><img src="{{ URL::asset('images/buttons/juli.gif') }}" alt="Julimiro.eu"></a>
+ <a href="https://x86.isafox.gay/"><img src="{{ URL::asset('images/buttons/x86.gif') }}" alt="x86Overflow"></a>
+ <a href="https://thinliquid.dev/"><img src="{{ URL::asset('images/buttons/thnlqd.png') }}" alt="thinliquid"></a>
+ <a href="https://dimden.dev/"><img src="https://dimden.dev/services/images/88x31.gif" alt="Dimden's website"></a><br>
+ <a href="https://developer.mozilla.org/en-US/docs/Web/CSS"><img src="{{ URL::asset('images/buttons/csshard.gif') }}" alt="CSS is hard"></a>
+ <a href="https://linux.org/"><img src="{{ URL::asset('images/buttons/linuxnow.gif') }}" alt="Linux NOW!"></a>
+ <img src="{{ URL::asset('images/buttons/paws-aliased.png') }}" alt="Made with my own two paws">
+ <img src="{{ URL::asset('images/buttons/transrights.gif') }}" alt="Trans Rights NOW!">
+ <a href="https://www.vim.org/"><img src="{{ URL::asset('images/buttons/vim.gif') }}" alt="Vim"></a>
+ <img src="{{ URL::asset('images/buttons/aliasing.png') }}" alt="I Heart Aliasing">
+ </div>
+ </footer>
</div>
</div>
</body>