wow

src/components/About.astro

@@ -1,6 +1,7 @@
 ---
 import { events } from "@/lib/events";
 import AboutRow from "@/components/AboutRow.astro";
+import DDay from "./DDay.astro";
 
 const sortedEvents = [...events].sort((a, b) => b.date.localeCompare(a.date));
 const years = [...new Set(sortedEvents.map((event) => event.date.slice(0, 4)))];
@@ -38,6 +39,26 @@ const daysUntilYearEnd = Math.ceil(
                 안녕하세요, 정보보안과 소프트웨어 엔지니어링을 주로하고 있는
                 암냥입니다.
             </p>
+            <div class="flex flex-row mt-4 gap-1">
+                <b>생일 : </b><DDay targetDate="2010-11-08T03:00:00+09:00" />
+            </div>
+            <a href="#contact" class="flex flex-row items-center underline">
+                <span>연락하기</span>
+                <svg
+                    aria-hidden="true"
+                    class="h-4 text-foreground/40"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                >
+                    <path d="M7 17 17 7"></path>
+                    <path d="M7 7h10v10"></path>
+                </svg>
+            </a>
+            <br />
             <p>저는...</p>
             <section class="mt-[0.75em]">
                 <div class="mt-[0.5em] flex flex-col gap-[0.34em]">
@@ -87,20 +108,40 @@ const daysUntilYearEnd = Math.ceil(
                     </AboutRow>
                 </div>
             </section>
-            <p></p>
+            <div class="flex flex-row">
+                <a
+                    href="#experience"
+                    class="flex flex-row items-center underline"
+                    ><span>등등...</span>
+                    <svg
+                        aria-hidden="true"
+                        class="h-4 text-foreground/40"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                    >
+                        <path d="M7 17 17 7"></path>
+                        <path d="M7 7h10v10"></path>
+                    </svg></a
+                >
+                <p>을 이루어냈어요.</p>
+            </div>
         </div>
 
         <div
             class="relative order-first h-[min(150vw,720px)] min-h-[600px] overflow-hidden lg:sticky lg:top-0 lg:order-none lg:h-[calc(100svh-64px)] lg:min-h-0 lg:self-start"
             aria-label="활동 사진"
         >
-            <img
+            <!-- <img
                 class="absolute inset-0 h-full w-full select-none pointer-events-none object-contain"
                 src="/side.avif"
                 alt="활동 사진 콜라주"
                 width="3840"
                 height="4320"
-            />
+            /> -->
         </div>
     </div>
 </section>