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

Update navbar in GalleryLayout and add astro-htaccess

Browse source
This commit is contained in:
Bad Manners 2024-08-30 17:50:38 -03:00
parent 6ff0de4a50
commit 287f2cae2f
8 changed files with 163 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/layouts/GalleryLayout.astro
View file

@ -49,17 +49,17 @@ const isCurrentRoute = (path: string) =>
class="u-logo my-4 w-full max-w-[192px] rounded-sm border-2 border-green-950 shadow-md"
width={192}
/>
<span class="p-name my-2 text-2xl font-semibold">Bad Manners</span>
<ul class="flex flex-col gap-y-2">
<span class="p-name mt-2 mb-4 text-2xl font-semibold">Bad Manners</span>
<ul class="flex flex-col gap-y-2 text-left pr-8 sm:pr-2">
<li>
<a class="u-url text-link group" href="https://badmanners.xyz/" data-age-restricted rel="me">
<IconHome width="1.25rem" height="1.25rem" class="inline align-middle" />
<IconHome width="1.25rem" height="1.25rem" class="inline align-text-top" />
<span class="group-hover:underline group-focus:underline">Main website</span>
</a>
</li>
<li>
<a class="u-url text-link group" href="/" aria-current={isCurrentRoute("/") ? "page" : undefined}>
<IconBriefcase width="1.25rem" height="1.25rem" class="inline align-middle" />
<IconBriefcase width="1.25rem" height="1.25rem" class="inline align-text-top" />
<span class="group-hover:underline group-focus:underline">Gallery</span>
</a>
</li>
@ -69,19 +69,19 @@ const isCurrentRoute = (path: string) =>
href="/stories/1"
aria-current={isCurrentRoute("/stories/1") ? "page" : undefined}
>
<IconBook width="1.25rem" height="1.25rem" class="inline align-middle" />
<IconBook width="1.25rem" height="1.25rem" class="inline align-text-top" />
<span class="group-hover:underline group-focus:underline">Stories</span>
</a>
</li>
<li>
<a class="u-url text-link group" href="/games" aria-current={isCurrentRoute("/games") ? "page" : undefined}>
<IconGamepad width="1.25rem" height="1.25rem" class="inline align-middle" />
<IconGamepad width="1.25rem" height="1.25rem" class="inline align-text-top" />
<span class="group-hover:underline group-focus:underline">Games</span>
</a>
</li>
<li>
<a class="u-url text-link group" href="/tags" aria-current={isCurrentRoute("/tags") ? "page" : undefined}>
<IconTags width="1.25rem" height="1.25rem" class="inline align-middle" />
<IconTags width="1.25rem" height="1.25rem" class="inline align-text-top" />
<span class="group-hover:underline group-focus:underline">Tags</span>
</a>
</li>
@ -92,20 +92,20 @@ const isCurrentRoute = (path: string) =>
rel="search"
aria-current={isCurrentRoute("/search") ? "page" : undefined}
>
<IconMagnifyingGlass width="1.25rem" height="1.25rem" class="inline align-middle" />
<IconMagnifyingGlass width="1.25rem" height="1.25rem" class="inline align-text-top" />
<span class="group-hover:underline group-focus:underline">Search</span>
</a>
</li>
<li>
<a class="u-url text-link group" href="/feed.xml">
<IconSquareRSS width="1.25rem" height="1.25rem" class="inline align-middle" />
<IconSquareRSS width="1.25rem" height="1.25rem" class="inline align-text-top" />
<span class="group-hover:underline group-focus:underline">RSS feed</span>
</a>
</li>
<li>
<button data-dark-mode style={{ display: "none" }} class="text-link group">
<IconSun width="1.25rem" height="1.25rem" class="hidden align-middle dark:inline" />
<IconMoon width="1.25rem" height="1.25rem" class="inline align-middle dark:hidden" />
<IconMoon width="1.25rem" height="1.25rem" class="inline align-text-top dark:hidden" />
<span class="group-hover:underline group-focus:underline"
>{t("en", "published_content/toggle_dark_mode")}</span
>