From 619ae984ce2fd13a0d1ea97e70a82f43d142ec3e Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Wed, 3 Nov 2021 18:01:54 +0100
Subject: [PATCH] Add radius for blobity

---
 src/components/AdHome.vue     |  4 ++--
 src/components/Header.vue     |  5 ++---
 src/components/SocialList.vue | 12 ++++++------
 src/pages/about.vue           |  4 ++--
 src/pages/services.vue        |  2 +-
 5 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/components/AdHome.vue b/src/components/AdHome.vue
index 791adff..0d889c8 100755
--- a/src/components/AdHome.vue
+++ b/src/components/AdHome.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="w-full h-full my-12">
     <div class="w-full grid grid-cols-1 gap-x-20 gap-y-8 sm:grid-cols-2 h-full">
-      <nuxt-link class="z-index-3" data-blobity-magnetic="false" to="/env">
+      <nuxt-link class="z-index-3" data-blobity-magnetic="false" data-blobity-radius="25" to="/env">
         <Ad color="red" class="group w-full flex flex-col justify-between items-center">
           <div>
             <img class="h-64 group-hover:scale-105 transform duration-500" src="~/assets/images/memojies/Dev.png" alt="Dev Memoji" />
@@ -16,7 +16,7 @@
           </div>
         </Ad>
       </nuxt-link>
-      <nuxt-link class="z-index-3" data-blobity-magnetic="false" to="/contact">
+      <nuxt-link class="z-index-3" data-blobity-magnetic="false" data-blobity-radius="25" to="/contact">
         <Ad color="blue" class="group w-full flex flex-col justify-between items-center">
           <div>
             <img class="h-64 group-hover:scale-105 transform duration-500" src="~/assets/images/memojies/HandUp.png" alt="HandUp Memoji" />
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 5e1454f..8a59d65 100755
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -25,6 +25,7 @@
             class="mx-2 h-8 w-8 flex items-center justify-center p-1"
             data-blobity
             data-blobity-magnetic="false"
+            data-blobity-radius="20"
           >
             <TranslateIcon class="z-index-3" :french="isFrench"/>
           </li>
@@ -33,6 +34,7 @@
             class="mx-2 h-8 w-8 flex items-center justify-center p-1"
             data-blobity
             data-blobity-magnetic="false"
+            data-blobity-radius="20"
           >
             <div class="z-index-3" v-if="this.$colorMode.preference === 'light'">
               <MoonIcon/>
@@ -51,9 +53,6 @@
 import {
   computed,
   defineComponent,
-  onMounted,
-  onUnmounted,
-  ref,
   useAsync,
   useContext,
   useRouter,
diff --git a/src/components/SocialList.vue b/src/components/SocialList.vue
index d89d3ea..733320c 100644
--- a/src/components/SocialList.vue
+++ b/src/components/SocialList.vue
@@ -1,21 +1,21 @@
 <template>
   <div class="social-links">
-    <a class="xl:z-index-3" data-blobity-magnetic="false" target="_blank" href="https://twitter.com/ArthurDanj" rel="noopener noreferrer">
+    <a class="xl:z-index-3" data-blobity-radius="16" data-blobity-magnetic="false" target="_blank" href="https://twitter.com/ArthurDanj" rel="noopener noreferrer">
       <TwitterIcon />
     </a>
-    <a class="xl:z-index-3" data-blobity-magnetic="false" target="_blank" href="https://github.com/ArthurDanjou" rel="noopener noreferrer">
+    <a class="xl:z-index-3" data-blobity-radius="16" data-blobity-magnetic="false" target="_blank" href="https://github.com/ArthurDanjou" rel="noopener noreferrer">
       <GithubIcon />
     </a>
-    <a class="xl:z-index-3" data-blobity-magnetic="false" target="_blank" href="https://www.polywork.com/arthurdanjou" rel="noopener noreferrer">
+    <a class="xl:z-index-3" data-blobity-radius="16" data-blobity-magnetic="false" target="_blank" href="https://www.polywork.com/arthurdanjou" rel="noopener noreferrer">
       <PolyworkIcon />
     </a>
-    <a class="xl:z-index-3" data-blobity-magnetic="false" target="_blank" href="https://www.twitch.tv/arthurdanjou" rel="noopener noreferrer">
+    <a class="xl:z-index-3" data-blobity-radius="16" data-blobity-magnetic="false" target="_blank" href="https://www.twitch.tv/arthurdanjou" rel="noopener noreferrer">
       <TwitchIcon />
     </a>
-    <a class="xl:z-index-3" data-blobity-magnetic="false" target="_blank" href="https://go.arthurdanjou.fr/discord" rel="noopener noreferrer">
+    <a class="xl:z-index-3" data-blobity-radius="16" data-blobity-magnetic="false" target="_blank" href="https://go.arthurdanjou.fr/discord" rel="noopener noreferrer">
       <DiscordIcon />
     </a>
-    <a class="xl:z-index-3" data-blobity-magnetic="false" target="_blank" href="mailto:contact@arthurdanjou.fr" rel="noopener noreferrer">
+    <a class="xl:z-index-3" data-blobity-radius="16" data-blobity-magnetic="false" target="_blank" href="mailto:contact@arthurdanjou.fr" rel="noopener noreferrer">
       <MailIcon />
     </a>
   </div>
diff --git a/src/pages/about.vue b/src/pages/about.vue
index 33f0fad..4508483 100755
--- a/src/pages/about.vue
+++ b/src/pages/about.vue
@@ -6,8 +6,8 @@
     <LanguagesAbout />
     <FormationsAbout />
     <ExperiencesAbout />
-    <a href="/resume.pdf" target="_blank" class="z-index-3 duration-150 transform hover:scale-105">
-      <div class="text-lg px-8 py-4 rounded-xl border-2 border-red-500 dark:border-amber-400 hover:(bg-red-500 dark:bg-amber-400 text-white) dark:hover:text-black text-red-500 dark:text-amber-400 duration-300">
+    <a href="/resume.pdf" data-blobity-radius="16" target="_blank" class="z-index-3 duration-150 transform hover:scale-105">
+      <div class="text-lg px-8 py-4 rounded-xl border-2 border-red-500 dark:border-amber-400 text-red-500 dark:text-amber-400 bg-white dark:bg-black">
         {{ $t('about.cv') }}
       </div>
     </a>
diff --git a/src/pages/services.vue b/src/pages/services.vue
index 83b4e22..4fb923f 100644
--- a/src/pages/services.vue
+++ b/src/pages/services.vue
@@ -107,7 +107,7 @@
     <section
       class="z-index-3 w-full lg:w-4/5"
     >
-      <nuxt-link to="/contact" data-blobity-offset-x="8" data-blobity-offset-y="8">
+      <nuxt-link to="/contact" data-blobity-offset-x="8" data-blobity-offset-y="8" data-blobity-radius="25">
         <Ad color="green" class="group flex flex-col lg:flex-row">
           <div class="lg:w-1/2 flex justify-center">
             <img class="h-48 lg:h-64 group-hover:scale-105 transform duration-500" src="~/assets/images/memojies/Fiesta.png" alt="Fiesta Memoji" />