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