Accessibility

This commit is contained in:
nelle 2024-06-11 11:51:20 -06:00
parent 35b18571c6
commit 385baaa09f
4 changed files with 34 additions and 16 deletions

View file

@ -4,15 +4,16 @@ interface Props {
body: string; body: string;
href: string; href: string;
source: string; source: string;
alt: string;
} }
const { href, title, body, source } = Astro.props; const { href, title, body, source, alt } = Astro.props;
--- ---
<li class="link-card"> <li class="link-card">
<a href={href} class="informational"> <a href={href} class="informational">
<h2> <h2>
<img src={source} width="24" height="24" /> <img src={source} width="24" height="24" alt={alt}/>
{title} {title}
<span>&rarr;</span> <span>&rarr;</span>
</h2> </h2>

View file

@ -8,20 +8,20 @@
<!--Badges--> <!--Badges-->
<a href="../assets/badges/limepotxyz-badge00.gif"><u>Mine Button</u></a> <a href="../assets/badges/limepotxyz-badge00.gif"><u>Mine Button</u></a>
<br> <br>
<a href="https://limepot.xyz/"><image src="/assets/badges/limepotxyz-badge00.gif" /> <a href="https://limepot.xyz/"><image src="/assets/badges/limepotxyz-badge00.gif" alt="Badge for this website, limepot.xyz"/>
<br/><br> <br/><br>
<a>Friend Buttons</a> <a>Friend Buttons</a>
<br> <br>
<a href="https://zvava.org/"><image src="/assets/badges/zvava.org.png"></a> <a href="https://zvava.org/"><image src="/assets/badges/zvava.org.png" alt="badge for zvava.org"></a>
<a href="https://elke.cafe/"><image src="/assets/badges/elke.cafe.gif"></a> <a href="https://elke.cafe/"><image src="/assets/badges/elke.cafe.gif" alt="badge for elke.cafe"></a>
<br/><br> <br/><br>
<a>Other Buttons</a> <a>Other Buttons</a>
<br> <br>
<a href="https://jointhefediverse.net/"><image src="/assets/badges/FEDERATE-NOW.jpg" /> <a href="https://jointhefediverse.net/"><image src="/assets/badges/FEDERATE-NOW.jpg" alt="Fediverse icon 'Federate Now!'"/>
<a href="https://gnu.org"><image src="/assets/badges/gnu-linux.gif" /> <a href="https://gnu.org"><image src="/assets/badges/gnu-linux.gif" alt="Tux mascott 'Made on GNU/Linux'"/>
<a href="https://fuckoffgoogle.de/"><image src="/assets/badges/google_stand.gif" /> <a href="https://fuckoffgoogle.de/"><image src="/assets/badges/google_stand.gif" alt="Fight against monopolistic practices, stand up to google!"/>
<a href="https://privacytests.org/"><image src="/assets/badges/chrmevil.gif" /> <a href="https://privacytests.org/"><image src="/assets/badges/chrmevil.gif" alt="Google Chrome is Evil!"/>
<image src="/assets/badges/browser.gif"> <image src="/assets/badges/browser.gif" alt="Best Viewed with ANY browser">
<iframe <iframe
src="//incr.easrng.net/badge?key=limepot" src="//incr.easrng.net/badge?key=limepot"
style="background: url(//incr.easrng.net/bg.gif)" style="background: url(//incr.easrng.net/bg.gif)"
@ -30,15 +30,15 @@
height="31" height="31"
frameborder="0"></iframe> frameborder="0"></iframe>
<br> <br>
<a href="https://privacytests.org/"><image src="/assets/badges/anythingbut.gif" /> <a href="https://privacytests.org/"><image src="/assets/badges/anythingbut.gif" alt="Anything But Chrome"/>
<a href="https://archlinux.org/"><image src="/assets/badges/archlinux.gif" /> <a href="https://archlinux.org/"><image src="/assets/badges/archlinux.gif" alt="Archlinux badge"/>
<a href="https://transfemscience.org/"><image src="/assets/badges/transfemscience.org.gif" /> <a href="https://transfemscience.org/"><image src="/assets/badges/transfemscience.org.gif" alt="Trans Your Gender"/>
<a href="https://vscodium.com/"><image src="/assets/badges/vscodium.com.png" /> <a href="https://vscodium.com/"><image src="/assets/badges/vscodium.com.png" alt="Made with Vscodium"/>
<a href="https://www.java.com/"><image src="/assets/badges/get_java.gif" /> <a href="https://www.java.com/"><image src="/assets/badges/get_java.gif" alt="Get Java Now"/>
<br> <br>
<p> <p>
<a href="https://fediring.net/previous?host=limepot.xyz" style="font-size: 45px">←</a> <a href="https://fediring.net/previous?host=limepot.xyz" style="font-size: 45px">←</a>
<a href="https://fediring.net/"><image src="/assets/badges/fediring-badge.gif"></image></a> <a href="https://fediring.net/"><image src="/assets/badges/fediring-badge.gif" alt="Fediring badge"></image></a>
<a href="https://fediring.net/next?host=limepot.xyz" style="font-size: 45px">→</a> <a href="https://fediring.net/next?host=limepot.xyz" style="font-size: 45px">→</a>
</p> </p>
@ -66,6 +66,7 @@
src="https://img.shields.io/badge/Catppuccin-Mocha%20Peach-fe640b" src="https://img.shields.io/badge/Catppuccin-Mocha%20Peach-fe640b"
width="180" width="180"
height="20" height="20"
alt="Catppuccin Mocha Peach"
/> />
</a> </a>
<a <a
@ -75,6 +76,7 @@
src="https://img.shields.io/badge/Site-Source-lightgrey.svg" src="https://img.shields.io/badge/Site-Source-lightgrey.svg"
width="94.2" width="94.2"
height="20" height="20"
alt="Site Source"
/> />
</a> </a>

View file

@ -54,26 +54,31 @@ import Card from "../components/Card.astro";
source="/assets/icons/mail-outline.svg" source="/assets/icons/mail-outline.svg"
href="mailto: limepot@protonmail.ch" href="mailto: limepot@protonmail.ch"
title="Email" title="Email"
alt="Icon of a piece of Mail"
/> />
<Card <Card
source="https://upload.wikimedia.org/wikipedia/commons/9/93/Fediverse_logo_proposal.svg" source="https://upload.wikimedia.org/wikipedia/commons/9/93/Fediverse_logo_proposal.svg"
href="https://ouroboros.gay/@limepot" href="https://ouroboros.gay/@limepot"
title="Fediverse" title="Fediverse"
alt="Fediverse Icon"
/> />
<Card <Card
source="/assets/icons/listenbrainzicon.png" source="/assets/icons/listenbrainzicon.png"
href="https://listenbrainz.org/user/LimePotato/" href="https://listenbrainz.org/user/LimePotato/"
title="ListenBrainz Profile" title="ListenBrainz Profile"
alt="ListenBrainz Icon"
/> />
<Card <Card
source="/assets/icons/logo-youtube.svg" source="/assets/icons/logo-youtube.svg"
href="https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA" href="https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA"
title="Youtube" title="Youtube"
alt="Youtube Logo"
/> />
<Card <Card
source="/assets/icons/logo-steam.svg" source="/assets/icons/logo-steam.svg"
href="https://steamcommunity.com/id/limepot/" href="https://steamcommunity.com/id/limepot/"
title="Steam" title="Steam"
alt="Steam Logo"
/> />
</ul> </ul>
</div> </div>

View file

@ -22,16 +22,19 @@ import Card from "../components/Card.astro";
source="/assets/icons/Forgejo_logo.svg" source="/assets/icons/Forgejo_logo.svg"
href="https://git.nullafati.xyz/LimePotato/" href="https://git.nullafati.xyz/LimePotato/"
title="Self-Hosted ForgeJo Instance" title="Self-Hosted ForgeJo Instance"
alt="Forgejo Logo"
/> />
<Card <Card
source="https://avatars.githubusercontent.com/u/67560307?s=200&v=4" source="https://avatars.githubusercontent.com/u/67560307?s=200&v=4"
href="https://modrinth.com/user/limepotato" href="https://modrinth.com/user/limepotato"
title="Modrinth" title="Modrinth"
alt="Modrinth Logo"
/> />
<Card <Card
source="/assets/icons/image-outline.svg" source="/assets/icons/image-outline.svg"
href="https://files.nullafati.xyz/Photos/limepotato/" href="https://files.nullafati.xyz/Photos/limepotato/"
title="Photography - File Archive" title="Photography - File Archive"
alt="image icon, mountains and a sun in outline"
/> />
</ul> </ul>
<br /><br /> <br /><br />
@ -48,42 +51,49 @@ import Card from "../components/Card.astro";
href="https://ouroboros.group/" href="https://ouroboros.group/"
title="Ouroboros Group" title="Ouroboros Group"
body="A directory of everything I host." body="A directory of everything I host."
alt="Ouroboros Icon"
/> />
<Card <Card
source="https://git.nullafati.xyz/LimePotato/roses-mod/raw/branch/main/src/main/resources/assets/roses_mod/icon.png" source="https://git.nullafati.xyz/LimePotato/roses-mod/raw/branch/main/src/main/resources/assets/roses_mod/icon.png"
href="https://modrinth.com/mod/roses-quilt" href="https://modrinth.com/mod/roses-quilt"
title="Roses" title="Roses"
body="A Minecraft mod, built for Quilt Loader, bringing back the Roses and Cyan Roses of old." body="A Minecraft mod, built for Quilt Loader, bringing back the Roses and Cyan Roses of old."
alt="Two minecraft roses, one red one cyan"
/> />
<Card <Card
source="https://git.nullafati.xyz/limepotato/yummy/raw/branch/main/src/main/resources/assets/yummy/icon.png" source="https://git.nullafati.xyz/limepotato/yummy/raw/branch/main/src/main/resources/assets/yummy/icon.png"
href="https://git.nullafati.xyz/limepotato/yummy" href="https://git.nullafati.xyz/limepotato/yummy"
title="Yummy" title="Yummy"
body="A Minecraft mod, all about food (WIP)." body="A Minecraft mod, all about food (WIP)."
alt="Pixel art smiling yummy face"
/> />
<Card <Card
source="/assets/icons/Forgejo_logo.svg" source="/assets/icons/Forgejo_logo.svg"
href="https://git.nullafati.xyz/limepotato/edibleBlocks" href="https://git.nullafati.xyz/limepotato/edibleBlocks"
title="Edible Blocks" title="Edible Blocks"
body="A Minecraft mod, that lets you.... eat block items????" body="A Minecraft mod, that lets you.... eat block items????"
alt="ForgeJo Logo"
/> />
<Card <Card
source="/assets/icons/Forgejo_logo.svg" source="/assets/icons/Forgejo_logo.svg"
href="https://git.nullafati.xyz/limepotato/mc-badges" href="https://git.nullafati.xyz/limepotato/mc-badges"
title="Minecraft Badges" title="Minecraft Badges"
body="A handful of 88x31 badges for all your minecraft related projects!" body="A handful of 88x31 badges for all your minecraft related projects!"
alt="ForgeJo Logo"
/> />
<Card <Card
source="/assets/icons/Forgejo_logo.svg" source="/assets/icons/Forgejo_logo.svg"
href="https://git.nullafati.xyz/Ouroboros/potrogue/" href="https://git.nullafati.xyz/Ouroboros/potrogue/"
title="potrogue" title="potrogue"
body="A lil roguelike project built in Kotlin with cobalt/amethyst/zircon" body="A lil roguelike project built in Kotlin with cobalt/amethyst/zircon"
alt="ForgeJo Logo"
/> />
<Card <Card
source="/assets/icons/Forgejo_logo.svg" source="/assets/icons/Forgejo_logo.svg"
href="https://git.nullafati.xyz/limepotato/kotRemote" href="https://git.nullafati.xyz/limepotato/kotRemote"
title="kotRemote" title="kotRemote"
body="SSHFS (and maybe other things later) Wrapper, in Kotlin with Jexer" body="SSHFS (and maybe other things later) Wrapper, in Kotlin with Jexer"
alt="ForgeJo Logo"
/> />
</ul> </ul>
</div> </div>