accessibility

This commit is contained in:
Quinten0508 2024-07-27 12:13:20 +02:00
parent fe09b666a0
commit da04134f77
5 changed files with 15 additions and 11 deletions

View File

@ -3,6 +3,7 @@
<head>
<title>Gallery - Quintens Outpost</title>
<meta name="description" content="gallery">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">

View File

@ -19,9 +19,9 @@
<div id="maintitlebox">
<div id="titleandcat" class="box">
<img src="/assets/dance_transparent.webp" id="sapari-dance">
<img src="/assets/dance_transparent.webp" id="sapari-dance" alt="sapari cat dancing gif">
<h1 id="maintitle"><a style="text-decoration: none; color: #E9E9E9;" href="./">Quinten's Outpost</a></h1>
<img src="/assets/dance_transparent.webp" id="sapari-dance"></img>
<img src="/assets/dance_transparent.webp" id="sapari-dance" alt="sapari cat dancing gif"></img>
</div>
<button id="oneko-button" class="button">:3</button>
@ -72,7 +72,7 @@
<!-- must resist the urge to dynamically generate this, fuck js -->
<h5 style="display: inline-block; padding: 0;">Current directory:</h5>
<p style="display: inline-block;">
<img src="./assets/icons/tux.svg" id="directory-icon">/<a class="link" href="./">home/quinten</a>
<img src="./assets/icons/tux.svg" id="directory-icon" alt="linux tux penguin icon">/<a class="link" href="./">home/quinten</a>
</p>
</div>
@ -88,7 +88,7 @@
<p id="clocktitle"> My time (UTC+2)</p>
<div id="clock-contents">
<p id="clock">Loading...</p>
<img id="clock-icon"></img>
<img id="clock-icon" alt="clock-icon"></img>
</div>
</div>
</div>
@ -101,7 +101,7 @@
<div class="box" id="spaceweather">
<h3>Space Weather</h3>
<button id="spaceweather-button" class="button">
<button id="spaceweather-button" class="button" aria-label="change hemisphere">
<svg style="width: 1rem; height: 1rem;">
<use xlink:href="assets/icons/compass.svg#compass"></use>
</svg>

View File

@ -3,6 +3,7 @@
<head>
<title>Links - Quintens Outpost</title>
<meta name="description" content="links">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
@ -53,9 +54,9 @@
<div id="maintitlebox">
<div id="titleandcat" class="box">
<img src="/assets/dance_transparent.webp" id="sapari-dance">
<img src="/assets/dance_transparent.webp" id="sapari-dance" alt="sapari cat dancing gif">
<h1 id="maintitle"><a style="text-decoration: none; color: #E9E9E9;" href="./">Quinten's Outpost</a></h1>
<img src="/assets/dance_transparent.webp" id="sapari-dance">
<img src="/assets/dance_transparent.webp" id="sapari-dance" alt="sapari cat dancing gif"></img>
</div>
<button id="oneko-button" class="button">:3</button>

View File

@ -3,6 +3,7 @@
<head>
<title>CHANGEME - Quintens Outpost</title>
<meta name="description" content="CHANGEME">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">

View File

@ -3,6 +3,7 @@
<head>
<title>Updates - Quintens Outpost</title>
<meta name="description" content="updates">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
@ -24,9 +25,9 @@
<div id="maintitlebox">
<div id="titleandcat" class="box">
<img src="/assets/dance_transparent.webp" id="sapari-dance">
<img src="/assets/dance_transparent.webp" id="sapari-dance" alt="sapari cat dancing gif">
<h1 id="maintitle"><a style="text-decoration: none; color: #E9E9E9;" href="./">Quinten's Outpost</a></h1>
<img src="/assets/dance_transparent.webp" id="sapari-dance">
<img src="/assets/dance_transparent.webp" id="sapari-dance" alt="sapari cat dancing gif"></img>
</div>
<button id="oneko-button" class="button">:3</button>