Commit 83e55d0

@@ -7,6 +7,7 @@ import { url } from "@/utils/url.ts";
   <nav>
     <ul>
       <li><a href={url("/posts")}>Posts</a></li>
+      <li><a href={url("/about")}>About</a></li>
     </ul>
   </nav>
 </header>
@@ -39,7 +40,7 @@ header.header {
     margin-block: 0;
 
     > :not(:last-child) {
-      margin-inline-end: 0.25rem;
+      margin-inline-end: 0.5rem;
     }
   }
 }

@@ -0,0 +1,41 @@
+#import "/src/contents/_lib/lib.typ" as kp
+#show: kp.post-template
+
+= About Author
+
+#figure(
+  kp.img(
+    path("./avatar.png"),
+    alt: "HPCesia, author of Kerplunk's avatar",
+    width: 30%,
+    astro: (
+      style: (width: "calc(max(30%, 18rem))", border-radius: "0.25rem"),
+    ),
+  ),
+)
+
+I'm HPCesia, the author of Kerplunk. You can find me in:
+
+#figure(
+  table(
+    columns: 2,
+    table.header([Platform], [Link]),
+    [Codeberg], link("https://codeberg.org/HPCesia"),
+    [GitHub], link("https://github.com/HPCesia"),
+  ),
+)
+
+#lorem(10)
+
+#lorem(25)
+
+= About Kerplunk
+
+Kerplunk is a static blog site generator built with
+#link("https://docs.astro.build")[Astro] and #link("https://typst.app")[Typst].
+
+#lorem(20)
+
+#lorem(35)
+
+#lorem(25)

@@ -0,0 +1,12 @@
+---
+import BaseLayout from "@/layouts/BaseLayout.astro";
+import "@/styles/article/index.scss";
+
+import Article from "@/contents/about.typ";
+---
+<BaseLayout title="About">
+  <article>
+    <h1>About</h1>
+    <Article />
+  </article>
+</BaseLayout>