sidcup to chemineers version 1 done

madhavlata · Sep 3, 2023 · 1b9d65e · 1b9d65e
1 parent 03866fe
commit 1b9d65e
Show file tree

Hide file tree

Showing 14 changed files with 170 additions and 76 deletions.
diff --git a/Assets/CIRCULAR_INTERFACE_HUD (1).mp4 b/Assets/CIRCULAR_INTERFACE_HUD (1).mp4
diff --git a/Assets/blog.jpg b/Assets/blog.jpg
diff --git a/Assets/exergy.png b/Assets/exergy.png
diff --git a/Assets/freshers.jpg b/Assets/freshers.jpg
diff --git a/Assets/freshersparty.jpg b/Assets/freshersparty.jpg
diff --git a/Assets/happyhour.jpg b/Assets/happyhour.jpg
diff --git a/Assets/logo.png b/Assets/logo.png
diff --git a/Assets/placement.jpg b/Assets/placement.jpg
diff --git a/Assets/profsandstudents.jpg b/Assets/profsandstudents.jpg
diff --git a/Assets/simutech.jpg b/Assets/simutech.jpg
diff --git a/Assets/students.jpg b/Assets/students.jpg
diff --git a/index.html b/index.html
@@ -14,13 +14,14 @@
   <body>
     <div id="nav">
       <img
-        src="https://eiwgew27fhz.exactdn.com/wp-content/uploads/2023/02/logo-white.svg"
+        src="./Assets/logo.png"
       />
-      <h4>TOPTRACER RANGE</h4>
-      <h4>GOLF LESSONS</h4>
-      <h4>ADVENTURE GOLF</h4>
-      <h4>COFFEE SHOP</h4>
-      <h4>LEAGUES</h4>
+      <h4>HOME</h4>
+      <h4>ACTIVITES</h4>
+      <h4>BLOG</h4>
+      <h4>TEAM</h4>
+      <h4>CONTACT</h4>
+      <h4>EXERGY</h4>
     </div>
 
     <div id="cursor"></div>
@@ -30,99 +31,131 @@ <h4>LEAGUES</h4>
       autoplay
       loop
       muted
-      src="Assets\SFG-Website-Header-Video-0823.mp4"
+      src="Assets\CIRCULAR_INTERFACE_HUD (1).mp4"
     ></video>
 
     <div id="main">
       <div id="page1">
-        <h1>EAT. DRINK. PLAY.</h1>
-        <h2>WELCOME TO SIDCUP FAMILY GOLF !</h2>
+        <h1>CHEMINEERS SOCIETY IITK</h1>
+        <h2>WELCOME TO CHEMINEERS SOCIETY IIT KANPUR!</h2>
         <p>
-          Sidcup Family Golf is a multipurpose golf facility located in Sidcup,
-          South East London. Passionate about technology, player development and
-          making golf fun and accessible to everyone.
+          Chemineers Society IIT Kanpur helps students to identify campus resources
+          and foster harmonious relationship among students, faculties, and
+          administration of the Chemical Engineering Department
         </p>
-        <div id="arrow">
+        <div id="arrow" >
           <i class="ri-arrow-down-line"></i>
         </div>
       </div>
       <div id="page2">
             <div id="scroller">
                 <div id="scroller-in">
-                    <h4>TOPTRACER RANGE</h4>
-                    <h4>GOLF LESSONS</h4>
-                    <h4>ADVENTURE GOLF</h4>
-                    <h4>COFFEE SHOP</h4>
-                    <h4>LEAGUES</h4>
+                    <h4>INFLUENCES</h4>
+                    <h4>1000+ STUDENTS</h4>
+                    <h4>50+ FACULTIES</h4>
+                    <h4>PAN INDIA FEST</h4>
+                    <h4>INTERNATIONAL SPEAKERS</h4>
                 </div>
                 <div id="scroller-in">
-                    <h4>TOPTRACER RANGE</h4>
-                    <h4>GOLF LESSONS</h4>
-                    <h4>ADVENTURE GOLF</h4>
-                    <h4>COFFEE SHOP</h4>
-                    <h4>LEAGUES</h4>
+                    <h4>INFLUENCES</h4>
+                    <h4>1000+ STUDENTS</h4>
+                    <h4>50+ FACULTIES</h4>
+                    <h4>PAN INDIA FEST</h4>
+                    <h4>INTERNATIONAL SPEAKERS</h4>
                 </div>
             </div>
             <div id="about-us">
-                <img src="https://eiwgew27fhz.exactdn.com/wp-content/uploads/2023/02/home-about-1.jpg?strip=all&lossy=1&sharp=1&fit=300%2C200&ssl=1">
+                <img src="Assets\freshers.jpg">
                 <div id="about-us-in">
-                  <h3>ABOUT US</h3>
-                  <p>Home to a 46-bay, multi-tier, floodlit driving range, powered by Toptracer Range technology. Complimented by a practice green and bunker, coffee shop and American Golf Store. There truly is something for everyone as we also boast two outdoor 18-hole dinosaur themed crazy golf courses.</p>
+                  <h3 style="color: #80d6f5">ABOUT US</h3>
+                  <p>To ensure effective interaction, the society conducts various
+                    departmental events. These events may include the Happy Hours,
+                    Freshers Party, Alumni Talks, etc., to increase interaction between
+                    students and professors, juniors and seniors, students and alumni.</p>
                 </div>
-                <img src="https://eiwgew27fhz.exactdn.com/wp-content/uploads/2023/02/home-about-2.jpg?strip=all&lossy=1&sharp=1&fit=300%2C200&ssl=1">
+                <img src="Assets\profsandstudents.jpg">
             </div>
 
             <div id="cards-container">
               <div class="card" id="card1">
                   <div class="overlay">
-                    <h4>TOPTRACER RANGE</h4>
-                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, voluptatum doloremque excepturi provident ad repellat quis doloribus dolores aspernatur modi.</p>
+                    <h4>ChemE BLOGS</h4>
+                    <p>"ChemE Blogs", a blog series on recent happenings and rapid advances in the field of Chemical Engg. Blogs are released Biweekly on :
+                      chemineeriitk.wordpress.com</p>
                   </div>
               </div>
               <div class="card" id="card2">
                 <div class="overlay">
-                  <h4>ADVENTURE GOLF</h4>
-                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, voluptatum doloremque excepturi provident ad repellat quis doloribus dolores aspernatur modi.</p>
+                  <h4>EXERGY</h4>
+                  <p>The concept of Exergy transcends the realm of thermodynamics. It serves as a representation of realizing our potential to the fullest as students of Chemical Engineering, and we aspire to attain this goal through the fest.</p>
                 </div>
               </div>
               <div class="card" id="card3">
                 <div class="overlay">
-                  <h4>GOLF LESSONS</h4>
-                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, voluptatum doloremque excepturi provident ad repellat quis doloribus dolores aspernatur modi.</p>
+                  <h4>SIMUTECH</h4>
+                  <p>SimuTech is a group of students in the Chemical Engineering department of IIT-Kanpur. It provides a platform for students to pursue their interest in theoretical, practical, and simultion projects related to chemical engineering.</p>
                 </div>
               </div>
             </div>
 
             <div id="green-div">
               <img src="https://eiwgew27fhz.exactdn.com/wp-content/themes/puttosaurus/img/dots-side.svg">
-              <h4>SIGN UP FOR SIDCUP NEWS AND SPECIAL OFFERS
-                STRAIGHT TO YOUR INBOX</h4>
+              <h4>Our society continuously organizes several activities to promote cultural interactions and overall development of our students.</h4>
               <img src="https://eiwgew27fhz.exactdn.com/wp-content/themes/puttosaurus/img/dots-side.svg">
             </div>
       </div>
       <div id="page3">
-        <p>Absolutely loved the experience! The staff looked after me ensured I was enjoying the range and gave me helpful tips to get the best out of my game. Digital screens to see my progress. I’ll be back 😁 🏌🏽‍♀️</p>
+        <p>Absolutely loved the experience of Freshers Party! They had lots of well organised fun events and i enjoyed it alot. Made new friends and had lot of enjoyment dancing with them. 🕺🕺 </p>
         <img src="https://eiwgew27fhz.exactdn.com/wp-content/themes/puttosaurus/img/quote-left.svg" id="colon1">
         <img src="https://eiwgew27fhz.exactdn.com/wp-content/themes/puttosaurus/img/quote-right.svg" id="colon2">
       </div>
       <div id="page4">
-        <h1>WHAT ARE YOU WAITING FOR?</h1>
+        <h1>LOOKING FOR OUR EVENTS?</h1>
         <div class="elem">
-          <h2>TOPTRACER RANGE</h2>
-          <img src="https://eiwgew27fhz.exactdn.com/wp-content/uploads/2023/02/page-toptracer.jpg?strip=all&lossy=1&sharp=1&w=1152&ssl=1">
+          <h2>HAPPY HOUR</h2>
+          <img src="Assets\happyhour.jpg">
         </div>
         <div class="elem">  
-          <h2>GOLF LESSONS</h2>
-          <img src="https://eiwgew27fhz.exactdn.com/wp-content/uploads/2023/02/page-lessons.jpg?strip=all&lossy=1&sharp=1&w=1152&ssl=1">
+          <h2>FRESHERS PARTY</h2>
+          <img src="./Assets/freshersparty.jpg">
         </div>
         <div class="elem">  
-          <h2>ADVENTURE GOLF</h2>
-          <img src="https://eiwgew27fhz.exactdn.com/wp-content/uploads/2023/02/page-ag.jpg?strip=all&lossy=1&sharp=1&w=1152&ssl=1">
+          <h2>PLACEMENT SESSION</h2>
+          <img src="./Assets/placement.jpg">
         </div>
       </div>
 
       <div id="footer">
-
+        <img
+        src="https://eiwgew27fhz.exactdn.com/wp-content/themes/puttosaurus/img/dots-footer.svg"
+        alt=""
+      />
+      <div id="f1">
+        <img
+          src="./Assets/logo.png"
+          alt=""
+        />
+      </div>
+      <div id="f2">
+        <h3>EXERGY</h3>
+        <h3>BLOGS</h3>
+        <h3>TEAM</h3>
+      </div>
+      <div id="f3">
+        <h3>CONTACT US</h3>
+        <h3>Facebook</h3>
+        <h3>Instagram</h3>
+        <h3>Youtube</h3>
+      </div>
+      <div id="f4">
+        <h4>
+          FB-470, <br />
+          DEPARTMENT of Chemical Engineering <br />
+          Indian Institute of Technology, <br />
+          Kanpur <br />
+          Uttar Pradesh, 208016 <br />
+        </h4>
+      </div>
       </div>
     </div>
 

diff --git a/script.js b/script.js
@@ -2,7 +2,7 @@ var crsr = document.querySelector('#cursor')
 var blur = document.querySelector("#cursor-blur")
 
 document.addEventListener("mousemove",function(dets){
-    crsr.style.left = dets.x+"px"
+    crsr.style.left = dets.x+25+"px"
     crsr.style.top = dets.y+"px"
 
     blur.style.left = dets.x-250+"px"
@@ -15,11 +15,15 @@ h4all.forEach(function(elem){
         crsr.style.scale = 3
         crsr.style.border = "1px solid #fff"
         crsr.style.backgroundColor = "transparent"
+        elem.style.color = "#80d6f5"
+        elem.style.scale = 1.1
     })
     elem.addEventListener("mouseleave",function(){
         crsr.style.scale=1;
-        crsr.style.border="0px solid #95C11E";
-        crsr.style.backgroundColor = "#95C11E";
+        crsr.style.border="0px solid #80d6f5";
+        crsr.style.backgroundColor = "#80d6f5";
+        elem.style.color = "#fff"
+        elem.style.scale = 1
     })
 })
 
@@ -84,8 +88,8 @@ gsap.from("#colon1", {
     scrollTrigger:{
         trigger:"#colon1",
         scroller:"body",
-        start:"top 55%",
-        end:"top 45%",
+        start:"top 75%",
+        end:"top 65%",
         scrub:4,
     }
 })
@@ -96,8 +100,8 @@ gsap.from("#colon2", {
     scrollTrigger:{
         trigger:"#colon2",
         scroller:"body",
-        start:"top 55%",
-        end:"top 45%",
+        start:"top 100%",
+        end:"top 75%",
         scrub:4,
     }
 })
@@ -107,8 +111,15 @@ gsap.from("#page4 h1",{
     scrollTrigger:{
         trigger:"#page4 h1",
         scroller:"body",
-        start:"top 75%",
+        start:"top 95%",
         end:"top 70%",
         scrub:3,
     }
+})
+
+arrow = document.querySelector("#arrow")
+
+arrow.addEventListener("click", function(){
+    window.scrollTo({ top : window.scrollY + (document.documentElement.clientHeight * .8), behavior:'smooth' })
+
 })