Initial commit

2025-11-22 11:31:36 +01:00 · 2023-05-18 17:31:16 +02:00
parent 88bab1f351
commit b3f4c79763
28 changed files with 1248 additions and 31 deletions
--- a/src/pages/[...slug].astro
+++ b/src/pages/[...slug].astro
@@ -0,0 +1,19 @@
+---
+import { getCollection } from "astro:content";
+import ArticleLayout from "../layouts/ArticleLayout.astro";
+
+export async function getStaticPaths() {
+  const blogEntries = await getCollection("blog");
+  return blogEntries.map((entry) => ({
+    params: { slug: entry.slug },
+    props: { entry },
+  }));
+}
+
+const { entry } = Astro.props;
+const { Content, headings } = await entry.render();
+---
+
+<ArticleLayout {...entry.data} {headings}>
+  <Content />
+</ArticleLayout>
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,15 +1,37 @@
 ---
+import { getEntryBySlug, getCollection } from "astro:content";
+import PageLayout from "../layouts/PageLayout.astro";
+import PublicationDate from "../components/PublicationDate.astro";
+import TableOfContents from "../components/TableOfContents.svelte";
+
+const home = await getEntryBySlug("home", "home");
+const { Content, headings } = await home.render();
+
+const articles = (await getCollection("blog")).sort(
+  (a, b) => b.data.publicationDate.valueOf() - a.data.publicationDate.valueOf()
+);
 ---

-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-		<meta name="viewport" content="width=device-width" />
-		<meta name="generator" content={Astro.generator} />
-		<title>Astro</title>
-	</head>
-	<body>
-		<h1>Astro</h1>
-	</body>
-</html>
+<PageLayout {...home.data}>
+  <TableOfContents slot="nav" client:load {headings} />
+  <Content />
+  {
+    articles.map((article) => (
+      <article>
+        <PublicationDate publicationDate={article.data.publicationDate} />
+        <h2>
+          <a href={article.slug}>{article.data.title}</a>
+        </h2>
+        <p>{article.data.description}</p>
+      </article>
+    ))
+  }
+</PageLayout>
+
+<style>
+  article:not(:first-of-type) {
+    margin-block-start: 2rem;
+    padding-block-start: 2rem;
+    border-block-start: var(--standard-border);
+  }
+</style>