From 64182104148e09a7559947672acc04f5fd22607f Mon Sep 17 00:00:00 2001
From: sushil sharma <sharma.s420823@gmail.com>
Date: Wed, 21 Aug 2024 08:21:10 +0545
Subject: [PATCH] -

---
 cloned-sites/cyberfiction/index.html |  4 ++-
 cloned-sites/cyberfiction/script.js  | 46 +++++++++++++++++++++++++++-
 cloned-sites/cyberfiction/stle.css   |  6 ++--
 3 files changed, 51 insertions(+), 5 deletions(-)

diff --git a/cloned-sites/cyberfiction/index.html b/cloned-sites/cyberfiction/index.html
index 6b33196..1dfa20d 100644
--- a/cloned-sites/cyberfiction/index.html
+++ b/cloned-sites/cyberfiction/index.html
@@ -11,12 +11,14 @@
 
 
 
-
     <div id="main">
 
         <div id="page1">
             <canvas></canvas>
         </div>
+        <div id="page2"></div>
+        <div id="page3"></div>
+        <div id="page4"></div>
     </div>
 
 
diff --git a/cloned-sites/cyberfiction/script.js b/cloned-sites/cyberfiction/script.js
index 50701df..4c6f9de 100644
--- a/cloned-sites/cyberfiction/script.js
+++ b/cloned-sites/cyberfiction/script.js
@@ -420,4 +420,48 @@ function canvasimg(){
     });
   }
   
-  canvasimg();
\ No newline at end of file
+  canvasimg();
+
+
+
+
+
+gsap.to("#page1",{
+  scrollTrigger:{
+    trigger:"#page1",
+    start:"top top",
+    end:"bottom top",
+    scroller:"#main",
+    pin:true
+  }
+})  
+
+gsap.to("#page2",{
+  scrollTrigger:{
+    trigger:"#page2",
+    start:"top top",
+    end:"bottom top",
+    scroller:"#main",
+    pin:true
+  }
+})  
+
+gsap.to("#page3",{
+  scrollTrigger:{
+    trigger:"#page3",
+    start:"top top",
+    end:"bottom top",
+    scroller:"#main",
+    pin:true
+  }
+})  
+
+gsap.to("#page4",{
+  scrollTrigger:{
+    trigger:"#page4",
+    start:"top top",
+    end:"bottom top",
+    scroller:"#main",
+    pin:true
+  }
+})  
\ No newline at end of file
diff --git a/cloned-sites/cyberfiction/stle.css b/cloned-sites/cyberfiction/stle.css
index f6bb20c..00d9327 100644
--- a/cloned-sites/cyberfiction/stle.css
+++ b/cloned-sites/cyberfiction/stle.css
@@ -15,13 +15,13 @@ html,body{
 }
 
 #page1 canvas{
-    position: relative;
+    /* position: relative; */
     max-height: 100vh;
     max-width: 100vw;
 }
 
 
-/* 
+
 #page1{
     height: 100vh;
     width: 100vw;
@@ -44,4 +44,4 @@ html,body{
     height: 100vh;
     width: 100vw;
     background-color: rgba(255, 187, 0, 0.804);
-} */
\ No newline at end of file
+}
\ No newline at end of file