diff --git a/src/App.jsx b/src/App.jsx index 8b27536..4d1871a 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -75,6 +75,7 @@ export default function App() { }> }> }> + }> { @@ -96,11 +97,8 @@ export default function App() { }> {/* EVENTS */} - }> {/* }> */} - }> {/* }> */} - }> }> @@ -113,6 +111,10 @@ export default function App() { {/* }> */} {/* }> */} {/* }> */} + {/* }> */} + }> + {/* }> */} + {/* DASHBOARD */} diff --git a/src/pages/Main.jsx b/src/pages/Main.jsx index 433b2c6..5bf2694 100644 --- a/src/pages/Main.jsx +++ b/src/pages/Main.jsx @@ -50,14 +50,14 @@ export default function Main() { (isActive ? 'menuLink hideOnMobile noStyle active' : 'menuLink hideOnMobile noStyle')}> Home - +{/* (isActive ? 'menuLink hideOnMobile noStyle active' : 'menuLink hideOnMobile noStyle')}> Events (isActive ? 'menuLink hideOnMobile noStyle active' : 'menuLink hideOnMobile noStyle')}> Contact - + */} { (USER_PRESENT()) ? @@ -98,13 +98,13 @@ export default function Main() { Events */} - Dashboard + Home - + {/* Members - + */} - Prajnotsavah 2K24 + Algorithmist '25 {/* Contact */} {/* diff --git a/src/styles/EventRegister.scss b/src/styles/EventRegister.scss index d3fd33f..a1ebde7 100644 --- a/src/styles/EventRegister.scss +++ b/src/styles/EventRegister.scss @@ -485,6 +485,7 @@ strong { .roundDesc { + padding-right: .5rem !important; // background-color: yellow; } } @@ -537,6 +538,10 @@ strong { .registerBtn { background-color: rgb(2, 123, 10); color: white; + + &.loading { + background-color: rgb(49, 32, 11) !important; + } } } @@ -695,6 +700,19 @@ strong { margin: 1rem auto 2rem auto; border-radius: 10px; transition: all .3s ease; + display: flex; + justify-content: center; + align-items: center; + gap: 0.5rem; + + svg { + animation: rotate 1s ease infinite; + } + + &.loading { + background-color: rgb(49, 32, 11); + cursor: not-allowed !important; + } &:hover { border-color: transparent; diff --git a/src/styles/Landing.scss b/src/styles/Landing.scss index a7c324b..f3d1ed6 100644 --- a/src/styles/Landing.scss +++ b/src/styles/Landing.scss @@ -79,7 +79,7 @@ $text: #e0e1e1; display: flex; gap: 1rem; - button.menuButton { + .menuButton { all: unset; z-index: 9 !important; cursor: pointer; @@ -91,10 +91,21 @@ $text: #e0e1e1; font-size: .9rem; transition: all .3s ease; + &:hover { background-color: $background; - color: $text; + color: $text !important; + } + + &.highlight { + background-color: rgb(255, 152, 152); + + &:hover { + background-color: rgb(65, 13, 13); + color: rgb(255, 206, 206) !important; + } } + } } } @@ -113,6 +124,7 @@ $text: #e0e1e1; backdrop-filter: blur(8px); transition: all .25s cubic-bezier(1 , 0 , 0 , 1); + overflow: hidden; &.open { transform: translateY(0); @@ -171,6 +183,7 @@ $text: #e0e1e1; padding: 1rem 2rem; margin-left: 2rem; font-size: 2rem; + max-width: max-content; transition: all .4s ease ; @@ -839,7 +852,9 @@ $text: #e0e1e1; .chapterIntro { - height: 80vh; + height: 90vh; + margin-top: 5rem; + padding-bottom: 7rem; .subText { margin-bottom: 1rem; diff --git a/src/views/EventRegister.jsx b/src/views/EventRegister.jsx index 7aadfe8..cfef7cb 100644 --- a/src/views/EventRegister.jsx +++ b/src/views/EventRegister.jsx @@ -1,11 +1,6 @@ import { useState, useEffect, useRef } from "react"; import eventCoverImage from "../assets/events_cover.jpeg"; -import quiz from "../assets/quiz.avif"; -import seminar from "../assets/seminar.avif"; -import qna from "../assets/qna.avif"; -import debug from "../assets/debug.jpg"; -import coding from "../assets/coding.png"; // ----------------------------------- @@ -16,6 +11,7 @@ import { AiOutlineLoading, AiOutlineCheck } from "react-icons/ai"; import { BiSolidPhoneCall, BiLinkExternal } from "react-icons/bi"; import { CiCircleInfo, CiWarning } from "react-icons/ci"; import { PiSparkleThin } from "react-icons/pi"; +import { FiLoader } from "react-icons/fi"; import { TfiMoney } from "react-icons/tfi"; @@ -195,7 +191,7 @@ export default function EventRegister() { }, []); useEffect(() => { - if (modalOpen || !usingKluMail) { + if (modalOpen) { window.scrollTo(0, 0); document.body.style.overflowY = "hidden"; } else document.body.style.overflowY = "auto"; @@ -273,9 +269,14 @@ export default function EventRegister() { different algorithms and gain practical skills to apply them in real-world scenarios. - Cash prizes and exciting rewards - from GeeksforGeeks are provided for the top - three performers in each round. +
+
+

+ Registration Fee: 200/- per person. +

+ 2 Credits under EE will be provided for all participants. + Cash prizes and exciting swags from GeeksforGeeks for the top three performers in each round. +

@@ -390,7 +391,7 @@ export default function EventRegister() { Registration Deadline
- 26th Dec 2025, 6PM + 02 Jan 2025, 12:59PM
@@ -510,7 +511,7 @@ export default function EventRegister() { More info about the 30 algorithms can be found here.
- More info about all the 5 rounds can be found here. + More info about all the 5 rounds can be found here. @@ -525,8 +526,8 @@ export default function EventRegister() {
{USER_PRESENT() ? ( eventRegisteringInProgress ? ( -
- Registering... +
+ Registering
) : eventRegisterStatus === "registered" ? (
@@ -535,7 +536,11 @@ export default function EventRegister() { ) : (
setModalOpen(true)} + onClick={ + () => { + setModalOpen(true); + prefillRegistrationFields(); + }} > Register!
@@ -733,7 +738,7 @@ export default function EventRegister() {
diff --git a/src/views/Landing.jsx b/src/views/Landing.jsx index eb9f5b0..a48dba1 100644 --- a/src/views/Landing.jsx +++ b/src/views/Landing.jsx @@ -24,6 +24,7 @@ import eventPlaceholderImage from "../assets/pinkAndWhiteMovement.gif" // Hero section images import kluTeam from "../assets/klu_team.jpg" import algo2024 from "../assets/prajnotsavah/4.jpg" +import geekfest24 from "../assets/prajnotsavah/3.jpg" import prajnotsavah_guest from "../assets/landing_page_elements/landing_pe.png" @@ -56,6 +57,7 @@ export default function Landing() { const { scrollY } = useScroll(); const fullScreenNav = useRef(null); + const [fullScreenNavOpen, setFullScreenNavOpen] = useState(false); const [pageLoading, setPageLoading] = useState(true); const [direction, setDirection] = useState('up'); @@ -85,13 +87,13 @@ export default function Landing() { },[]) useEffect(() => { - if (pageLoading) { + if (pageLoading || fullScreenNavOpen) { document.body.style.overflow = "hidden"; } else { document.body.style.overflow = "auto" } - }, [pageLoading]) + }, [pageLoading, fullScreenNavOpen]) useEffect(() => { if (rocketAnimationOver) { @@ -114,19 +116,22 @@ export default function Landing() { {/* FULL SCREEN NAV, OPENS ONLY IN MOBILE VIEW. */} -
-
-
+ {/*
Events
Contact +
*/} +
+ Algorithmist '25
-
+ {/* NORMAL NAV, VISIBLE IN DESKTOP */}
- + Algorithmist 25 +
@@ -210,7 +216,7 @@ export default function Landing() {
- +
06/09/2022 @@ -258,11 +264,11 @@ export default function Landing() {
-
Events
-
Our incredible works!
+ {/*
MORE STUFF COMING SOON!
*/} +
MORE STUFF COMING SOON!
-
+ {/*
@@ -342,7 +348,7 @@ export default function Landing() {
-
+
*/}