Minor fix: header logo, About page

Author: arx-ein

src/components/Header.astro

@@ -9,7 +9,8 @@ interface Props {}
         <div class="flex flex-wrap justify-start items-center">
             <a href="/mycelithyl-hyphae/" class="py-2 flex-none flex items-center group">
                 <svg
-                    class="h-8 sm:h-12 stroke-fore dark:stroke-fore-dark"
+                    class="h-8 sm:h-12 stroke-fore dark:stroke-fore-dark group-hover:stroke-fore-dim
+                        transition-colors duration-200 motion-reduce:transition-none"
                     version="1.1"
                     viewBox="0 0 100 80"
                 >
@@ -85,7 +86,7 @@ interface Props {}
                 <span
                     id="logo"
                     class="self-center text-2xl sm:text-4xl leading-8 whitespace-nowrap
-                        motion-reduce:group-hover:underline"
+                        group-hover:text-fore-dim transition-colors duration-200 motion-reduce:transition-none"
                     >mycelithyl-hyphae</span
                 >
             </a>

src/pages/about.astro

@@ -8,7 +8,7 @@ function getAge(birth: Date) {
 }
 ---
 
-<Main title="About" created={new Date("2024-09-01")}>
+<Main title="About" created={new Date("2024-09-01")} updated={new Date("2025-03-29")}>
     <div class="matter">
         <h2>Who</h2>
         <h3>... am I?</h3>
@@ -39,9 +39,14 @@ function getAge(birth: Date) {
         </div>
         <h2>When</h2>
         <h3>... did I come to be?</h3>
-        <p>
-            2003年。現在{getAge(new Date(2003, 0, 23))}歳。
-        </p>
+        <div class="md:flex">
+            <p>
+                2003年。現在{getAge(new Date(2003, 0, 23))}歳。
+            </p>
+            <p>
+                On 2003. Currently {getAge(new Date(2003, 0, 23))} years old.
+            </p>
+        </div>
         <h2>Where</h2>
         <h3>... do I come from?</h3>
         <div class="md:flex">