feat: more sementic index page

nix6839 · Sep 16, 2023 · ef12829 · ef12829
1 parent 3ecfe89
commit ef12829
Showing 1 changed file with 23 additions and 21 deletions.
diff --git a/apps/portfolio/src/components/pages/index/About.astro b/apps/portfolio/src/components/pages/index/About.astro
@@ -37,28 +37,30 @@ const contacts: Contact[] = [
 ---
 
 <section class={className}>
-  <svg
-    width="6rem"
-    height="6rem"
-    viewBox="0 0 48 48"
-    aria-hidden="true"
-    class="mb-5"
-  >
-    <path
-      fill="#f4f4f4"
-      d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-    ></path>
-    <path
-      fill="#b4ec94"
-      d="M21 9H6v15h15V9Zm-7.5 19.5v15h21v-15H27V36h-6v-7.5h-7.5ZM42 9H27v15h15V9Z"
-    ></path>
-  </svg>
+  <header>
+    <svg
+      width="6rem"
+      height="6rem"
+      viewBox="0 0 48 48"
+      aria-hidden="true"
+      class="mb-5"
+    >
+      <path
+        fill="#f4f4f4"
+        d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+      ></path>
+      <path
+        fill="#b4ec94"
+        d="M21 9H6v15h15V9Zm-7.5 19.5v15h21v-15H27V36h-6v-7.5h-7.5ZM42 9H27v15h15V9Z"
+      ></path>
+    </svg>
 
-  <h1 class="mb-3 text-[2rem]">Han Yeong-woo</h1>
-  <p class="mb-4 text-[1.25rem] text-secondary">
-    <span class="font-bold text-brand">프론트엔드 개발자</span>로, 항상 최신
-    트렌드를 따라가기 위해 노력하고 있습니다.
-  </p>
+    <h1 class="mb-3 text-[2rem]">Han Yeong-woo</h1>
+    <p class="mb-4 text-[1.25rem] text-secondary">
+      <span class="font-bold text-brand">프론트엔드 개발자</span>로, 항상 최신
+      트렌드를 따라가기 위해 노력하고 있습니다.
+    </p>
+  </header>
   <address class="flex gap-4">
     {
       contacts.map(({ icon: Icon, name, href }) => (