@aureuma/svelta 0.0.1 → 0.1.0

package/src/content/blog/best-practices-ship-with-checklists.md

@@ -1,26 +0,0 @@
----
-title: "Best Practices: Ship With Checklists"
-date: "2026-01-25"
-category: "Best practices"
-author: "maria"
-cover: "/blog/covers/rss.svg"
-tags:
-  - "Quality"
-  - "Process"
-excerpt: "If something matters, put it in a checklist. Then automate the boring parts."
----
-
-Checklists aren’t bureaucracy. They’re a compression format for your standards.
-
-## A tiny publishing checklist
-
-- Title is clear and specific
-- Cover image is present and readable
-- Excerpt is 1–2 sentences
-- Code blocks are highlighted
-- A “more posts” section exists
-
-## Bonus
-
-Use RSS to distribute without algorithms.
-

package/src/content/blog/building-a-mintlify-inspired-blog.md

@@ -1,49 +0,0 @@
----
-title: "Building a Mintlify-Inspired Blog in SvelteKit"
-date: "2026-02-08"
-category: "Engineering"
-author: "shawn"
-cover: "/blog/covers/mintlify-style.svg"
-featured: true
-tags:
-  - "SvelteKit"
-  - "mdsvex"
-  - "Tailwind"
-excerpt: "A practical blueprint for a Mintlify-inspired blog: proportions, theming, Markdown rendering, reading-time, share widgets, infinite scroll, and RSS."
-summaryAI: "We mirror Mintlify’s blog *system* (not its assets): fixed-width containers, hero+grid index, pill category tabs, a two-column post layout with a sticky author/share rail on desktop, Shiki-highlighted Markdown, reading-time labels, framed images, bottom recommendations, and an RSS feed. The implementation is SvelteKit-first: mdsvex for Markdown, Tailwind tokens for theming, and a JSON pagination endpoint for infinite scroll."
----
-
-This post documents the structure we’re building: a blog that *feels* like Mintlify’s in layout and typographic rhythm, while remaining our own code + assets.
-
-## What “Mintlify-inspired” means
-
-It’s mainly about **placement and proportions**:
-
-- A large **hero card** on the index, followed by a tag bar and a two-column grid
-- Post pages that use a **narrow reading column** with a sticky right rail (desktop)
-- Small mono uppercase metadata: category + reading-time + date
-
-## The content pipeline
-
-We use Markdown for content, but we want code blocks to look like “real UI”. That means Shiki.
-
-```ts
-// src/lib/server/blog.ts
-import readingTime from "reading-time";
-
-const minutes = Math.max(1, Math.round(readingTime(markdown).minutes));
-```
-
-## A tiny checklist
-
-| Feature | Why it matters |
-| --- | --- |
-| Category pills | Fast scanning |
-| AI summary card | Better “skim” mode |
-| Sticky share rail | Share UX without interrupting reading |
-| RSS feed | Works in every reader |
-
-## Next
-
-In the following posts we’ll break down each part (tabs, infinite scroll, Markdown, RSS) into its own implementation.
-

package/src/content/blog/design-tokens-that-scale.md

@@ -1,47 +0,0 @@
----
-title: "Design Tokens That Scale (Without Getting Mushy)"
-date: "2026-02-06"
-category: "Design"
-author: "maria"
-cover: "/blog/covers/design-tokens.svg"
-tags:
-  - "Design Systems"
-  - "Theming"
-excerpt: "A small, opinionated token set that keeps contrast crisp across light/dark, while preserving the Mintlify-like quiet UI."
-summaryAI: "Use a tiny set of semantic tokens: `background.main/soft`, `text.main/sub/muted`, `border.soft`, and `brand`. Map them to CSS variables on `html.light`/`html.dark`, then reference them via Tailwind colors. Keep borders extremely subtle and reserve the brand color for metadata accents."
----
-
-Mintlify’s blog looks “clean” because everything is token-driven and low-noise.
-
-## Token strategy
-
-We intentionally keep the token set small:
-
-- `background.main`, `background.soft`
-- `text.main`, `text.sub`, `text.muted`
-- `border.soft`
-- `brand`
-
-## Why “soft borders” matter
-
-When borders are too strong, the UI becomes a spreadsheet. The goal is to have frames that are visible *only when you’re looking for them*.
-
-## Tailwind mapping
-
-We map CSS variables to Tailwind colors so components stay readable:
-
-```js
-// tailwind.config.cjs
-colors: {
-  background: {
-    main: "rgb(var(--c-background-main) / <alpha-value>)",
-    soft: "rgb(var(--c-background-soft) / <alpha-value>)",
-  },
-}
-```
-
-## In-content images
-
-We frame every in-article image with a subtle 1px border and a 10px radius to match the overall “rounded media” identity:
-
-![Framed example](/blog/covers/design-tokens.svg)

package/src/content/blog/for-founders-why-speed-matters.md

@@ -1,23 +0,0 @@
----
-title: "For Founders: Why Speed Matters More Than You Think"
-date: "2026-01-28"
-category: "For founders"
-author: "alex"
-cover: "/blog/covers/infinite-scroll.svg"
-tags:
-  - "Product"
-  - "Strategy"
-excerpt: "Shipping faster isn’t about heroics. It’s about removing friction everywhere: tooling, content, and communication."
-summaryAI: "Speed compounds when you remove tiny blockers: slow builds, unclear docs, non-skimmable posts, and missing distribution channels like RSS. A blog that’s easy to publish and easy to read reduces context-switch costs for your team and your audience."
----
-
-If you’re building a product, your blog isn’t “marketing”. It’s a leverage tool.
-
-## The compounding effect
-
-Small improvements in clarity and publishing speed add up:
-
-- fewer repeated explanations
-- faster onboarding
-- better customer self-serve
-

package/src/content/blog/infinite-scroll-with-intersection-observer.md

@@ -1,37 +0,0 @@
----
-title: "Infinite Scroll With IntersectionObserver (Without Jank)"
-date: "2026-02-05"
-category: "Engineering"
-author: "alex"
-cover: "/blog/covers/infinite-scroll.svg"
-tags:
-  - "Performance"
-  - "Svelte"
-excerpt: "Mintlify-style content loading: a paginated JSON endpoint plus a sentinel at the bottom of the grid."
-summaryAI: "Render the first page on the server for SEO, then append pages on the client using an `IntersectionObserver` watching a sentinel div. The endpoint should accept `offset`, `limit`, and `category`, and it should exclude the hero post to avoid duplicates."
----
-
-The Mintlify blog index loads more cards as you scroll. There’s no “Load more” button.
-
-## The shape of the API
-
-We keep it simple:
-
-```http
-GET /blog/posts.json?offset=8&limit=8&category=engineering
-```
-
-## The sentinel pattern
-
-```ts
-const io = new IntersectionObserver(([entry]) => {
-  if (entry.isIntersecting) loadMore();
-});
-
-io.observe(sentinel);
-```
-
-## Optional: virtualization
-
-If you ever have thousands of posts, add virtualization. Until then, pagination is enough.
-

package/src/content/blog/markdown-kitchen-sink.md

@@ -1,101 +0,0 @@
----
-title: "Markdown Kitchen Sink (Rendering QA)"
-date: "2026-02-08"
-category: "Engineering"
-author: "alex"
-cover: "/blog/covers/kitchen-sink.svg"
-tags:
-  - "Markdown"
-  - "QA"
-excerpt: "A deliberately dense post to validate typography, spacing, tables, lists, code blocks, images, and edge cases in our Markdown renderer."
-summaryAI: "This post exists to stress-test Markdown rendering: tables should scroll on mobile, code blocks should be readable in light/dark mode, headings should get anchors, and images should look framed and open in the lightbox."
----
-
-This post is intentionally packed. It is here to catch layout regressions before real content does.
-
-## Headings and anchors
-
-If you hover headings on desktop, you should see a subtle `#` anchor indicator.
-
-### A smaller heading
-
-Anchors should not shift layout, and scroll margins should land nicely below the sticky header.
-
-## Lists (including nesting)
-
-- One
-- Two
-  - Two.A
-  - Two.B
-- Three
-
-1. First
-2. Second
-   1. Second.A
-   2. Second.B
-3. Third
-
-Task list (GFM):
-
-- [x] Basic list spacing
-- [x] Nested list spacing
-- [ ] Task lists render correctly
-
-## Blockquotes
-
-> A blockquote should feel like a callout: a soft left border, readable spacing, and no weird quote marks.
->
-> Multiple paragraphs should keep the border and spacing intact.
-
-## Inline formatting
-
-This has **bold**, *italic*, ~~strikethrough~~, and `inline code`.
-
-Long URL wrapping should not overflow:
-https://example.com/a/really/really/really/really/really/really/really/long/path?with=query&and=more
-
-## Tables (GFM)
-
-| Column | Description | Notes |
-| --- | --- | --- |
-| Tags | Category pills on `/blog` | Scrollable on mobile |
-| RSS | `/feed.xml` | Auto-discoverable via `<link rel="alternate">` |
-| Share | X / LinkedIn / Facebook / Copy | Sticky rail on desktop |
-
-Tables should be horizontally scrollable on narrow screens.
-
-## Code blocks (Shiki)
-
-```ts
-type PostFrontmatter = {
-  title: string;
-  date: string; // YYYY-MM-DD
-  category: string;
-  author: string;
-  cover: string;
-  excerpt?: string;
-  summaryAI?: string;
-  tags?: string[];
-  featured?: boolean;
-};
-```
-
-```svelte
-{#if post.summaryAI}
-  <SummaryCard summary={post.summaryAI} />
-{/if}
-```
-
-## Images (frame + lightbox)
-
-Click the image to open the lightbox.
-
-![RSS cover used as an in-article graphic](/blog/covers/rss.svg)
-
-## Horizontal rule
-
----
-
-## Final note
-
-If something looks wrong here, it will look wrong everywhere. Fix it here first.

package/src/content/blog/markdown-pipeline-mdsvex-shiki.md

@@ -1,39 +0,0 @@
----
-title: "A Markdown Pipeline That Looks Like Product UI"
-date: "2026-02-01"
-category: "Engineering"
-author: "alex"
-cover: "/blog/covers/markdown-pipeline.svg"
-tags:
-  - "Markdown"
-  - "Shiki"
-excerpt: "mdsvex gets us Markdown-in-Svelte; Shiki gets us code blocks that don’t look like blogspot."
-summaryAI: "Use mdsvex with `remark-gfm` (tables), `rehype-slug` + `rehype-autolink-headings` (deep links), and `@shikijs/rehype` (syntax highlighting with dual themes). Style `pre.shiki` to match Mintlify’s padding, radius, and line height."
----
-
-There are two failure modes for Markdown blogs:
-
-1. Everything looks like a generic “prose” template.
-2. Code blocks are unreadable in either light or dark mode.
-
-## Tables (GFM)
-
-| Plugin | Why |
-| --- | --- |
-| `remark-gfm` | tables, strikethrough, task lists |
-
-## Headings you can link to
-
-We add `id`s and autolink headings so every section is shareable.
-
-## Shiki, dual theme
-
-Mintlify-style code blocks use different themes in light vs dark. We do the same.
-
-```js
-// svelte.config.js
-rehypePlugins: [
-  [rehypeShiki, { themes: { light: "one-light", dark: "github-dark-default" } }]
-]
-```
-

package/src/content/blog/rss-feeds-that-actually-work.md

@@ -1,25 +0,0 @@
----
-title: "RSS Feeds That Actually Work"
-date: "2026-02-04"
-category: "Best practices"
-author: "shawn"
-cover: "/blog/covers/rss.svg"
-tags:
-  - "RSS"
-  - "SEO"
-excerpt: "Generate a real RSS 2.0 feed from your Markdown posts and expose it at /feed.xml."
-summaryAI: "Emit RSS 2.0 with an `atom:link rel=\"self\"`, include `title`, `description`, `link`, `guid`, `pubDate`, and `category` for each post, and set `content-type: application/rss+xml`. Keep descriptions short and safe (use the excerpt)."
----
-
-If you have a blog, you should have RSS. It’s a low-effort, high-trust feature.
-
-## What we generate
-
-- RSS 2.0
-- `atom:link` self reference
-- Items with title, link, description, pubDate, and category
-
-## A note on HTML
-
-RSS readers vary. Keep the description **plain text** (the excerpt) and let the post page carry the rich formatting.
-

package/src/content/blog/tag-tabs-and-mobile-fade-masks.md

@@ -1,25 +0,0 @@
----
-title: "Tag Tabs + Mobile Fade Masks"
-date: "2026-02-02"
-category: "Design"
-author: "maria"
-cover: "/blog/covers/design-tokens.svg"
-tags:
-  - "Responsive"
-  - "UI"
-excerpt: "A horizontally scrollable tag bar on mobile, with fade edges so it feels intentional instead of broken."
-summaryAI: "On small screens, render the tag row as `overflow-x-auto` with hidden scrollbar. Add a `mask-image` gradient to fade the left/right edges. On desktop, disable the mask and allow the pills to sit normally."
----
-
-Pill tabs are easy on desktop, but mobile needs a different treatment.
-
-## The goal
-
-- Horizontal scroll
-- No visible scrollbar
-- Subtle fade at the edges
-
-## CSS mask trick
-
-We apply a `mask-image` gradient to the scrolling container, then remove it on larger screens.
-

package/src/lib/assets/favicon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.157 22.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282 29.608A29.92 29.92 0 0 0 8.764 49.65a31.5 31.5 0 0 0 3.108 20.231 30 30 0 0 0-4.477 11.183 31.9 31.9 0 0 0 5.448 24.116c10.402 14.887 30.942 19.297 45.791 9.835l26.083-16.624A29.92 29.92 0 0 0 98.235 78.35a31.53 31.53 0 0 0-3.105-20.232 30 30 0 0 0 4.474-11.182 31.88 31.88 0 0 0-5.447-24.116" style="fill:#ff3e00"/><path d="M45.817 106.582a20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.503 18 18 0 0 1 .624-2.435l.49-1.498 1.337.981a33.6 33.6 0 0 0 10.203 5.098l.97.294-.09.968a5.85 5.85 0 0 0 1.052 3.878 6.24 6.24 0 0 0 6.695 2.485 5.8 5.8 0 0 0 1.603-.704L69.27 76.28a5.43 5.43 0 0 0 2.45-3.631 5.8 5.8 0 0 0-.987-4.371 6.24 6.24 0 0 0-6.698-2.487 5.7 5.7 0 0 0-1.6.704l-9.953 6.345a19 19 0 0 1-5.296 2.326 20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.502 17.99 17.99 0 0 1 8.13-12.052l26.081-16.623a19 19 0 0 1 5.3-2.329 20.72 20.72 0 0 1 22.237 8.243 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-.624 2.435l-.49 1.498-1.337-.98a33.6 33.6 0 0 0-10.203-5.1l-.97-.294.09-.968a5.86 5.86 0 0 0-1.052-3.878 6.24 6.24 0 0 0-6.696-2.485 5.8 5.8 0 0 0-1.602.704L37.73 51.72a5.42 5.42 0 0 0-2.449 3.63 5.79 5.79 0 0 0 .986 4.372 6.24 6.24 0 0 0 6.698 2.486 5.8 5.8 0 0 0 1.602-.704l9.952-6.342a19 19 0 0 1 5.295-2.328 20.72 20.72 0 0 1 22.237 8.242 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-8.13 12.053l-26.081 16.622a19 19 0 0 1-5.3 2.328" style="fill:#fff"/></svg>

package/src/lib/components/site/SiteFooter.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { ThemeSwitcher } from '@aureuma/blogkit/theme';
-	import { theme } from '$lib/stores/theme';
-</script>
-
-<footer class="border-t border-border-soft/10">
-	<div class="mx-auto flex w-full max-w-5xl flex-col gap-6 px-6 py-10 md:flex-row md:items-center md:justify-between">
-		<div class="text-xs font-mono uppercase tracking-[0.6px] text-text-muted">
-			© {new Date().getFullYear()} svelta
-		</div>
-
-		<div class="flex items-center justify-between gap-6 md:justify-end">
-			<a
-				href="/feed.xml"
-				class="inline-flex items-center gap-2 text-xs font-mono uppercase tracking-[0.6px] text-text-sub transition hover:text-text-main"
-			>
-				<span>RSS</span>
-				<span class="inline-block size-1.5 rounded-full bg-brand" aria-hidden="true"></span>
-			</a>
-
-			<ThemeSwitcher controller={theme} />
-		</div>
-	</div>
-</footer>

package/src/lib/components/site/SiteHeader.svelte

@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/stores';
-
-	function isActive(path: string) {
-		return $page.url.pathname === path || $page.url.pathname.startsWith(`${path}/`);
-	}
-</script>
-
-<header
-	class="sticky top-0 z-50 border-b border-border-soft/10 bg-background-main/75 backdrop-blur supports-[backdrop-filter]:bg-background-main/55"
->
-	<div class="mx-auto flex h-16 w-full max-w-5xl items-center justify-between px-6">
-		<a href="/" class="group inline-flex items-center gap-2">
-			<span class="text-sm font-semibold tracking-tight">svelta</span>
-			<span
-				class="rounded-full bg-brand/15 px-2 py-0.5 text-[11px] font-mono uppercase tracking-[0.6px] text-brand"
-			>
-				Blog
-			</span>
-		</a>
-
-		<nav class="flex items-center gap-6 text-sm">
-			<a
-				href="/"
-				class="transition hover:text-text-main {isActive('/') ? 'text-text-main' : 'text-text-sub'}"
-				>Home</a
-			>
-			<a
-				href="/blog"
-				class="transition hover:text-text-main {isActive('/blog') ? 'text-text-main' : 'text-text-sub'}"
-				>Blog</a
-			>
-		</nav>
-	</div>
-</header>
-

package/src/lib/content/authors.ts

@@ -1,28 +0,0 @@
-import type { BlogAuthor } from '$lib/types/blog';
-
-export const AUTHORS: Record<string, BlogAuthor> = {
-	shawn: {
-		id: 'shawn',
-		name: 'Shawn',
-		title: 'Builder at svelta',
-		avatar: '/blog/authors/shawn.svg'
-	},
-	alex: {
-		id: 'alex',
-		name: 'Alex Kim',
-		title: 'Product Engineer',
-		avatar: '/blog/authors/alex.svg'
-	},
-	maria: {
-		id: 'maria',
-		name: 'Maria Santos',
-		title: 'Design Lead',
-		avatar: '/blog/authors/maria.svg'
-	}
-};
-
-export function getAuthor(id: string): BlogAuthor {
-	const author = AUTHORS[id];
-	if (!author) throw new Error(`Unknown author id: ${id}`);
-	return author;
-}

package/src/lib/index.ts

@@ -1 +0,0 @@
-// place files you want to import through the `$lib` alias in this folder.

package/src/lib/server/blog.ts

@@ -1,22 +0,0 @@
-import { createBlog } from '@aureuma/blogkit/server';
-import { getAuthor } from '$lib/content/authors';
-import type { BlogPostFull } from '$lib/types/blog';
-
-type CompiledModule = { default: BlogPostFull['component'] };
-
-const compiledModules = import.meta.glob('/src/content/blog/*.md') as Record<
-	string,
-	() => Promise<CompiledModule>
->;
-const rawModules = import.meta.glob('/src/content/blog/*.md', {
-	query: '?raw',
-	import: 'default'
-}) as Record<string, () => Promise<string>>;
-
-export const blog = createBlog({
-	compiledModules,
-	rawModules,
-	getAuthor
-});
-
-export const { getAllPosts, getAllPostsFull, getPostBySlug, getCategories, pickHero } = blog;

package/src/lib/server/rss.ts

@@ -1,58 +0,0 @@
-import type { BlogPost } from '$lib/types/blog';
-
-function escapeXml(input: string) {
-	return input
-		.replace(/&/g, '&')
-		.replace(/</g, '&lt;')
-		.replace(/>/g, '&gt;')
-		.replace(/"/g, '&quot;')
-		.replace(/'/g, '&apos;');
-}
-
-function toPubDate(iso: string) {
-	const d = /^\d{4}-\d{2}-\d{2}$/.test(iso) ? new Date(`${iso}T00:00:00Z`) : new Date(iso);
-	return d.toUTCString();
-}
-
-export function buildRss(opts: {
-	baseUrl: URL;
-	posts: BlogPost[];
-	siteTitle: string;
-	description: string;
-	maxItems?: number;
-}) {
-	const siteLink = new URL('/blog', opts.baseUrl).toString();
-	const selfLink = new URL('/feed.xml', opts.baseUrl).toString();
-	const maxItems = Math.max(1, Math.min(200, opts.maxItems ?? 50));
-
-	const items = opts.posts
-		.slice(0, maxItems)
-		.map((post) => {
-			const link = new URL(`/blog/${post.slug}`, opts.baseUrl).toString();
-			return [
-				'<item>',
-				`<title>${escapeXml(post.title)}</title>`,
-				`<description>${escapeXml(post.excerpt)}</description>`,
-				`<link>${escapeXml(link)}</link>`,
-				`<guid isPermaLink="true">${escapeXml(link)}</guid>`,
-				`<pubDate>${escapeXml(toPubDate(post.date))}</pubDate>`,
-				`<category>${escapeXml(post.category.label)}</category>`,
-				`<author>${escapeXml(post.author.name)}</author>`,
-				'</item>'
-			].join('');
-		})
-		.join('');
-
-	return `<?xml version="1.0" encoding="UTF-8"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>${escapeXml(opts.siteTitle)}</title>
-    <link>${escapeXml(siteLink)}</link>
-    <atom:link href="${escapeXml(selfLink)}" rel="self" type="application/rss+xml" />
-    <description>${escapeXml(opts.description)}</description>
-    <language>en-us</language>
-    ${items}
-  </channel>
-</rss>`;
-}
-

package/src/lib/server/seo.ts

@@ -1,31 +0,0 @@
-import type { BlogPost } from '$lib/types/blog';
-
-export type PostSeo = {
-	title: string;
-	description: string;
-	canonicalUrl: string;
-	og: {
-		title: string;
-		description: string;
-		type: 'article';
-		url: string;
-	};
-};
-
-export function buildPostSeo(post: BlogPost, canonicalUrl: string): PostSeo {
-	const title = `${post.title} | svelta Blog`;
-	const description = post.excerpt;
-
-	return {
-		title,
-		description,
-		canonicalUrl,
-		og: {
-			title: post.title,
-			description,
-			type: 'article',
-			url: canonicalUrl
-		}
-	};
-}
-

package/src/lib/stores/theme.ts

@@ -1,10 +0,0 @@
-import { createThemeController, type ThemeController, type ThemeMode } from '@aureuma/blogkit/theme';
-
-// Keep the storage key stable for this app (also used in `src/app.html`).
-export const theme: ThemeController = createThemeController({ storageKey: 'svelta-theme' });
-
-export const themeMode = theme.themeMode;
-export const initTheme = theme.initTheme;
-export const setThemeMode = theme.setThemeMode;
-
-export type { ThemeMode };

package/src/lib/types/blog.ts

@@ -1 +0,0 @@
-export type { BlogAuthor, BlogCategory, BlogPost, BlogPostFull } from '@aureuma/blogkit';

package/src/routes/+layout.svelte

@@ -1,31 +0,0 @@
-<script lang="ts">
-	import favicon from '$lib/assets/favicon.svg';
-	import '@fontsource/inter/400.css';
-	import '@fontsource/inter/500.css';
-	import '@fontsource/inter/600.css';
-	import '@fontsource/geist-mono/400.css';
-	import '@fontsource/geist-mono/500.css';
-	import '../app.css';
-	import SiteFooter from '$lib/components/site/SiteFooter.svelte';
-	import SiteHeader from '$lib/components/site/SiteHeader.svelte';
-	import { initTheme } from '$lib/stores/theme';
-	import { onMount } from 'svelte';
-
-	let { children } = $props();
-
-	onMount(() => {
-		const cleanup = initTheme();
-		return cleanup;
-	});
-</script>
-
-<svelte:head>
-	<link rel="icon" href={favicon} />
-	<link rel="alternate" type="application/rss+xml" title="svelta Blog" href="/feed.xml" />
-</svelte:head>
-
-<div class="min-h-dvh bg-background-main text-text-main">
-	<SiteHeader />
-	<main class="flex-1">{@render children()}</main>
-	<SiteFooter />
-</div>