fix some accessibility stuff

This commit is contained in:
minish 2024-03-30 17:03:41 -04:00
parent a7eb15d9b2
commit c15bc7062d
Signed by: min
GPG Key ID: FEECFF24EF0CE9E9
2 changed files with 29 additions and 28 deletions

View File

@ -6,9 +6,14 @@
<link rel="stylesheet" href="style.css">
<link rel="canonical" href="https://min.rip">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="darkreader-lock">
<meta name="color-scheme" content="only light">
<meta name="description" content="website of minish">
<title>min.rip</title>
</head>
@ -17,14 +22,13 @@
<div id="bordeur"></div>
<main>
<div id="floats">
<img src="/assets/icon.webp" alt="my avatar" id="icon">
<img src="/assets/icon.webp" alt="" id="icon">
<div id="yapping">
<h1>hi, world!</h1>
<h2>i am minish</h2>
<p>hi, i go by minish online. i enjoy programming & reverse engineering.</p>
<p>my current main projects are</p>
<ul>
my current main projects are
<span>
<li>
<a href="https://git.min.rip/min/breeze">breeze</a> -
a simple, performant file upload server
@ -37,16 +41,13 @@
<a href="#">uproot</a> -
for the ultimate gaming in class enjoyers
</li>
</span>
</ul>
<p>some stuff i like:</p>
<ul class="interests">
some stuff i like:
<span class="interests">
<li>omori <img src="/assets/interests/omori.png"></li>
<li>deltarune <img src="/assets/interests/deltarune.png"></li>
<li>inabakumori <img src="/assets/interests/inabakumori.webp"></li>
<li>cafe de touhou <img src="/assets/interests/cdth.webp"></li>
</span>
<li>omori <img src="/assets/interests/omori.png" alt=""></li>
<li>deltarune <img src="/assets/interests/deltarune.png" alt=""></li>
<li>inabakumori <img src="/assets/interests/inabakumori.webp" alt=""></li>
<li>cafe de touhou <img src="/assets/interests/cdth.webp" alt=""></li>
</ul>
</div>
</div>

View File

@ -122,16 +122,16 @@ ul {
}
span.interests {
display: grid;
grid-template-columns: auto auto;
}
li {
/* move the bulletpoint 6px inward on itself */
padding-left: 6px;
}
.interests {
display: grid;
grid-template-columns: auto auto;
}
.interests img {
height: 1.75em;
vertical-align: middle;