kmoschcau/f1r3.xyz-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: wrap all links in a nav-element

Browse Source
This commit is contained in:
Kai Moschcau
2026-03-08 15:43:01 +01:00
parent 70a5e4933c
commit d0c77a00d1
1 changed files with 44 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/pages/index.astro
View File

@@ -40,48 +40,50 @@ import "../styles/global.css";
<p>A zebra from Germany</p>
<p>(Web-)dev by day – furry, gamer and game master by night</p>
</section>
<ul class="flex flex-col gap-2">
<li>
<ExternalLink
cssClass="link-matrix"
href="https://matrix.to/#/@f1r3w4rr10r:bark.lgbt"
title="My matrix account"
>
<InlineSvg SvgComponent={MatrixLogo} slot="logo" />
<span>@f1r3w4rr10r:bark.lgbt</span>
</ExternalLink>
</li>
<li>
<ExternalLink
cssClass="link-mastodon"
href="https://bark.lgbt/@f1r3w4rr10r"
title="My Mastodon account"
>
<InlineSvg SvgComponent={MastodonLogo} slot="logo" />
<span>@f1r3w4rr10r@bark.lgbt</span>
</ExternalLink>
</li>
<li>
<ExternalLink
cssClass="link-fur-affinity"
href="https://www.furaffinity.net/user/f1r3w4rr10r/"
title="My Fur Affinity account"
>
<InlineImage src={furAffinityLogo} slot="logo" />
<span>f1r3w4rr10r</span>
</ExternalLink>
</li>
<li>
<ExternalLink
cssClass="link-keyoxide"
href="https://keyoxide.org/B73A94768A3D1C0BA02B2CC9D8DEF70F1E71C8CF"
title="My Keyoxide entry"
>
<InlineSvg SvgComponent={KeyoxideLogo} slot="logo" />
<span>Keyoxide</span>
</ExternalLink>
</li>
</ul>
<nav>
<ul class="flex flex-col gap-2">
<li>
<ExternalLink
cssClass="link-matrix"
href="https://matrix.to/#/@f1r3w4rr10r:bark.lgbt"
title="My matrix account"
>
<InlineSvg SvgComponent={MatrixLogo} slot="logo" />
<span>@f1r3w4rr10r:bark.lgbt</span>
</ExternalLink>
</li>
<li>
<ExternalLink
cssClass="link-mastodon"
href="https://bark.lgbt/@f1r3w4rr10r"
title="My Mastodon account"
>
<InlineSvg SvgComponent={MastodonLogo} slot="logo" />
<span>@f1r3w4rr10r@bark.lgbt</span>
</ExternalLink>
</li>
<li>
<ExternalLink
cssClass="link-fur-affinity"
href="https://www.furaffinity.net/user/f1r3w4rr10r/"
title="My Fur Affinity account"
>
<InlineImage src={furAffinityLogo} slot="logo" />
<span>f1r3w4rr10r</span>
</ExternalLink>
</li>
<li>
<ExternalLink
cssClass="link-keyoxide"
href="https://keyoxide.org/B73A94768A3D1C0BA02B2CC9D8DEF70F1E71C8CF"
title="My Keyoxide entry"
>
<InlineSvg SvgComponent={KeyoxideLogo} slot="logo" />
<span>Keyoxide</span>
</ExternalLink>
</li>
</ul>
</nav>
</article>
</main>
</body>