Update page layout

- Add more buttons
- Style <hr> elements
- Remove 'pixel nes' font from <h3> and <h4> elements
- Change footer grid column sizes to auto (previously 1fr)
- Add 5px top margin to sidebar buttons
This commit is contained in:
floppydiskette 2024-10-06 04:11:46 +01:00
parent d857991d18
commit 5dc6252c4c
Signed by: fwoppydwisk
SSH key fingerprint: SHA256:Hqn452XQ1ETzUt/FthJu6+OFkS4NBxCv5VQSEvuk7CE
8 changed files with 37 additions and 14 deletions

View file

@ -54,9 +54,7 @@ select {
}
h1,
h2,
h3,
h4 {
h2 {
font-family: "pixel nes", sans-serif;
}
@ -69,6 +67,11 @@ p {
margin: 0;
}
hr {
border: none;
border-top: 1px solid var(--foreground);
}
a {
color: var(--links);
text-decoration: underline dotted;
@ -167,7 +170,7 @@ .navbar {
footer {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-columns: repeat(2, auto);
grid-template-rows: 1fr;
grid-column-gap: 0;
grid-row-gap: 0;
@ -334,3 +337,7 @@ .calculator-spec-table td {
.calculator-spec-table tr td:first-child {
background-color: var(--background-secondary);
}
.sidebar > .section > button {
margin-top: 5px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 786 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 524 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 885 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

View file

@ -52,10 +52,30 @@
<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>
v{{ config('app.version') }},
<a href="https://git.frzn.dev/fwoppydwisk/diskfloppy.me/releases/latest">Source</a>,
<a href="/privacy">Privacy Policy?</a><br>
Served by {{ gethostname() }}
</div>
<div>
<a href="https://confusionunknown.nekoweb.org/" class="button">
<img src="{{ URL::asset('images/buttons/cnfunknown.gif') }}" width="88" height="31"
class="pixel" alt="confusionunknown">
</a>
<a href="https://julimiro.eu/" class="button">
<img src="{{ URL::asset('images/buttons/juli.gif') }}" width="88" height="31"
class="pixel" alt="julimiro">
</a>
<a href="https://x86.breadtf.com/" class="button">
<img src="{{ URL::asset('images/buttons/x86.gif') }}" width="88" height="31"
class="pixel" alt="x86Overflow">
</a>
<img src="{{ URL::asset('images/buttons/brokenimage.gif') }}" width="88" height="31"
class="pixel" alt="Made with my own two paws">
<img src="{{ URL::asset('images/buttons/brokenimage.gif') }}" width="88" height="31"
class="pixel" alt="Made with my own two paws">
<img src="{{ URL::asset('images/buttons/brokenimage.gif') }}" width="88" height="31"
class="pixel" alt="Made with my own two paws"><br>
<a href="https://dimden.dev/" class="button">
<img src="https://dimden.dev/services/images/88x31.gif" width="88" height="31"
class="pixel" alt="dimden.dev">
@ -67,19 +87,15 @@ class="pixel" height="31" alt="Linux NOW!">
<a href="https://www.vim.org/" class="button">
<img src="{{ URL::asset('images/buttons/vim.gif') }}" width="88" height="31"
class="pixel" alt="vim">
</a><br>
</a>
<a href="https://wave.webaim.org/" class="button">
<img src="{{ URL::asset('images/buttons/evaluatedWAVE.png') }}" width="88" height="31"
class="pixel" alt="Evaluated to be accessible!">
</a>
<a href="https://jigsaw.w3.org/css-validator/check/referer" class="button">
<img src="{{ URL::asset('images/buttons/vcss-blue.gif') }}" width="88" height="31"
class="pixel" alt="Valid CSS!">
</a>
<a href="https://wiby.me/" class="button">
<img src="{{ URL::asset('images/buttons/wiby.gif') }}" width="88" height="31"
class="pixel" alt="Wiby - Search Engine for the Classic Web">
</a>
<img src="{{ URL::asset('images/buttons/aliasing.png') }}" width="88" height="31"
class="pixel" alt="I heart aliasing!">
<img src="{{ URL::asset('images/buttons/paws.gif') }}" width="88" height="31"
class="pixel" alt="Made with my own two paws">
</div>
</footer>
</div>