Add radius for blobity

This commit is contained in:
2021-11-03 18:01:54 +01:00
parent d6746d2ef3
commit 619ae984ce
5 changed files with 13 additions and 14 deletions

View File

@@ -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" />

View File

@@ -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,

View File

@@ -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>

View File

@@ -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>

View File

@@ -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" />