Spice up "About Me"

kubgus · Aug 23, 2024 · eef9f24 · eef9f24
1 parent 6fc584f
commit eef9f24
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 11 deletions.
diff --git a/src/components/content/about-me.astro b/src/components/content/about-me.astro
@@ -27,38 +27,43 @@ import PictureFrame from "../picture-frame.astro";
         <PictureFrame src="/images/slsk.png" alt="Slovenský skauting" />
         <div>
             <h2>Slovenský skauting</h2>
-            <p>Dec 2022 - Present</p>
+            <p>Volunteer Staff Member & Leader</p>
+            <p class="faded">Dec 2022 - Present</p>
         </div>
     </figure>
     <figure class="accented">
         <PictureFrame src="/images/coderdojo.png" alt="CoderDojo Bratislava" />
         <div>
             <h2>CoderDojo Bratislava</h2>
-            <p>Sep 2023 - Present</p>
+            <p>Educator & Speaker</p>
+            <p class="faded">Sep 2023 - Present</p>
         </div>
     </figure>
 
     <h1>Languages</h1>
-    <ul>
-        <li>Slovak (native)</li>
-        <li>English (bilingual)</li>
-        <li>German (B1)</li>
-    </ul>
+        <ul>
+            <!-- Seemingly empty characters are emoji -->
+            <p>🇸🇰 Slovak (native)</p>
+            <p>🇬🇧 English (bilingual)</p>
+            <p>🇩🇪 German (B1)</p>
+        </ul>
 
     <h1>Education</h1>
     <figure class="accented">
         <PictureFrame src="/images/skyro.png" alt="Skyro" />
         <div>
             <h2>Skyro</h2>
-            <p>Sep 2024 - Jun 2027</p>
+            <p>Information Technology & AI Education</p>
+            <p class="faded">Sep 2024 - Jun 2027</p>
         </div>
     </figure>
     <figure class="accented">
         <h2>Gymnázium</h2>
-        <p>Sep 2019 - Aug 2024</p>
+        <p>General Secondary Education</p>
+        <p class="faded">Sep 2019 - Aug 2024</p>
     </figure>
 
-    <h1>Interests</h1>
+    <h1>Other Interests</h1>
     <ul>
         <li>Playing guitar</li>
         <li>Scouting</li>
@@ -74,7 +79,7 @@ import PictureFrame from "../picture-frame.astro";
         <li>Napoleon Hill - Think and Grow Rich</li>
     </ol>
 
-    <!--
+    <!-- (the world is not ready for this yet)
     <h1>My Story</h1>
     <h2>1. Hello, World!</h2>
     <p>

diff --git a/src/layouts/core.astro b/src/layouts/core.astro
@@ -59,6 +59,10 @@ const { title, meta } = Astro.props || {
         border-radius: 12px;
     }
 
+    .faded {
+        opacity: 0.5;
+    }
+
     a {
         color: inherit;
         text-decoration: underline;