Accessibility
This commit is contained in:
parent
35b18571c6
commit
385baaa09f
4 changed files with 34 additions and 16 deletions
|
@ -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>→</span>
|
<span>→</span>
|
||||||
</h2>
|
</h2>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue