chores

app/components/ButtonLink.vue

@@ -6,7 +6,7 @@ const { to, text, icon = undefined, color = undefined } = defineProps<{
     color?: string
 }>()
 
-const buttonClass = ref(`btn btn-outline ${color ? color : "btn-primary"}`)
+const buttonClass = ref(`btn  ${color ? color : "btn-primary"}`)
 </script>
 
 <template>

app/pages/who-am-i.vue

@@ -14,8 +14,10 @@ const img = ref('/face.jpg')
 
         <h1 class="text-7xl pt-20">👋 Hi, I'm Alex</h1>
         <div class="flex flex-row gap-2">
-            <ButtonLink to="https://github.com/Minimata" text="Github" icon="uil:github" />
-            <ButtonLink to="https://bsky.app/profile/game-dev.space" text="Bluesky" icon="ri:bluesky-fill" color="btn-secondary" />
+            <ButtonLink to="https://github.com/Minimata" text="Github" icon="uil:github" color="btn-neutral"/>
+            <ButtonLink to="https://bsky.app/profile/game-dev.space" text="Bluesky" icon="ri:bluesky-fill" color="btn-info" />
+            <ButtonLink to="https://discordapp.com/users/minimata/" text="Discord" icon="ri:discord-fill" color="btn-primary" />
+            <ButtonLink to="https://www.linkedin.com/in/serexalexandre/" text="LinkedIn" icon="ri:linkedin-box-fill" color="btn-secondary" />
         </div>
 
         <span class="pt-10 text-3xl flex flex-row items-center justify-center leading-[2] italic">
@@ -33,7 +35,6 @@ const img = ref('/face.jpg')
             <span>stuff⭐</span>
         </span>
 
-
         <div class="divider">🎮Game stuff</div>
     </div>
 </template>