Fix old resume, add contact popover, filter tags and more

app/components/AppFooter.vue

@@ -1,26 +1,5 @@
 <script setup lang="ts">
-const socials = [
-  {
-    icon: 'x-logo-duotone',
-    label: 'Twitter',
-    link: 'https://twitter.com/ArthurDanj',
-  },
-  {
-    icon: 'github-logo-duotone',
-    label: 'GitHub',
-    link: 'https://github.com/ArthurDanjou',
-  },
-  {
-    icon: 'linkedin-logo-duotone',
-    label: 'LinkedIn',
-    link: 'https://www.linkedin.com/in/arthurdanjou/',
-  },
-  {
-    icon: 'discord-logo-duotone',
-    label: 'Discord',
-    link: 'https://discordapp.com/users/179635349100691456',
-  },
-]
+import { socials } from '~~/types'
 
 const { t } = useI18n({
   useScope: 'local',
@@ -43,8 +22,8 @@ const { t } = useI18n({
           <HomeLink
             v-for="social in socials.sort((a, b) => a.label.localeCompare(b.label))"
             :key="social.label"
-            :href="social.link"
-            :icon="`i-ph:${social.icon}`"
+            :to="social.to"
+            :icon="social.icon"
             :label="social.label"
             target="_blank"
           />

app/components/AppHeader.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { socials } from '~~/types'
+
 const colorMode = useColorMode()
 const isDark = ref(colorMode.value === 'dark')
 watch(isDark, () => {
@@ -40,7 +42,7 @@ const navs = [
       es: 'currículum',
     },
     icon: 'address-book-duotone',
-    to: '/Resume2024.pdf',
+    to: '/Resume2025.pdf',
     target: '_blank',
   },
 ]
@@ -81,6 +83,15 @@ defineShortcuts({
   c: () => openContactDrawer.value = !openContactDrawer.value,
   backspace: () => router.back(),
 })
+
+const socialsList = [
+  {
+    label: 'Email',
+    icon: 'i-ph:envelope-duotone',
+    to: 'mailto:arthurdanjou@outlook.fr',
+  },
+  ...socials,
+]
 </script>
 
 <template>
@@ -110,16 +121,20 @@ defineShortcuts({
       </UTooltip>
       <USeparator orientation="vertical" class="h-6" />
 
-      <UDrawer
-        v-model:open="openContactDrawer"
-        should-scale-background
-        :title="t('contact.title')"
+      <UTooltip
+        :kbds="['C']"
+        :text="t('contact.button')"
+        :delay-duration="4"
+        class="cursor-pointer"
       >
-        <UTooltip
-          :kbds="['C']"
-          :text="t('contact.button')"
-          :delay-duration="4"
-          class="cursor-pointer"
+        <UDropdownMenu
+          v-model:open="openContactDrawer"
+          :items="socialsList"
+          :content="{
+            align: 'center',
+            side: 'bottom',
+            sideOffset: 8,
+          }"
         >
           <UButton
             icon="i-ph-mailbox-duotone"
@@ -128,16 +143,8 @@ defineShortcuts({
             variant="ghost"
             @click="openContactDrawer = true"
           />
-        </UTooltip>
-
-        <template #body>
-          <div class="w-full flex my-16">
-            <div>
-              Hey
-            </div>
-          </div>
-        </template>
-      </UDrawer>
+        </UDropdownMenu>
+      </UTooltip>
       <USeparator orientation="vertical" class="h-6" />
       <ClientOnly>
         <UTooltip

app/components/home/Quote.vue

@@ -7,16 +7,18 @@ const { t } = useI18n({
 <template>
   <div class="flex items-center gap-2 mt-4">
     <div class="flex items-center">
-      <UTooltip text="It's me 👋">
-        <div class="flex items-center w-12 h-12">
-          <UAvatar
-            alt="Avatar"
-            class="hover:rotate-[360deg] duration-500 transform-gpu"
-            size="md"
-            src="/favicon.png"
-          />
-        </div>
-      </UTooltip>
+      <ClientOnly>
+        <UTooltip text="It's me 👋">
+          <div class="flex items-center w-12 h-12">
+            <UAvatar
+              alt="Avatar"
+              class="hover:rotate-[360deg] duration-500 transform-gpu"
+              size="md"
+              src="/favicon.png"
+            />
+          </div>
+        </UTooltip>
+      </ClientOnly>
     </div>
     <p class="not-prose">
       {{ t('quote') }}