mirror of
https://github.com/ArthurDanjou/website-old.git
synced 2026-01-14 12:14:42 +01:00
Add radius for blobity
This commit is contained in:
@@ -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" />
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user