mihkelmk/portfolio_site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust heading spacing

Browse source
This commit is contained in:
Mihkel Martin Kasterpalu 2025-01-31 19:52:08 +02:00
parent efdb203ac8
commit 196a046567
3 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/+layout.svelte
View file

@ -56,7 +56,7 @@
</Button> </Button>
</header> </header>
<div class="container relative mt-8 flex flex-col items-center"> <div class="relative container mt-14 flex flex-col items-center">
{@render children()} {@render children()}
</div> </div>

8
src/routes/+page.svelte
View file

@ -20,8 +20,8 @@
<Image {image} {tags} class="aspect-[4/5] object-cover" /> <Image {image} {tags} class="aspect-[4/5] object-cover" />
<div class="grid grid-cols-[1fr_auto] items-center text-sm"> <div class="grid grid-cols-[1fr_auto] items-center text-sm">
<div class="mt-1 pr-4"> <div class="mt-1 pr-4">
<h3 class="text-lg font-medium leading-none">{name}</h3> <h3 class="text-lg leading-none font-medium">{name}</h3>
<p class="mt-1.5 text-sm leading-5 text-muted-foreground">{description}</p> <p class="text-muted-foreground mt-1.5 text-sm leading-5">{description}</p>
</div> </div>
<Button target="_blank" href={link} variant="secondary" size="icon"> <Button target="_blank" href={link} variant="secondary" size="icon">
<SquareArrowOutUpRight /> <SquareArrowOutUpRight />
@ -40,11 +40,11 @@
<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 text-center font-title"> <header class="font-title mb-12 flex flex-col items-center text-center">
<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">
Hei! Mina olen Mihkel Hei! Mina olen Mihkel
</h1> </h1>
<p class="font-sans text-base text-muted-foreground"> <p class="text-muted-foreground font-sans text-base">
Peale selle toreda saidi on mul veel palju hobisid Peale selle toreda saidi on mul veel palju hobisid
</p> </p>
</header> </header>

10
src/routes/vinge/+page.svelte
View file

@ -16,12 +16,12 @@
<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 text-center font-title"> <header class="font-title mb-12 flex flex-col items-center text-center">
<h1 class="mb-1 scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl">Vinge värk</h1> <h1 class="mb-1 scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl">Vinge värk</h1>
<p class="font-sans text-base leading-7 text-muted-foreground"> <p class="text-muted-foreground font-sans text-base leading-7">
Minu loodud minimängud ja muud huvitavat. Minu loodud minimängud ja muud huvitavat.
</p> </p>
<p class="font-sans text-base leading-7 text-muted-foreground"> <p class="text-muted-foreground font-sans text-base leading-7">
Aitäh Aitäh
<a href="https://neal.fun" class="font-medium underline underline-offset-4">neal.fun</a> inspo eest <a href="https://neal.fun" class="font-medium underline underline-offset-4">neal.fun</a> inspo eest
:) :)
@ -29,7 +29,7 @@
</header> </header>
<div <div
class="mx-auto mb-24 flex w-full flex-wrap items-center justify-center justify-items-center gap-4 gap-x-8 gap-y-8 lg:grid-cols-2" class="mx-auto flex w-full flex-wrap items-center justify-center justify-items-center gap-4 gap-x-8 gap-y-8 lg:grid-cols-2"
> >
{#each Object.entries(games) as [href, { image, name }]} {#each Object.entries(games) as [href, { image, name }]}
<a <a
@ -41,7 +41,7 @@
draggable="false" draggable="false"
href="/vinge/{href}" href="/vinge/{href}"
> >
<span class="relative block select-none rounded font-mono text-lg font-semibold lg:text-xl"> <span class="relative block rounded font-mono text-lg font-semibold select-none lg:text-xl">
{name} {name}
</span> </span>
</a> </a>