comment out custom cursor + animate mascot

IIITKalyaniFOSC · Jul 22, 2024 · 08f53d6 · 08f53d6
1 parent d4d4af9
commit 08f53d6
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 4 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -8,15 +8,15 @@ import Tracks from './components/Tracks/Tracks'
 import Sponsors from './components/Sponsors/Sponsors'
 import Faq from './components/Faq/Faq'
 import Cp from './components/Cp/Cp'
-import CursorFollower from './components/CursorFollower';
+// import CursorFollower from './components/CursorFollower';
 
 import LandingPage from './pages/LandingPage'
 
 function App() {
 
   return (
     <>
-       <CursorFollower />
+       {/* <CursorFollower /> */}
       <Navbar />
       <LandingPage/>
       <Tracks />

diff --git a/src/components/CursorFollower.jsx b/src/components/CursorFollower.jsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import './CursorFollower.css';
+// import './CursorFollower.css';
 
 const CursorFollower = () => {
     const [cursorPosition, setCursorPosition] = useState({ x: 0, y: 0 });

diff --git a/src/pages/LandingPage.css b/src/pages/LandingPage.css
@@ -0,0 +1,15 @@
+@keyframes animatedBackground {
+    0% {
+        background-position: 50% 0;
+    }
+    50% {
+        background-position: 50% 20%;
+    }
+    100% {
+        background-position: 50% 0;
+    }
+}
+
+.home-mascot {
+    animation: animatedBackground 5s ease-in-out infinite;
+}
diff --git a/src/pages/LandingPage.jsx b/src/pages/LandingPage.jsx
@@ -6,6 +6,7 @@ import DevfolioLogo from "../assets/images/LandingPage/DevfolioLogo.svg";
 import TimerSection from "./TimerSection";
 import Schedule from "../components/Schedule/Schedule";
 import ScrollButton from "../assets/images/LandingPage/ScrollButton.svg";
+import './LandingPage.css';
 
 function LandingPage() {
   const [bgSize, setBgSize] = useState("10%");
@@ -88,7 +89,7 @@ function LandingPage() {
           </div>
           <div className="flex text-center justify-center mt-5 xl:mt-1 ml-5 mr-5 min-[3840px]:m-11">
             <div
-              className="bg-top bg-no-repeat flex items-end flex-col justify-center md:h-[80%] bg-cover "
+              className="home-mascot bg-top bg-no-repeat flex items-end flex-col justify-center md:h-[80%] bg-cover"
               style={{
                 backgroundImage: `url(${HomeMascot})`,
                 backgroundSize: bgSize,