set description for external-post

src/pages/external-posts.astro

@@ -6,6 +6,7 @@ import Layout from '../layouts/Layout.astro';
 import { renderDateToHtml } from '../lib/render-date-to-html';
 
 const title = '外部サイトの投稿';
+const description = '外部サイトに寄稿した記事、登壇したイベントやスライド、出版物など。';
 
 const items = await Promise.all(
   (await getCollection('external-post'))
@@ -19,8 +20,12 @@ const items = await Promise.all(
 );
 ---
 
-<Layout title={title}>
-  <PageHeader title={title} />
+<Layout title={title} description={description}>
+  <PageHeader title={title}>
+    <p class="text-sm text-dynamic-muted">
+      {description}
+    </p>
+  </PageHeader>
 
   <main class="wrapper">
     <DetailsList headingLevel={2} items={items} clampDescription />