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

Improved a11y and SEO

Browse source
This commit is contained in:
Bad Manners 2024-11-05 19:25:43 -03:00
parent 651054e65f
commit d4e8eb7dd8
10 changed files with 237 additions and 215 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/pages/about.astro
View file

@ -7,11 +7,14 @@ import EnhancedTooltips from "@components/EnhancedTooltips.astro";
---
<BaseLayout pageTitle="About me">
<meta slot="head" property="og:description" content="About Bad Manners." />
<Fragment slot="head">
<meta property="og:description" content="About Bad Manners." />
<meta name="description" content="More information about me, my name, and my fursona." />
</Fragment>
<article class="h-card" aria-labelledby="title-about-me">
<h1 id="title-about-me" class="text-2xl sm:text-3xl">About me</h1>
<section>
<p class="mb-4 mt-5 text-justify indent-6 sm:mb-3 sm:mt-6 sm:px-5 sm:indent-12">
<p class="mb-4 mt-5 text-left indent-6 sm:mb-3 sm:mt-6 sm:px-5 sm:indent-12">
You can call me <b class="p-name font-semibold">Bad Manners</b>, <b class="p-nickname font-semibold">Manners</b
>, <b class="p-nickname font-semibold"><abbr>BM</abbr></b>, <b class="p-nickname font-semibold">Bad</b>, <b
class="p-nickname font-semibold">Briefcase</b
@ -19,7 +22,7 @@ import EnhancedTooltips from "@components/EnhancedTooltips.astro";
class="p-pronoun font-medium underline decoration-current decoration-dotted"
title="he/him/his/his/himself"
data-tooltip>he/him</span
> or <span
> and <span
class="p-pronoun font-medium underline decoration-current decoration-dotted"
title="they/them/their/theirs/themself"
data-tooltip>they/them</span
@ -29,7 +32,7 @@ import EnhancedTooltips from "@components/EnhancedTooltips.astro";
</p>
</section>
<section class="h-card">
<p class="my-4 text-justify indent-6 sm:mb-3 sm:px-5 sm:indent-12">
<p class="my-4 text-left indent-6 sm:mb-3 sm:px-5 sm:indent-12">
You can also call me <b class="p-first-name font-semibold">Sam</b>, which is my <span class="p-category"
>fursona</span
>'s name. He is a <span class="p-note">mimic and maned wolf hybrid</span>, and you can learn more about him by
@ -39,7 +42,7 @@ import EnhancedTooltips from "@components/EnhancedTooltips.astro";
<a
href="/sam_brendan"
class="u-url group mx-auto mb-1 block w-max max-w-full pb-0 sm:mb-3"
aria-label="Learn more about Sam"
aria-label="Information about Sam"
>
<Image
src={ImageSamStickerJuicebox}