change some animations direction + update csv

YanivWein24 · May 9, 2024 · 5db80da · 5db80da
1 parent c89b383
commit 5db80da
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 7 deletions.
diff --git a/src/assets/Yaniv-Resume.pdf b/src/assets/Yaniv-Resume.pdf
diff --git a/src/components/About/About.tsx b/src/components/About/About.tsx
@@ -29,7 +29,7 @@ function About() {
       </div>
       <div className="backgroundLinear">
         <Row className="about-me no-gutters mx-auto">
-          <Col xs={12} data-aos="fade-down" data-aos-once="true">
+          <Col xs={12} data-aos="fade-up" data-aos-once="true">
             <h1 className="aboutMeHeader">{Text.headers.aboutMe}</h1>
           </Col>
           <Col

diff --git a/src/components/Skills/Skills.css b/src/components/Skills/Skills.css
@@ -2,7 +2,7 @@
   margin: 4rem auto;
   padding-bottom: 1rem;
   text-align: center;
-  overflow-x: hidden;
+  overflow: hidden;
 }
 
 .skillContainer {

diff --git a/src/components/Skills/Skills.tsx b/src/components/Skills/Skills.tsx
@@ -13,10 +13,7 @@ export default function Skills() {
 
   return (
     <div className="skills" id="Skills">
-      <h1
-        data-aos={mobileSize ? "fade-right" : "fade-down"}
-        data-aos-once="true"
-      >
+      <h1 data-aos={mobileSize ? "fade-right" : "fade-up"} data-aos-once="true">
         {Text.headers.skills}
       </h1>
       <Row className={`${!mobileSize && "container"} mx-auto`}>

diff --git a/src/components/Timeline/Timeline.tsx b/src/components/Timeline/Timeline.tsx
@@ -13,7 +13,7 @@ import Anchor from "../../assets/media/anchor.svg";
 export default function Timeline() {
   return (
     <div className="timeline-container">
-      <h1 id="Experience" data-aos="fade-down" data-aos-once="true">
+      <h1 id="Experience" data-aos="fade-up" data-aos-once="true">
         {Text.headers.experience}
       </h1>
       <VerticalTimeline>