62 lines
4 KiB
Text
62 lines
4 KiB
Text
---
|
|
import { Image } from "astro:assets";
|
|
import BaseLayout from "./BaseLayout.astro";
|
|
import Navigation from "../components/Navigation.astro";
|
|
import logoBM from "../assets/images/logo_bm.png";
|
|
|
|
const { pageTitle } = Astro.props;
|
|
---
|
|
|
|
<BaseLayout pageTitle={pageTitle}>
|
|
<div
|
|
class="flex min-h-screen flex-col bg-stone-200 text-stone-800 md:flex-row dark:bg-stone-800 dark:text-stone-200 print:bg-none"
|
|
>
|
|
<div
|
|
class="static mb-4 flex flex-col items-center bg-bm-300 pt-10 text-center text-stone-900 shadow-xl md:fixed md:inset-y-0 md:left-0 md:mb-0 md:w-60 md:pt-20 dark:bg-green-900 dark:text-stone-100 print:bg-none print:shadow-none"
|
|
>
|
|
<Image
|
|
loading="eager"
|
|
src={logoBM}
|
|
alt="Logo for Bad Manners"
|
|
class="my-4 w-full max-w-48 rounded-sm border-2 border-green-950 shadow-md"
|
|
/>
|
|
<span class="my-2 text-2xl font-semibold">Bad Manners</span>
|
|
<Navigation />
|
|
<div class="pt-4 text-center text-xs text-black dark:text-white">
|
|
<span>© 2024 | </span>
|
|
<a class="hover:underline focus:underline" href="/licenses.txt" target="_blank">Licenses</a>
|
|
</div>
|
|
<div class="mt-2 flex items-center gap-x-1 pb-10">
|
|
<a class="text-link p-1" href="https://badmanners.xyz/" target="_blank" aria-label="Main website">
|
|
<svg viewBox="0 0 576 512" class="h-6 w-6 fill-current" aria-hidden="true">
|
|
<path
|
|
d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
<a class="text-link p-1" href="/feed.xml" target="_blank" aria-label="RSS feed">
|
|
<svg viewBox="0 0 448 512" class="h-6 w-6 fill-current" aria-hidden="true">
|
|
<path
|
|
d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM96 136c0-13.3 10.7-24 24-24c137 0 248 111 248 248c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-110.5-89.5-200-200-200c-13.3 0-24-10.7-24-24zm0 96c0-13.3 10.7-24 24-24c83.9 0 152 68.1 152 152c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-57.4-46.6-104-104-104c-13.3 0-24-10.7-24-24zm0 120a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
<button id="button-dark-mode" class="text-link p-1" aria-label="Toggle dark mode">
|
|
<svg viewBox="0 0 512 512" class="hidden h-6 w-6 fill-current dark:block" aria-hidden="true">
|
|
<path
|
|
d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"
|
|
></path>
|
|
</svg>
|
|
<svg viewBox="0 0 512 512" class="block h-6 w-6 fill-current dark:hidden" aria-hidden="true">
|
|
<path
|
|
d="M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"
|
|
></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<main class="ml-0 max-w-6xl px-2 pb-12 pt-4 md:ml-60 md:px-4 print:pb-0">
|
|
<slot />
|
|
</main>
|
|
</div>
|
|
</BaseLayout>
|