Improved readability and accessibility for CSS-less mode

This commit is contained in:
Bad Manners 2024-08-10 01:17:33 -03:00
parent 6dd8a92318
commit d529b043c6
14 changed files with 166 additions and 94 deletions

View file

@ -8,7 +8,7 @@ const MAX_ITEMS = 8;
interface LatestItemsEntry {
type: string;
thumbnail: CollectionEntry<"stories">["data"]["thumbnail"];
thumbnail?: ImageMetadata;
href: string;
title: string;
altText: string;
@ -57,13 +57,9 @@ const latestItems: LatestItemsEntry[] = [
<GalleryLayout pageTitle="Gallery">
<meta slot="head-description" property="og:description" content="Bad Manners || Welcome to my gallery!" />
<h1 class="m-2 text-2xl font-semibold text-stone-800 dark:text-stone-100">My gallery</h1>
<p class="my-4 block md:hidden">
Welcome to my gallery! You can expect lots of safe vore/endosoma ahead. Use the navigation menu above to navigate
through my content.
</p>
<p class="my-4 hidden md:block" aria-hidden>
Welcome to my gallery! You can expect lots of safe vore/endosoma ahead. Use the navigation menu to the left to
navigate through my content.
<p class="my-4">
Welcome to my gallery! You can expect lots of safe vore/endosoma ahead. Use the navigation menu to navigate through
my content.
</p>
<ul class="list-disc pl-8">
<li><a class="text-link underline" href="/stories/1">Read my stories!</a></li>