HALF WORK!

1 files changed, 50 insertions, 0 deletions

diff --git a/www-2/src/layouts/ArticlePage.astro b/www-2/src/layouts/ArticlePage.astro
new file mode 100644
index 0000000..b6ea5d0
--- /dev/null
+++ b/www-2/src/layouts/ArticlePage.astro
@@ -0,0 +1,50 @@
+---
+import PageBase from "./PageBase.astro";
+import Nav from "../components/Nav.astro";
+
+interface Props {
+    id: string;
+    data: {
+        title: string;
+        date: Date;
+        lastmod?: Date;
+    };
+}
+
+const {
+    id,
+    data: { title, date, lastmod },
+} = Astro.props;
+---
+
+<PageBase>
+    <Nav />
+    <h1 class="post-title">{title}</h1>
+    <hr />
+    <p class="post-info">
+        <span class="created">{date.toLocaleString()}</span> |
+        {
+            lastmod && (
+                <span class="last-updated">
+                    Last updated: {lastmod.toLocaleString()}
+                </span>
+            )
+        }
+    </p>
+    <slot />
+</PageBase>
+
+<style>
+    .post-info {
+        margin-block: 0;
+        font-family: monospace;
+        font-size: 0.95em;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 1em;
+
+        & > .created {
+            margin-inline-end: auto;
+        }
+    }
+</style>