Merge pull request #11 from sam-shervin/master

light mode bug fixed
ComputerSocietyVITC · Mar 18, 2024 · 805c0f1 · 805c0f1
2 parents 13ab763 + 29fdb0b
commit 805c0f1
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 42 deletions.
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -5,12 +5,14 @@ import type { AppProps } from "next/app";
 import { useRouter } from "next/router";
 
 export default function App({ Component, pageProps }: AppProps) {
-  const buttons = ["Team", "Project", "Contacts", "Events", "Blogs"];
-  const router = useRouter();
-  return (
-    <>
-      <Navbar buttons={buttons} active={router.pathname} />
-      <Component {...pageProps} />
-    </>
-  );
+	const buttons = ["Team", "Project", "Contacts", "Events", "Blogs"];
+	const router = useRouter();
+	return (
+		<>
+			<section className="bg-[#03091E] text-[#EAEAEA]">
+				<Navbar buttons={buttons} active={router.pathname} />
+				<Component {...pageProps} />
+			</section>
+		</>
+	);
 }
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -22,40 +22,41 @@ export default function Home() {
 	};
 
 	return (
-		<motion.section
-			className="min-h-screen flex flex-col items-center justify-center bg-[#03091E]"
-			initial="initial"
-			animate="animate"
-			variants={loadingAnimation}
-		>
-			<motion.section className="mt-10 font-offbittrialdot text-[75px] sm:text-6xl md:text-8xl gap-4 pr-72 space-y-[-20px]">
-				<section className="flex gap-5">
-					<p className="text-left text-[#EAEAEA]">IEEE</p>
-					<p className="text-[#CF1259]"> COMPUTER SOCIETY</p>
-				</section>
-				<p className="text-left text-[#7161EF]">WELCOMES YOU...</p>
+		<>
+			<motion.section
+				className="min-h-screen flex flex-col items-center justify-center bg-[#03091E]"
+				initial="initial"
+				animate="animate"
+				variants={loadingAnimation}
+			>
+				<motion.section className="mt-10 font-offbittrialdot text-[75px] sm:text-6xl md:text-8xl gap-4 pr-72 space-y-[-20px]">
+					<section className="flex gap-5">
+						<p className="text-left text-[#EAEAEA]">IEEE</p>
+						<p className="text-[#CF1259]"> COMPUTER SOCIETY</p>
+					</section>
+					<p className="text-left text-[#7161EF]">WELCOMES YOU...</p>
+				</motion.section>
+				<motion.section className="font-glitch text-[10rem] sm:text-6xl md:text-8xl gap-4 w-screen flex justify-center">
+					<p className="text-[#7161EF] hack-shadow">Hack</p>
+					<p className="text-[#CF1259] hub-shadow">Hub</p>
+					<p className="text-white text-8xl md:text-6xl sm:text-4xl relative top-28 -left-16 my-2 z-2">
+						24
+					</p>
+				</motion.section>
+				<motion.section className="font-offbittrialbold text-[36px] sm:text-6xl md:text-8xl flex gap-4">
+					<p className="text-[#EAEAEA]">IEEE Computer Society's</p>
+					<p className="text-[#CF1259]">FLAGSHIP</p>
+					<p className="text-[#EAEAEA]">Hackathon</p>
+				</motion.section>
+				<Countdown
+					year={2024}
+					month={3}
+					date={31}
+					hour={8}
+					minutes={0}
+					seconds={0}
+				/>
 			</motion.section>
-			<motion.section className="font-glitch text-[10rem] sm:text-6xl md:text-8xl gap-4 w-screen flex justify-center">
-				<p className="text-[#7161EF] hack-shadow">Hack</p>
-				<p className="text-[#CF1259] hub-shadow">Hub</p>
-				<p className="text-white text-8xl md:text-6xl sm:text-4xl relative top-28 -left-16 my-2 z-2">
-					24
-				</p>
-			</motion.section>
-			<motion.section className="font-offbittrialbold text-[36px] sm:text-6xl md:text-8xl flex gap-4">
-				<p className="text-[#EAEAEA]">IEEE Computer Society's</p>
-				<p className="text-[#CF1259]">FLAGSHIP</p>
-				<p className="text-[#EAEAEA]">Hackathon</p>
-			</motion.section>
-			<Countdown
-				year={2024}
-				month={3}
-				date={31}
-				hour={8}
-				minutes={0}
-				seconds={0}
-			/>
-			hello
-		</motion.section>
+		</>
 	);
 }