1 files changed, 74 insertions, 0 deletions
diff --git a/src/pages/og/index.astro b/src/pages/og/index.astro
new file mode 100644
index 0000000..8416098
--- /dev/null
+++ b/src/pages/og/index.astro
@@ -0,0 +1,74 @@
+---
+const slugs = [
+  "index",
+  "jisseki",
+  "policy",
+  "support",
+  "contact",
+  "whisper-to-ai-moji-okoshi",
+  "koubunsyo-kanri",
+  "ijime-judai-jitai",
+  "fukushi-shisetsu-gyakutai",
+  "aiki-kouen",
+  "joutyo-koteikyu",
+  "kajo-seigen-kanwa",
+  "saresio-kaihatu",
+  "vaccine-kyuusai-tekiseika",
+  "dislexia-taiou",
+  "ippan-situmon",
+];
+---
+
+<!DOCTYPE html>
+<html lang="ja">
+  <head>
+    <meta charset="UTF-8" />
+    <title>OGP 画像一覧</title>
+    <style>
+      body {
+        font-family: sans-serif;
+        max-width: 800px;
+        margin: 2rem auto;
+        padding: 0 1rem;
+        background: #1e293b;
+        color: #e2e8f0;
+      }
+      h1 { font-size: 1.5rem; margin-bottom: 1.5rem; }
+      .grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+        gap: 1rem;
+      }
+      .card {
+        background: #334155;
+        border-radius: 8px;
+        padding: 0.75rem;
+        text-decoration: none;
+        color: #e2e8f0;
+        transition: background 0.2s;
+      }
+      .card:hover { background: #475569; }
+      .card img {
+        width: 100%;
+        border-radius: 4px;
+        margin-bottom: 0.5rem;
+        border: 1px solid #475569;
+      }
+      .card span {
+        font-size: 0.8rem;
+        word-break: break-all;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>OGP 画像一覧（{slugs.length} 枚）</h1>
+    <div class="grid">
+      {slugs.map((slug) => (
+        <a href={`/og/${slug}.png`} class="card">
+          <img src={`/og/${slug}.png`} alt={slug} loading="lazy" />
+          <span>{slug}.png</span>
+        </a>
+      ))}
+    </div>
+  </body>
+</html>