duck and books

src/components/sections/IntroductionSection.vue

@@ -21,11 +21,16 @@ const texteSub = "Here you’ll find creative projects and ideas that inspire me
 
 function createTween() {
   animation?.kill();
-
-  
   //use the defaults
-// gsap.to(".textblock__header", {duration: 1, scrambleText: "THIS IS NEW TEXT"});
-  animation = gsap.timeline();
+  animation = gsap.timeline({
+    scrollTrigger: {
+      trigger : ".poster",
+      pin: true,
+      markers: true,
+      start : "top top",
+      end : "+=500"
+    }
+  })
 
   animation.to(".textblock__header", {
   duration: 1, 

src/components/sections/TextSection.vue

@@ -69,20 +69,20 @@ window.addEventListener("resize", createTimeline);
 
       <div class="container second">
         <div class="experience-text">
-          <h2>Do you want to see where I used to study?</h2>
+          <h2>Enten?</h2>
         </div>
         <div class="marker"></div>
-        <router-link to="/experience">
-          <button class="btn second-btn">Zur Experience</button>
+        <router-link to="/books">
+          <button class="btn second-btn">Books i've read</button>
         </router-link>
       </div>
       <div class="container third">
         <div class="experience-text">
-          <h2>Spotify recommendation project</h2>
+          <h2>Enten?</h2>
         </div>
         <div class="marker"></div>
-        <router-link to="/recommSpotify">
-          <button class="btn third-btn">Zur recommSpotify</button>
+        <router-link to="/ducks">
+          <button class="btn third-btn">zu den Enten</button>
         </router-link>
       </div>