First Commit

2025-10-27 05:00:02 +09:00
commit 5d3fb2a5d0
37 changed files with 4118 additions and 0 deletions
@@ -0,0 +1,96 @@
+---
+import Layout from "@/layouts/Layout.astro";
+import Card from "@/components/Card.astro";
+import details from "@/constants/details";
+import links from "@/constants/links";
+import contacts from "@/constants/contacts";
+---
+
+<Layout>
+  <div class={`
+    flex
+    justify-between
+    bg-white
+    shadow-sm
+    w-fit
+    rounded
+    p-5
+  `}>
+    <img
+      src={new URL("/last2014.png", Astro.url.origin).toString()}
+      alt="アバター"
+      class={`
+        w-15
+        h-15
+        mr-2
+        !rounded-[100%]
+      `}
+    />
+    <div class="flex flex-grow flex-col">
+      <span class="text-xl font-bold">Last2014</span>
+      <p class="text-sm">
+        ウェブ開発一生やってる小学生です。<br />
+        TypeScriptをメインに色々作っています。
+      </p>
+    </div>
+  </div>
+  
+  <div class={`
+    flex
+    flex-col
+    gap-3
+    w-full
+    p-5
+  `}>
+    <span class="font-bold text-4xl w-full mb-3">詳細</span>
+    
+    {details.map((detail) => (
+      <Card
+        title={detail.title}
+        description={detail.description}
+        img={detail.img}
+        href={detail.href}
+        isFullWidth
+      />
+    ))}
+  </div>
+  
+  <div class={`
+    flex
+    flex-wrap
+    gap-3
+    w-fit
+    p-5
+  `}>
+    <span class="font-bold text-4xl w-full mb-3">リンク</span>
+    
+    {links.map((link) => (
+      <Card
+        title={link.title}
+        description={link.description}
+        img={link.img}
+        href={link.href}
+      />
+    ))}
+  </div>
+  
+  <div class={`
+    flex
+    flex-col
+    gap-3
+    w-full
+    p-5
+  `}>
+    <span class="font-bold text-4xl w-full mb-3">連絡先</span>
+    
+    {contacts.map((contact) => (
+      <Card
+        title={contact.title}
+        description={contact.description}
+        img={contact.img}
+        href={contact.href}
+        isFullWidth
+      />
+    ))}
+  </div>
+</Layout>