From 8fb6575624409fc48fbf04d880275971c90507ac Mon Sep 17 00:00:00 2001
From: debiru <main.coeurl@gmail.com>
Date: Sat, 1 Feb 2025 15:34:28 +0900
Subject: [PATCH] update pages

---
 src/pages/index.astro | 48 +++++++++++++++++++++++++++----------------
 1 file changed, 30 insertions(+), 18 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 19efe55..6205962 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -268,12 +268,16 @@ const getLinkItems = (category) => {
           <h2>Special Contents</h2>
         </div>
         <div class="sectionBody">
-          <ul>{ getLinkItems('specialContents').map(([key, array]) => <Fragment>
-            <li><span class="dateLabel">{key}</span>
-              <ul>{ array.map((item) => <Fragment>
-                <li set:html={generateAnchor(item)} /></Fragment>) }
-              </ul>
-            </li></Fragment>) }
+          <ul>
+            { getLinkItems('specialContents').map(([key, array]) => (
+              <li><span class="dateLabel">{key}</span>
+                <ul>
+                  { array.map((item) => (
+                    <li set:html={generateAnchor(item)} />
+                  ))}
+                </ul>
+              </li>
+            ))}
           </ul>
         </div>
       </section>
@@ -282,12 +286,16 @@ const getLinkItems = (category) => {
           <h2>Contents</h2>
         </div>
         <div class="sectionBody">
-          <ul>{ getLinkItems('contents').map(([key, array]) => <Fragment>
-            <li><span class="dateLabel">{key}</span>
-              <ul>{ array.map((item) => <Fragment>
-                <li set:html={generateAnchor(item)} /></Fragment>) }
-              </ul>
-            </li></Fragment>) }
+          <ul>
+            { getLinkItems('contents').map(([key, array]) => (
+              <li><span class="dateLabel">{key}</span>
+                <ul>
+                  { array.map((item) => (
+                    <li set:html={generateAnchor(item)} />
+                  ))}
+                </ul>
+              </li>
+            ))}
           </ul>
         </div>
       </section>
@@ -296,12 +304,16 @@ const getLinkItems = (category) => {
           <h2>Misc</h2>
         </div>
         <div class="sectionBody">
-          <ul>{ getLinkItems('misc').map(([key, array]) => <Fragment>
-            <li><span class="dateLabel">{key}</span>
-              <ul>{ array.map((item) => <Fragment>
-                <li set:html={generateAnchor(item)} /></Fragment>) }
-              </ul>
-            </li></Fragment>) }
+          <ul>
+            { getLinkItems('misc').map(([key, array]) => (
+              <li><span class="dateLabel">{key}</span>
+                <ul>
+                  { array.map((item) => (
+                    <li set:html={generateAnchor(item)} />
+                  ))}
+                </ul>
+              </li>
+            ))}
           </ul>
         </div>
       </section>