From 7ef5d2bbb96cf3341b13c39ce1dd22b794780ecb Mon Sep 17 00:00:00 2001 From: Amy Retzerau Date: Fri, 26 Sep 2025 13:02:43 +0200 Subject: [PATCH] feat: added general media margin for consistant margins --- src/routes/+page.svelte | 77 +++++++++++++++++------------------- src/routes/blogs/blog.svelte | 24 ++++------- src/routes/style.css | 12 +++++- 3 files changed, 55 insertions(+), 58 deletions(-) diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 3f7193e..e03c9d9 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -3,60 +3,56 @@ import type { SvelteComponent } from 'svelte'; import './style-entries.css'; - let blog_entries: [string, SvelteComponent][] = Object.entries( - import.meta.glob('/src/routes/blogs/**/+page.svx', { eager: true }) - ).map(([key, value]) => [ - key.split('/src/routes').pop()?.split('/+page.svx').slice(0, -1).pop() as string, - value as MDsveXComponent - ]).map(([link,val])=> - typeof val.metadata?.src !== 'undefined' ? [val.metadata?.src, val] : [link,val] - ).map(([link,val])=>{ - if(val.metadata) - val.metadata.date = Date.parse(val.metadata?.date); - return [link,val]; - } - ).sort(([link1,a],[link2,b])=>b.metadata?.date-a.metadata?.date); - console.log(blog_entries); + let blog_entries: [string, SvelteComponent][] = $state( + Object.entries(import.meta.glob('/src/routes/blogs/**/+page.svx', { eager: true })) + .map(([key, value]) => [ + key.split('/src/routes').pop()?.split('/+page.svx').slice(0, -1).pop() as string, + value as MDsveXComponent + ]) + .map(([link, val]) => + typeof val.metadata?.src !== 'undefined' ? [val.metadata?.src, val] : [link, val] + ) + .map(([link, val]) => { + if (val.metadata) val.metadata.date = Date.parse(val.metadata?.date); + return [link, val]; + }) + .sort(([link1, a], [link2, b]) => b.metadata?.date - a.metadata?.date) + ); + console.log(blog_entries);
-
-

Welcome to SvelteKit

-

- Visit svelte.dev/docs/kit to read the documentation -

-
+
+

Hi, I'm Amy

+

+ This is a collection of things I've set up and created that I think might interest others. +

+
{#each blog_entries as [href, page]} - -
-
-

{page.metadata?.title}

-

{page.metadata?.desc}

-

{new Date(page.metadata?.date).toDateString()}

-
- + +
+

{page.metadata?.title}

+

{page.metadata?.desc}

+

{new Date(page.metadata?.date).toDateString()}

+ -
{/each}
diff --git a/src/routes/style.css b/src/routes/style.css index ae3f053..4e8227c 100644 --- a/src/routes/style.css +++ b/src/routes/style.css @@ -1,5 +1,3 @@ -@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap'); - @font-face { font-family: 'fira'; font-style: normal; @@ -119,4 +117,14 @@ h4{ color: var(--rp-moon-foam); } +.media-margin{ + margin: var(--d3); +} + +@media only screen and (max-width: 700px) { + .media-margin{ + margin: var(--d3) var(--d1); + } +} +