From bbf67c12210a81d97928f96966bcfbd6c662b818 Mon Sep 17 00:00:00 2001
From: Karma Riuk <riukkarma@gmail.com>
Date: Sun, 3 Sep 2023 00:10:57 +0200
Subject: [PATCH] added left and right fades and made so that on mobiles it's
 just up

---
 assets/js/main.js |  9 ++++++++-
 index.html        | 10 +++++-----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/assets/js/main.js b/assets/js/main.js
index ddd115d..c44b734 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -238,6 +238,13 @@
                 true,
             );
         }
+        // let horizontal_aoss = document.querySelectorAll("[data-aos~='left'], [data-aos~='right']")
+        if (window.matchMedia("(max-width: 768px)").matches) {
+            let horizontal_aoss = document.querySelectorAll(
+                `[data-aos$="left"], [data-aos$="right"]`,
+            );
+            horizontal_aoss.forEach((el) => el.setAttribute("data-aos", "fade-up"));
+        }
         AOS.init();
     });
 
@@ -269,4 +276,4 @@
      * Initiate Pure Counter
      */
     new PureCounter();
-})(); 
+})();
diff --git a/index.html b/index.html
index b9b5e4d..95015fe 100644
--- a/index.html
+++ b/index.html
@@ -86,12 +86,12 @@
                     </p>
                 </div>
 
-                <div class="row" data-aos="fade-up">
+                <div class="row">
                     <div class="image col-lg-4 d-flex align-items-stretch
-                            justify-content-center justify-content-lg-start">
+                            justify-content-center justify-content-lg-start" data-aos="fade-up-right">
                     </div>
                     <div class="content col-lg-8 ps-lg-4 d-flex flex-column align-items-stretch justify-content-center"
-                        data-aos="fade-up">
+                        data-aos="fade-up-left">
                         <div class="row">
                             <div class="col-lg-6 mt-4 mt-lg-0">
                                 <ul>
@@ -210,7 +210,7 @@
 
                 <div class="row">
                     <div class="col-lg-6">
-                        <div data-aos="fade-up">
+                        <div data-aos="fade-up-right">
                             <h3 class="resume-title">Sumary</h3>
                             <div class="resume-item pb-0">
                                 <h4>Arnaud Fauconnet</h4>
@@ -263,7 +263,7 @@
                         </div>
                     </div>
                     <div class="col-lg-6">
-                        <div data-aos="fade-up">
+                        <div data-aos="fade-up-left">
                             <h3 class="resume-title">Professional Experience</h3>
                             <div class="resume-item">
                                 <h4>UROP</h4>