Implements Blobity

src/pages/about.vue

@@ -6,8 +6,8 @@
     <LanguagesAbout />
     <FormationsAbout />
     <ExperiencesAbout />
-    <a href="/resume.pdf" target="_blank" class="duration-150 transform hover:scale-105">
-      <div class="text-lg cursor-pointer 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" 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">
         {{ $t('about.cv') }}
       </div>
     </a>

src/pages/maintenance.vue

@@ -94,7 +94,7 @@ export default defineComponent({
 })
 </script>
 
-<style lang="scss">
+<style scoped lang="scss">
 .social-links a {
   svg {
     @apply h-6 w-6 duration-300

src/pages/newsletter.vue

@@ -118,7 +118,7 @@ export default defineComponent({
 })
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .button {
   position: absolute;
   top: 0.25rem;

src/pages/services.vue

@@ -104,8 +104,10 @@
         </div>
       </div>
     </section>
-    <section class="w-full lg:w-4/5">
-      <nuxt-link to="/contact">
+    <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">
         <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" />