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="stylesheet" href="style.css">
<link rel="canonical" href="https://min.rip"> <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="darkreader-lock">
<meta name="color-scheme" content="only light"> <meta name="color-scheme" content="only light">
<meta name="description" content="website of minish">
<title>min.rip</title> <title>min.rip</title>
</head> </head>
@ -17,36 +22,32 @@
<div id="bordeur"></div> <div id="bordeur"></div>
<main> <main>
<div id="floats"> <div id="floats">
<img src="/assets/icon.webp" alt="my avatar" id="icon"> <img src="/assets/icon.webp" alt="" id="icon">
<div id="yapping"> <div id="yapping">
<h1>hi, world!</h1> <h1>hi, world!</h1>
<h2>i am minish</h2> <h2>i am minish</h2>
<p>hi, i go by minish online. i enjoy programming & reverse engineering.</p> <p>hi, i go by minish online. i enjoy programming & reverse engineering.</p>
<p>my current main projects are</p>
<ul> <ul>
my current main projects are <li>
<span> <a href="https://git.min.rip/min/breeze">breeze</a> -
<li> a simple, performant file upload server
<a href="https://git.min.rip/min/breeze">breeze</a> - </li>
a simple, performant file upload server <li>
</li> <a href="https://git.min.rip/breeze/hls_convert">hls_convert</a> -
<li> easily download videos and fix embeds
<a href="https://git.min.rip/breeze/hls_convert">hls_convert</a> - </li>
easily download videos and fix embeds <li>
</li> <a href="#">uproot</a> -
<li> for the ultimate gaming in class enjoyers
<a href="#">uproot</a> - </li>
for the ultimate gaming in class enjoyers
</li>
</span>
</ul> </ul>
<p>some stuff i like:</p>
<ul class="interests"> <ul class="interests">
some stuff i like: <li>omori <img src="/assets/interests/omori.png" alt=""></li>
<span class="interests"> <li>deltarune <img src="/assets/interests/deltarune.png" alt=""></li>
<li>omori <img src="/assets/interests/omori.png"></li> <li>inabakumori <img src="/assets/interests/inabakumori.webp" alt=""></li>
<li>deltarune <img src="/assets/interests/deltarune.png"></li> <li>cafe de touhou <img src="/assets/interests/cdth.webp" alt=""></li>
<li>inabakumori <img src="/assets/interests/inabakumori.webp"></li>
<li>cafe de touhou <img src="/assets/interests/cdth.webp"></li>
</span>
</ul> </ul>
</div> </div>
</div> </div>

View File

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