Compare commits

..

2 commits

Author SHA1 Message Date
Mihkel Martin Kasterpalu
47bd0c59d6 Add footer with link to sourcecode 2025-01-30 15:49:45 +02:00
Mihkel Martin Kasterpalu
75a79c89bf Make page header text center aligned 2025-01-30 15:43:47 +02:00
4 changed files with 35 additions and 20 deletions

View file

@ -48,7 +48,7 @@
{/if} {/if}
{/snippet} {/snippet}
<header class="mb-24 flex flex-col items-center font-title"> <header class="mb-24 flex flex-col items-center text-center font-title">
<h1 class="mb-1 scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl">Epochalypse</h1> <h1 class="mb-1 scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl">Epochalypse</h1>
<p class="text-xl font-semibold text-muted-foreground">Ära muretse! Sul on veel aega:</p> <p class="text-xl font-semibold text-muted-foreground">Ära muretse! Sul on veel aega:</p>
</header> </header>

View file

@ -86,7 +86,7 @@
</AlertDialog.Content> </AlertDialog.Content>
</AlertDialog.Root> </AlertDialog.Root>
<header class="mb-12 flex flex-col items-center font-title"> <header class="mb-12 flex flex-col items-center text-center font-title">
<h1 class="mb-1 scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl">Paku biiti</h1> <h1 class="mb-1 scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl">Paku biiti</h1>
<p class="text-xl font-semibold text-muted-foreground"> <p class="text-xl font-semibold text-muted-foreground">
Lohista kokku õiged albumi <span class="text-red-600 dark:text-red-400">nimed</span>, Lohista kokku õiged albumi <span class="text-red-600 dark:text-red-400">nimed</span>,

View file

@ -35,23 +35,38 @@
<ModeWatcher /> <ModeWatcher />
<header class="container flex w-full items-center justify-between px-8 py-6"> <div class="grid min-h-screen grid-rows-[auto_1fr_auto]">
<a href="/"> <header class="container flex w-full items-center justify-between px-8 py-6">
<img src="/favicon.svg" alt="Mihkel Martin Kasterpalu logo" class="h-9" /> <a href="/">
</a> <img src="/favicon.svg" alt="Mihkel Martin Kasterpalu logo" class="h-9" />
<Button onclick={() => cycleTheme()} variant="ghost" size="icon" class="h-12 w-12"> </a>
{#if theme === 'dark'} <Button onclick={() => cycleTheme()} variant="ghost" size="icon" class="h-12 w-12">
<Moon class="!h-6 !w-6" /> {#if theme === 'dark'}
{:else if theme === 'light'} <Moon class="!h-6 !w-6" />
<Sun class="!h-6 !w-6" /> {:else if theme === 'light'}
{:else} <Sun class="!h-6 !w-6" />
<LaptopMinimal class="!h-6 !w-6" /> {:else}
{/if} <LaptopMinimal class="!h-6 !w-6" />
{/if}
<span class="sr-only">Toggle theme</span> <span class="sr-only">Toggle theme</span>
</Button> </Button>
</header> </header>
<div class="container flex flex-col items-center"> <div class="container flex flex-col items-center">
{@render children()} {@render children()}
</div>
<footer class="container flex w-full justify-center px-8 py-6 text-center">
<p class="text-muted-foreground">
Vaata
<a
href="https://koodi.lenn.uk/mihkelmk/minigames"
target="_blank"
class=" underline underline-offset-4"
>
saidi koodi
</a>
</p>
</footer>
</div> </div>

View file

@ -12,7 +12,7 @@
<meta property="og:image" content={baseURL + site.image} /> <meta property="og:image" content={baseURL + site.image} />
</svelte:head> </svelte:head>
<header class="mb-24 flex flex-col items-center font-title"> <header class="mb-24 flex flex-col items-center text-center font-title">
<h1 class="mb-1 scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl"> <h1 class="mb-1 scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl">
stuff.kasterpalu.ee stuff.kasterpalu.ee
</h1> </h1>