1 files changed, 98 insertions, 2 deletions

diff --git a/nuldoc-src/pages/about.ts b/nuldoc-src/pages/about.ts
index ab60c2b..d76b7b5 100644
--- a/nuldoc-src/pages/about.ts
+++ b/nuldoc-src/pages/about.ts
@@ -4,10 +4,15 @@ import { pageLayout } from "../components/page_layout.ts";
 import { Config } from "../config.ts";
 import { el, text } from "../dom.ts";
 import { Page } from "../page.ts";
+import { getPostCreatedDate } from "./post.ts";
+import { SlidePage } from "./slide.ts";
 
 export type AboutPage = Page;
 
-export async function generateAboutPage(config: Config): Promise<AboutPage> {
+export async function generateAboutPage(
+  slides: SlidePage[],
+  config: Config,
+): Promise<AboutPage> {
   const body = el(
     "body",
     [["class", "single"]],
@@ -30,7 +35,98 @@ export async function generateAboutPage(config: Config): Promise<AboutPage> {
         el(
           "div",
           [["class", "post-content"]],
-          text("WIP"),
+          el(
+            "section",
+            [],
+            el(
+              "h2",
+              [],
+              text("名前"),
+            ),
+            el("p", [], text("nsfisis (いまむら)")),
+          ),
+          el(
+            "section",
+            [],
+            el(
+              "h2",
+              [],
+              text("アカウント"),
+            ),
+            el(
+              "ul",
+              [],
+              el(
+                "li",
+                [],
+                el(
+                  "a",
+                  [["href", "https://twitter.com/nsfisis"]],
+                  text("Twitter (@nsfisis)"),
+                ),
+              ),
+              el(
+                "li",
+                [],
+                el(
+                  "a",
+                  [["href", "https://github.com/nsfisis"]],
+                  text("GitHub (@nsfisis)"),
+                ),
+              ),
+            ),
+          ),
+          el(
+            "section",
+            [],
+            el(
+              "h2",
+              [],
+              text("仕事"),
+            ),
+            el(
+              "ul",
+              [],
+              el(
+                "li",
+                [],
+                text("2021-01～現在: "),
+                el(
+                  "a",
+                  [["href", "https://www.dgcircus.com/"]],
+                  text("デジタルサーカス株式会社"),
+                ),
+              ),
+            ),
+          ),
+          el(
+            "section",
+            [],
+            el(
+              "h2",
+              [],
+              text("登壇"),
+            ),
+            el(
+              "ul",
+              [],
+              ...slides.map((slide) =>
+                el(
+                  "li",
+                  [],
+                  el(
+                    "a",
+                    [["href", slide.href]],
+                    text(
+                      `${
+                        getPostCreatedDate(slide)
+                      }: ${slide.event} (${slide.talkType})`,
+                    ),
+                  ),
+                )
+              ),
+            ),
+          ),
         ),
       ),
     ),