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

12
src/layouts/BaseLayout.astro
View file

@ -50,7 +50,7 @@ const title = pageTitle ? `${pageTitle} | Bad Manners` : "Bad Manners";
<div
id="bg"
class="fixed h-screen w-screen bg-radial from-bm-300 to-bm-500 dark:from-green-800 dark:to-green-950 print:hidden"
aria-hidden
aria-hidden="true"
>
</div>
<div class="relative my-auto flex flex-col items-center justify-center px-3 py-8 sm:py-12 md:px-12 print:p-0">
@ -64,8 +64,12 @@ const title = pageTitle ? `${pageTitle} | Bad Manners` : "Bad Manners";
class="sm:text-md flex flex-col items-center pt-9 text-sm font-normal tracking-wide text-black dark:text-white"
>
<div class="flex items-center">
<span id="copyright">&copy; 2023&ndash;{new Date().getFullYear()} Bad Manners</span>
<span class="print:hidden" aria-hidden>&nbsp;|&nbsp;</span>
<span id="copyright"
>&copy; <time datetime="2023">2023</time>&ndash;<time datetime={new Date().getFullYear().toString()}
>{new Date().getFullYear()}</time
> Bad Manners</span
>
<span class="print:hidden" aria-hidden="true">&nbsp;|&nbsp;</span>
<a
href="/licenses.txt"
target="_blank"
@ -78,7 +82,7 @@ const title = pageTitle ? `${pageTitle} | Bad Manners` : "Bad Manners";
><button
data-dark-mode
aria-labelledby="label-toggle-dark-mode"
aria-hidden
aria-hidden="true"
class="m-1 hidden p-2 transition-colors hover:text-green-700 focus:text-green-700 motion-reduce:transition-none dark:hover:text-bm-300 dark:focus:text-bm-300"
>
<IconSun width="1.5rem" height="1.5rem" class="hidden dark:block" />