badmanners/badmanners.xyz
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Finish up new index page and improve accessibility

Browse source
This commit is contained in:
Bad Manners 2024-08-15 23:56:11 -03:00
parent e3d1f6999b
commit 403ae18b6e
23 changed files with 304 additions and 185 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/pages/about.astro
View file

@ -2,7 +2,7 @@
import { Image } from "astro:assets";
import BaseLayout from "../layouts/BaseLayout.astro";
import IconArrowUpRightFromSquare from "../components/icons/IconArrowUpRightFromSquare.astro";
import samStickerJuicebox from "../assets/images/sam_sticker_juicebox.webp";
import ImageSamStickerJuicebox from "../assets/images/sam_sticker_juicebox.webp";
---
<BaseLayout pageTitle="About me">
@ -12,24 +12,24 @@ import samStickerJuicebox from "../assets/images/sam_sticker_juicebox.webp";
<section>
<p class="my-5 sm:my-6 sm:px-5 md:px-6">
You can call me <b>Bad Manners</b>, <b>Manners</b>, <b>BM</b>, <b>Bad</b>, <b>Bananas</b>... many choices to
pick from! My pronouns are "he/him". You can also call me <b>Sam</b> &ndash; which is my fursona's name. He is a
mimic and maned wolf hybrid, and you can learn more about him by clicking on him below!
pick from! My pronouns are "he/him". You can also call me <b>Sam</b>, which is my fursona's name. He is a mimic
and maned wolf hybrid, and you can learn more about him by clicking on him below!
</p>
<div class="mt-4">
<figure class="mt-4">
<a
href="/sam_brendan"
class="group mx-auto mb-1 block w-max max-w-full pb-0 sm:mb-3"
aria-label="Learn more about Sam"
>
<Image
src={samStickerJuicebox}
src={ImageSamStickerJuicebox}
alt="Sam Brendan with googly eyes and fangs showing from his lips, sipping from the straw of a banana juice box as some of the liquid escapes his mouth. Art by OliveCow."
class="max-w-full transition-transform group-hover:scale-105 motion-reduce:transition-none motion-reduce:group-hover:scale-100"
loading="lazy"
loading="eager"
height={320}
/>
</a>
<span class="text-base">
<figcaption class="text-base">
A sticker of Sam by
<a
class="text-link transition-colors motion-reduce:transition-none"
@ -39,8 +39,8 @@ import samStickerJuicebox from "../assets/images/sam_sticker_juicebox.webp";
<span class="underline">OliveCow</span>
<IconArrowUpRightFromSquare width="0.75rem" height="0.75rem" class="inline" />
</a>.
</span>
</div>
</figcaption>
</figure>
</section>
</article>
</BaseLayout>