site accessibility cleanup
All checks were successful
/ build (push) Successful in 28s

This commit is contained in:
Ruben 2025-04-06 23:05:14 -05:00
commit f81e4bb5f1
No known key found for this signature in database
GPG key ID: 8EA836555FB6D9A5
7 changed files with 58 additions and 194 deletions

View file

@ -64,16 +64,16 @@
<!-- blog index -->
<details open id="blog" class="window">
<summary aria-hidden="true">
<div>
<summary>
<div aria-hidden="true">
<span class="tabler--article"></span>
</div>
<a href="#blog">blog</a>
<div>
<div aria-hidden="true">
<span class="tabler--minimize"></span>
<span class="tabler--maximize"></span>
</div>
<div>
<div aria-hidden="true">
<span class="tabler--x"></span>
</div>
</summary>

View file

@ -63,16 +63,16 @@
<!-- donation window -->
<details open id="donate" class="window">
<summary aria-hidden="true">
<div>
<summary>
<div aria-hidden="true">
<span class="tabler--message-chatbot"></span>
</div>
<a href="#donate">donate</a>
<div>
<div aria-hidden="true">
<span class="tabler--minimize"></span>
<span class="tabler--maximize"></span>
</div>
<div>
<div aria-hidden="true">
<span class="tabler--x"></span>
</div>
</summary>

View file

@ -62,16 +62,16 @@
<!-- simple site introduction -->
<details open id="site" class="window">
<summary aria-hidden="true">
<div>
<summary>
<div aria-hidden="true">
<span class="tabler--message-chatbot"></span>
</div>
<a href="#site">welcome!</a>
<div>
<div aria-hidden="true">
<span class="tabler--minimize"></span>
<span class="tabler--maximize"></span>
</div>
<div>
<div aria-hidden="true">
<span class="tabler--x"></span>
</div>
</summary>
@ -95,16 +95,16 @@
<!-- buttons -->
<details open id="buttons" class="window">
<summary aria-hidden="true">
<div>
<summary>
<div aria-hidden="true">
<span class="tabler--link"></span>
</div>
<a href="#buttons">buttons</a>
<div>
<div aria-hidden="true">
<span class="tabler--minimize"></span>
<span class="tabler--maximize"></span>
</div>
<div>
<div aria-hidden="true">
<span class="tabler--x"></span>
</div>
</summary>

View file

@ -1,146 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>do not interact @ synth download!</title>
<link rel="icon" type="image/png" href="/assets/favicon.png">
<link rel="stylesheet" type="text/css" href="/ruben.css">
<link rel="stylesheet" type="text/css" href="/font.css">
<link rel="stylesheet" type="text/css" href="/tabler.css">
<link rel="stylesheet" type="text/css" href="/style.css">
<link rel="canonical" href="https://synth.download/">
<link rel="me" href="https://booping.synth.download/@sneexy">
<link rel="me" href="https://beeping.synth.download/@sneexy">
<link rel="me" href="https://git.gay/sneexy">
<meta lang="en-US">
<meta property="og:url" content="https://synth.download/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="/script.js"></script>
<script src="/script.js" defer="defer"></script>
</head>
<body>
<!-- top navbar -->
<div class="navbar">
<a class="nav-base nav-baselink" href="/"><span class="tabler--grid-dots"></span> synth download!</a>
<details class="nav-base nav-baselink-mobile">
<summary><span class="tabler--grid-dots"></span> s <div class="dot" style="background-color: var(--background) !important;"></div> d!</summary>
<ul>
<li>
<a href="/"><span class="tabler--home"></span> home</a>
</li>
<li>
<a href="/me"><span class="tabler--user"></span> about me</a>
</li>
<li>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
</li>
<li>
<a href="/me#links"><span class="tabler--link"></span> links</a>
</li>
</ul>
</details>
<nav class="nav-base nav-links">
<a href="/"><span class="tabler--home"></span> home</a>
<div class="dot"></div>
<a href="/me"><span class="tabler--user"></span> about me</a>
<div class="dot"></div>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
<div class="dot"></div>
<a href="/me#links"><span class="tabler--link"></span> links</a>
</nav>
<p aria-hidden="true" class="nav-base nav-systray">
<span class="tabler--bell"></span>
<span class="tabler--volume"></span>
<span class="tabler--wifi"></span>
<span class="tabler--battery-filled"></span>
</p>
</div>
<!-- dni -->
<details open id="do-not-interact" class="window">
<summary aria-hidden="true">
<div>
<span class="tabler--link"></span>
</div>
<a href="#do-not-interact">do-not-interact</a>
<div>
<span class="tabler--minimize"></span>
<span class="tabler--maximize"></span>
</div>
<div>
<span class="tabler--x"></span>
</div>
</summary>
<section>
<h1><a href="#do-not-interact">do not interact</a></h1>
<p>my own dni list. also includes specific bits for other platforms such as the fediverse.</p>
<p>consider this page "Discontinued" but information on here should still apply.</p>
<span id="seperator"></span>
<b>to get the basics and hopefully well known out of the way:</b>
<ul>
<li>homo/trans/queerphobes</li>
<li>nazis</li>
<li>racists</li>
<li>rightoids, "antiwoke"</li>
<li>pedos/maps/zoos</li>
<li>tech/aibros <small>(you know who you are)</small></li>
<li>cop supporters</li>
<li>the bad space/are0h/packetcat supporters <small>(if you don't know what this means, you're most likely fine!)</small></li>
</ul>
<p>...you know the drill. kindly Get The Hell Away From Me! <svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-heart"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
<span id="seperator"></span>
<h2><a href="#fedi">fedi</a></h2>
<p><b>instances that i look out for:</b></p>
<ul>
<li>
mastodon.social, mastodon.online, mas.to, and most other large "general" mastodon instances are <span style="color:var(--red);">ignored</span>
</li>
<li>
hachyderm.io, fosstodon.org, floss.social and most "foss supporting" instances are <span style="color:var(--yellow);">discouraged</span>
</li>
<li>
transfem.social and woem.men go though heavy vibe checking
</li>
</ul>
<p>feel free to send a follow request if you think you pass all of the above or aren't on an instance i dislike a bit too much!</p>
<p>if you'd like to ask for reasons with the list above, feel free to send a DM.</p>
</section>
</details>
<!-- webrings and credits -->
<footer>
<details open id="footer" class="window">
<summary aria-hidden="true">
<a href="#footer">footer</a>
</summary>
<section>
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
<section class="inner-footer">
<a href="https://forged.synth.download/sneexy/pages" style="background-color: color-mix(in srgb, var(--maroon) 25%, transparent); color: var(--maroon);" alt="website source!"><span class="tabler--brand-git" style="pointer-events: none;"></span></a>
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--accent) 25%, transparent); color: var(--accent);" alt="Ayu"><span class="tabler--palette" style="pointer-events: none;"></span></svg></a>
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--blue) 25%, transparent); color: var(--blue);" alt="Tabler"><span class="tabler--brand-tabler" style="pointer-events: none;"></span></a>
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--green) 25%, transparent); color: var(--green);" alt="JetBrains Mono"><span class="tabler--text-size" style="pointer-events: none;"></span></a>
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--sapphire) 25%, transparent); color: var(--sapphire);" alt="Lexend"><span class="tabler--letter-case" style="pointer-events: none;"></span></i></a>
</section>
<p style="padding-bottom: 14px;"><a href="https://synthspecies.com">Synth species</a> created by <a href="https://www.furaffinity.net/user/vader-san">Vader-San</a>, synth.download is not affiliated with the creator in any way.</p>
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
<p>♡2025 All wrongs reversed. Please copy and share.</p>
<img src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
</section>
</details>
</footer>
<!-- element used for our alt popup -->
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
</body>
</html>

View file

@ -30,7 +30,7 @@
<div class="navbar">
<a class="nav-base nav-baselink" href="/"><span class="tabler--grid-dots"></span> synth download!</a>
<details class="nav-base nav-baselink-mobile">
<summary><span class="tabler--grid-dots"></span> s <div class="dot" style="background-color: var(--background) !important;"></div> d!</summary>
<summary><span class="tabler--grid-dots"></span> s <div aria-hidden="true" class="dot" style="background-color: var(--background) !important;"></div> d!</summary>
<ul>
<li>
<a href="/"><span class="tabler--home"></span> home</a>
@ -48,11 +48,11 @@
</details>
<nav class="nav-base nav-links">
<a href="/"><span class="tabler--home"></span> home</a>
<div class="dot"></div>
<div aria-hidden="true" class="dot"></div>
<a href="/me"><span class="tabler--user"></span> about me</a>
<div class="dot"></div>
<div aria-hidden="true" class="dot"></div>
<a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
<div class="dot"></div>
<div aria-hidden="true" class="dot"></div>
<a href="/me#links"><span class="tabler--link"></span> links</a>
</nav>
<p aria-hidden="true" class="nav-base nav-systray">
@ -64,17 +64,19 @@
</div>
<!-- simple introduction -->
<div aria-hidden="true"></div>
<details open id="sneexy" class="window">
<summary aria-hidden="true">
<div>
<summary>
<div aria-hidden="true">
<span class="tabler--user"></span>
</div>
<a href="#sneexy">sneexy info</a>
<div>
<div aria-hidden="true">
<span class="tabler--minimize"></span>
<span class="tabler--maximize"></span>
</div>
<div>
<div aria-hidden="true">
<span class="tabler--x"></span>
</div>
</summary>
@ -112,16 +114,16 @@
<!-- about me -->
<details open id="about-me" class="window">
<summary aria-hidden="true">
<div>
<summary>
<div aria-hidden="true">
<span class="tabler--info-circle"></span>
</div>
<a href="#about-me">about me</a>
<div>
<div aria-hidden="true">
<span class="tabler--minimize"></span>
<span class="tabler--maximize"></span>
</div>
<div>
<div aria-hidden="true">
<span class="tabler--x"></span>
</div>
</summary>
@ -143,16 +145,16 @@
<!-- socials -->
<details open id="links" class="window">
<summary aria-hidden="true">
<div>
<summary>
<div aria-hidden="true">
<span class="tabler--link"></span>
</div>
<a href="#links">links</a>
<div>
<div aria-hidden="true">
<span class="tabler--minimize"></span>
<span class="tabler--maximize"></span>
</div>
<div>
<div aria-hidden="true">
<span class="tabler--x"></span>
</div>
</summary>
@ -177,16 +179,16 @@
<!-- "fun" facts -->
<details open id="fun-facts" class="window">
<summary aria-hidden="true">
<div>
<summary>
<div aria-hidden="true">
<span class="tabler--mood-empty"></span>
</div>
<a href="#fun-facts">"fun" facts</a>
<div>
<div aria-hidden="true">
<span class="tabler--minimize"></span>
<span class="tabler--maximize"></span>
</div>
<div>
<div aria-hidden="true">
<span class="tabler--x"></span>
</div>
</summary>

View file

@ -62,16 +62,16 @@
<!-- intro -->
<details open id="intro" class="window">
<summary aria-hidden="true">
<div>
<summary>
<div aria-hidden="true">
<span class="tabler--robot-face"></span>
</div>
<a href="#intro">ruben's introduction</a>
<div>
<div aria-hidden="true">
<span class="tabler--minimize"></span>
<span class="tabler--maximize"></span>
</div>
<div>
<div aria-hidden="true">
<span class="tabler--x"></span>
</div>
</summary>
@ -102,16 +102,16 @@
<!-- features -->
<details open id="features" class="window">
<summary aria-hidden="true">
<div>
<summary>
<div aria-hidden="true">
<span class="tabler--notes"></span>
</div>
<a href="#features">features</a>
<div>
<div aria-hidden="true">
<span class="tabler--minimize"></span>
<span class="tabler--maximize"></span>
</div>
<div>
<div aria-hidden="true">
<span class="tabler--x"></span>
</div>
</summary>
@ -164,16 +164,16 @@
<!-- personality -->
<details open id="personality" class="window">
<summary aria-hidden="true">
<div>
<summary>
<div aria-hidden="true">
<span class="tabler--mood-look-up"></span>
</div>
<a href="#personality">personality</a>
<div>
<div aria-hidden="true">
<span class="tabler--minimize"></span>
<span class="tabler--maximize"></span>
</div>
<div>
<div aria-hidden="true">
<span class="tabler--x"></span>
</div>
</summary>

View file

@ -187,6 +187,8 @@ footer {
border-bottom: .2rem solid var(--accent);
color: var(--foreground);
transition: .2s background-color, .1s border-bottom;
.nav-base {
padding: 0px .2em !important;
max-width: fit-content;
@ -251,6 +253,12 @@ footer {
}
}
.navbar:hover {
transition: .2s background-color, .1s border-bottom;
background-color: var(--accent);
border-bottom: .1rem solid var(--accent);
}
/* text formatting and config stuff
font-family and <p> is set under .terminal */