feat(content): write contents in about page

3 files changed, 143 insertions, 6 deletions

diff --git a/nuldoc-src/commands/build.ts b/nuldoc-src/commands/build.ts
index 38af80a..f4cb013 100644
--- a/nuldoc-src/commands/build.ts
+++ b/nuldoc-src/commands/build.ts
@@ -29,7 +29,7 @@ export async function runBuildCommand(config: Config) {
   const tags = await buildTagPages(posts, slides, config);
   await buildTagListPage(tags, config);
   await buildHomePage(config);
-  await buildAboutPage(config);
+  await buildAboutPage(slides, config);
   await buildNotFoundPage(config);
   await copyStaticFiles(config);
   await copyAssetFiles(slides, config);
@@ -114,8 +114,8 @@ async function buildHomePage(config: Config) {
   await writePage(homePage, config);
 }
 
-async function buildAboutPage(config: Config) {
-  const aboutPage = await generateAboutPage(config);
+async function buildAboutPage(slides: SlidePage[], config: Config) {
+  const aboutPage = await generateAboutPage(slides, config);
   await writePage(aboutPage, config);
 }
 
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})`,
+                    ),
+                  ),
+                )
+              ),
+            ),
+          ),
         ),
       ),
     ),
diff --git a/public/about/index.html b/public/about/index.html
index 686e1c3..1247d67 100644
--- a/public/about/index.html
+++ b/public/about/index.html
@@ -38,7 +38,48 @@
           <h1 class="post-title">About</h1>
         </header>
         <div class="post-content">
-          WIP
+          <section>
+            <h2>名前</h2>
+            <p>
+              nsfisis (いまむら)
+            </p>
+          </section>
+          <section>
+            <h2>アカウント</h2>
+            <ul>
+              <li>
+                <a href="https://twitter.com/nsfisis">Twitter (@nsfisis)</a>
+              </li>
+              <li>
+                <a href="https://github.com/nsfisis">GitHub (@nsfisis)</a>
+              </li>
+            </ul>
+          </section>
+          <section>
+            <h2>仕事</h2>
+            <ul>
+              <li>
+                2021-01～現在: <a href="https://www.dgcircus.com/">デジタルサーカス株式会社</a>
+              </li>
+            </ul>
+          </section>
+          <section>
+            <h2>登壇</h2>
+            <ul>
+              <li>
+                <a href="/slides/2023-01-18/phpstudy-tokyo-148/">2023-01-18: PHP 勉強会@東京 第148 回 (LT)</a>
+              </li>
+              <li>
+                <a href="/slides/2023-02-15/phpstudy-tokyo-149/">2023-02-15: PHP 勉強会@東京 第149 回 (LT)</a>
+              </li>
+              <li>
+                <a href="/slides/2023-03-15/phpstudy-tokyo-150/">2023-03-15: PHP 勉強会@東京 第150 回 (LT)</a>
+              </li>
+              <li>
+                <a href="/slides/2023-03-24/phperkaigi-2023/">2023-03-24: PHPerKaigi 2023 (レギュラートーク)</a>
+              </li>
+            </ul>
+          </section>
         </div>
       </article>
     </main>