feat: ✨ add hobbies to sebin index page

src/components/icon.webc

@@ -298,6 +298,54 @@
   />
 </svg>
 
+<svg
+  webc:elseif="icon === 'fa6-solid:plane'"
+  aria-hidden="true"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 576 512"
+>
+  <!-- !Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. -->
+  <path
+    d="M482.3 192c34.2 0 93.7 29 93.7 64c0 36-59.5 64-93.7 64l-116.6 0L265.2 495.9c-5.7 10-16.3 16.1-27.8 16.1l-56.2 0c-10.6 0-18.3-10.2-15.4-20.4l49-171.6L112 320 68.8 377.6c-3 4-7.8 6.4-12.8 6.4l-42 0c-7.8 0-14-6.3-14-14c0-1.3 .2-2.6 .5-3.9L32 256 .5 145.9c-.4-1.3-.5-2.6-.5-3.9c0-7.8 6.3-14 14-14l42 0c5 0 9.8 2.4 12.8 6.4L112 192l102.9 0-49-171.6C162.9 10.2 170.6 0 181.2 0l56.2 0c11.5 0 22.1 6.2 27.8 16.1L365.7 192l116.6 0z"
+  />
+</svg>
+
+<svg
+  webc:elseif="icon === 'fa6-solid:campground'"
+  aria-hidden="true"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 576 512"
+>
+  <!-- !Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. -->
+  <path
+    d="M377 52c11-13.8 8.8-33.9-5-45s-33.9-8.8-45 5L288 60.8 249 12c-11-13.8-31.2-16-45-5s-16 31.2-5 45l48 60L12.3 405.4C4.3 415.4 0 427.7 0 440.4L0 464c0 26.5 21.5 48 48 48l240 0 240 0c26.5 0 48-21.5 48-48l0-23.6c0-12.7-4.3-25.1-12.3-35L329 112l48-60zM288 448l-119.5 0L288 291.7 407.5 448 288 448z"
+  />
+</svg>
+
+<svg
+  webc:elseif="icon === 'fa6-solid:gamepad'"
+  aria-hidden="true"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 640 512"
+>
+  <!-- !Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. -->
+  <path
+    d="M192 64C86 64 0 150 0 256S86 448 192 448l256 0c106 0 192-86 192-192s-86-192-192-192L192 64zM496 168a40 40 0 1 1 0 80 40 40 0 1 1 0-80zM392 304a40 40 0 1 1 80 0 40 40 0 1 1 -80 0zM168 200c0-13.3 10.7-24 24-24s24 10.7 24 24l0 32 32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-32 0 0 32c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-32-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l32 0 0-32z"
+  />
+</svg>
+
+<svg
+  webc:elseif="icon === 'fa6-solid:laptop-code'"
+  aria-hidden="true"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 640 512"
+>
+  <!-- !Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. -->
+  <path
+    d="M64 96c0-35.3 28.7-64 64-64l384 0c35.3 0 64 28.7 64 64l0 256-64 0 0-256L128 96l0 256-64 0L64 96zM0 403.2C0 392.6 8.6 384 19.2 384l601.6 0c10.6 0 19.2 8.6 19.2 19.2c0 42.4-34.4 76.8-76.8 76.8L76.8 480C34.4 480 0 445.6 0 403.2zM281 209l-31 31 31 31c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-48-48c-9.4-9.4-9.4-24.6 0-33.9l48-48c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9zM393 175l48 48c9.4 9.4 9.4 24.6 0 33.9l-48 48c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l31-31-31-31c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z"
+  />
+</svg>
+
 <svg
   webc:elseif="icon === 'fa6-solid:bars'"
   aria-hidden="true"

src/sebin/index.md

@@ -14,6 +14,10 @@ Physical strength is not the only thing that plays a big role for Sebin. He is o
 
 ## Hobbies
 
+<quick-info>
+  <traits :@traits="$data.getTraits('hobbies')"></traits>
+</quick-info>
+
 Sebin is passionate about his hobbies. If he notices even the smallest spark of interest in his hobbies you should bring a lot of time, as he will chew your ear off first. Patience is known to be a virtue — one unknown to this dragon.
 
 When he indulges in his hobbies, he does so with devotion. Every move has to be right and everything has to be in perfect harmony. Once he is in his flow, he must not be disturbed, otherwise he can sometimes become quite eccentric in expressing his dismay of being disrupted, possibly losing a very important train of thought.

src/sebin/sebin.11tydata.js

@@ -24,7 +24,6 @@ const firstName = 'Sebin',
     nipples: '#413a3a',
     penis: '#413a3a'
   },
-  hobbies = ['working out', 'travels', 'camping', 'video games', 'tech'],
   penis = {
     shape: 'humanoid',
     type: 'grower',
@@ -219,6 +218,15 @@ const getWingspan = () => `${wingspan / 100} m (${toImperial(wingspan)})`;
 
 const getTraits = (type) => {
   switch (type) {
+    case 'hobbies':
+      return [
+        { icon: 'fa6-solid:dumbbell', type: 'Hobby', text: 'working out' },
+        { icon: 'fa6-solid:plane', type: 'Hobby', text: 'traveling' },
+        { icon: 'fa6-solid:campground', type: 'Hobby', text: 'camping' },
+        { icon: 'fa6-solid:gamepad', type: 'Hobby', text: 'video games' },
+        { icon: 'fa6-solid:laptop-code', type: 'Hobby', text: 'tech' }
+      ];
+
     case 'general':
       return [
         { icon: 'fa6-solid:ruler', type: 'Tail Length', text: getTailLength() },