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() {
{eventRegisteringInProgress
- ? "Registering..."
+ ? <> Registering >
: "Register"}
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. */}
-
-
fullScreenNav.current.classList.remove("open")} >
+
+ setFullScreenNavOpen(false)}>
-
+ {/*
Events
Contact
+
*/}
+
+ Algorithmist '25
-
+
{/* NORMAL NAV, VISIBLE IN DESKTOP */}
@@ -134,7 +139,8 @@ export default function Landing() {
- fullScreenNav.current.classList.toggle("open")} >Menu
+ Algorithmist 25
+ setFullScreenNavOpen(true)} >Menu
@@ -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() {
+ */}