From 54698b3dc800fe86e2d9ebb2cf94e5402165005e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Paul=20Nicou=C3=A9?= <contact@paulnicoue.com>
Date: Fri, 7 Apr 2023 15:25:44 +0200
Subject: [PATCH] Customize AOS fade-up animation distance

---
 assets/styles/_animations.scss | 6 ++++++
 pages/index.vue                | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/assets/styles/_animations.scss b/assets/styles/_animations.scss
index 40e9006..61a53ed 100644
--- a/assets/styles/_animations.scss
+++ b/assets/styles/_animations.scss
@@ -37,3 +37,9 @@
         transform: rotate(360deg);
     }
 }
+
+// AOS customization
+
+[data-aos='fade-up'] {
+    transform: translate3d(0, 5rem, 0);
+}
diff --git a/pages/index.vue b/pages/index.vue
index 93eaeac..42037a9 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -26,11 +26,11 @@
     onMounted(() => {
         const AOS = useNuxtApp().$AOS;
         AOS.init({
-            offset: 100,
+            delay: 0,
             duration: 600,
             easing: 'ease-in-out',
-            delay: 0,
-            once: false
+            offset: 100,
+            once: true
         });
     })