Skip to content

Commit 0c4d112

Browse files
sabzdotpysabzdotpy
committed
PE: add past events image
1 parent da4fa79 commit 0c4d112

File tree

7 files changed

+135
-36
lines changed

7 files changed

+135
-36
lines changed

‎src/assets/prajnotsavah/1.jpg

150 KB
Loading

‎src/assets/prajnotsavah/2.jpg

167 KB
Loading

‎src/assets/prajnotsavah/3.jpg

171 KB
Loading

‎src/assets/prajnotsavah/4.jpg

168 KB
Loading

‎src/styles/ProjectExpo.scss

Lines changed: 73 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -387,11 +387,14 @@ $textWhite: rgb(231, 231, 231);
387387
z-index: 2;
388388

389389
.root-react-component-countdown-timer {
390+
user-select: none;
391+
390392
.displayedTime .countBox {
391393
display: flex;
392394
flex-direction: row-reverse;
393395
align-items: flex-end;
394396
gap: .5rem;
397+
font-weight: bold;
395398

396399
.split {
397400
padding: .5rem 0;
@@ -411,9 +414,8 @@ $textWhite: rgb(231, 231, 231);
411414

412415
.count {
413416
min-width: 30px;
414-
background-color: transparent !important;
415-
border: 1px solid $textWhite;
416-
color: $textWhite !important;
417+
background-color: rgba(197, 186, 240, .8) !important;
418+
color: rgb(23, 16, 34) !important;
417419
border-radius: 8px;
418420
padding: .5rem;
419421

@@ -535,23 +537,30 @@ $textWhite: rgb(231, 231, 231);
535537
}
536538

537539

538-
&.why {
540+
&.why, &.who {
541+
542+
.title {
543+
margin: 10rem 0 5rem 0;
544+
font-size: 1.75rem;
545+
text-align: center;
546+
font-weight: 800;
547+
}
548+
539549
.whyReasonsContainer {
540550
width: 100%;
541551
margin: 0 auto;
542552
margin-top: 5rem;
543553
display: grid;
544554
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
545-
gap: 1rem;
555+
gap: 1rem;
546556

547557
.whyReason {
548558
padding: 1.5rem 1rem;
549-
background-color: blue;
559+
border: 2px solid rgba(white, .3);
550560
border-radius: 8px;
551561
display: flex;
552562
justify-content: center;
553563
align-items: center;
554-
555564
background: linear-gradient(
556565
45deg,
557566
rgba(0, 0, 0, 0.65),
@@ -568,6 +577,63 @@ $textWhite: rgb(231, 231, 231);
568577
}
569578
}
570579
}
580+
581+
.pastEventsContainer {
582+
width: 100%;
583+
margin: 0 auto;
584+
margin-top: 2rem;
585+
display: grid;
586+
grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
587+
gap: 1rem;
588+
589+
.pastEvent {
590+
height: 180px;
591+
padding: 1rem 1rem .75rem 1rem;
592+
border-radius: 12px;
593+
border: 1px solid white;
594+
display: flex;
595+
justify-content: flex-start;
596+
align-items: flex-end;
597+
font-weight: 500;
598+
transform: scale(1);
599+
transition: all .3s ease;
600+
cursor: pointer;
601+
overflow: hidden;
602+
603+
&:hover {
604+
transform: scale(1.005);
605+
606+
.explore {
607+
right: -5%;
608+
top: -15%;
609+
}
610+
}
611+
612+
@for $i from 1 through 4 {
613+
&:nth-child(#{$i}) {
614+
background: linear-gradient(
615+
to bottom,
616+
rgba(0, 0, 0, 0), 70%,
617+
rgba(0, 0, 0, 0.8) 100%,
618+
),
619+
url("../assets/prajnotsavah/#{$i}.jpg");
620+
background-size: cover;
621+
background-position-y: 20%;
622+
}
623+
}
624+
625+
.explore {
626+
position: absolute;
627+
right: -55%;
628+
top: -45%;
629+
background-color: rgb(253, 126, 253);
630+
color: rgb(30, 30, 30);
631+
padding: 2.5rem 2.5rem 1.5rem 1.5rem;
632+
border-radius: 50%;
633+
transition: all .2s ease;
634+
}
635+
}
636+
}
571637
}
572638

573639
&.prizes {

‎src/views/HardcodedEventPages/Prajnotsavah/ProjectExpo.jsx

Lines changed: 36 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ import gfgLogo from "@/assets/gfg.png";
2121
import { useState, useRef } from "react";
2222
import { Fade, AttentionSeeker, Slide } from "react-awesome-reveal";
2323
import CountdownTimer from "react-component-countdown-timer";
24-
// import "react-component-countdown-timer/lib/styles.css";
24+
import "react-component-countdown-timer/lib/styles.css";
2525

2626
import CLink from "@/components/CLink";
2727
import { useAuth } from "@/contexts/AuthContext";
@@ -198,7 +198,7 @@ export default function ProjectExpo() {
198198
<div className="dateAndTime">
199199
<div className="row">
200200
<div className="icon"><GoClock size={"20px"} /></div>
201-
<div className="text">Nov 8, 2024</div>
201+
<div className="text">Nov 8, 2024, 9:30 AM</div>
202202
</div>
203203
<div className="row">
204204
<div className="icon"><CiLocationOn size={"20px"} /></div>
@@ -218,9 +218,9 @@ export default function ProjectExpo() {
218218
</div>
219219
</Fade>
220220

221-
<Fade delay={4700}>
221+
<Fade delay={5000}>
222222
<div className="actionButtonContainer">
223-
<AttentionSeeker effect="tada" delay={5000}>
223+
<AttentionSeeker effect="tada" delay={6000}>
224224
<button className="actionButton" onClick={() => {
225225
whatSection?.current.scrollIntoView()
226226
}}>
@@ -264,7 +264,7 @@ export default function ProjectExpo() {
264264
</div>
265265

266266
<Slide direction="right" triggerOnce>
267-
<div className="normalSectionText">
267+
<div className="normalSectionText who">
268268
<div className="normalSectionContent">
269269
The <span className="color green">GFG KARE Student Chapter</span>, proudly <span className="color green">affiliated with GeeksforGeeks</span>, is a vibrant community of tech enthusiasts and future innovators at Kalasalingam Academy of Research and Education.
270270
</div>
@@ -274,8 +274,39 @@ export default function ProjectExpo() {
274274
<div className="normalSectionContent">
275275
Join us in our journey to push the boundaries of what's possible in the world of technology. Know more about our initiations at <a href="https://linktr.ee/gfg_kare" target="_blank">linktr.ee/gfg_kare</a>
276276
</div>
277+
278+
<div className="title">OUR PAST EVENTS WERE SO MUCH FUN!</div>
279+
280+
<div className="pastEventsContainer">
281+
<div className="pastEvent">
282+
Geeks Summer Carnival
283+
<div className="explore">
284+
Visit
285+
</div>
286+
</div>
287+
<div className="pastEvent">
288+
Java CodeFest '23
289+
<div className="explore">
290+
Visit
291+
</div>
292+
</div>
293+
<div className="pastEvent">
294+
GeekFest '24
295+
<div className="explore">
296+
Visit
297+
</div>
298+
</div>
299+
<div className="pastEvent">
300+
Algorithmist '24
301+
<div className="explore">
302+
Visit
303+
</div>
304+
</div>
305+
</div>
277306
</div>
278307
</Slide>
308+
309+
279310
</Fade>
280311
</div>
281312

@@ -333,7 +364,6 @@ export default function ProjectExpo() {
333364
And much more!
334365
</div>
335366
</div>
336-
337367
</div>
338368
</Slide>
339369

‎src/views/HardcodedEventPages/Prajnotsavah/ProjectExpoRegistration.jsx

Lines changed: 26 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -145,6 +145,23 @@ export default function ProjectExpoRegistration() {
145145
accomodationDetails: accomodationDetails,
146146
});
147147

148+
axios.post("/register_projectexpo", {
149+
email: currentUser.email,
150+
teamName,
151+
theme,
152+
teamSize,
153+
teamMembers: team,
154+
tnr_number: form.current.elements["tnr_number"].value,
155+
upi_id: form.current.elements["upi_id"].value,
156+
screenshot: imageUrl,
157+
needAccomodation:
158+
form.current.elements["needAccomodation"].checked,
159+
accomodationDetails: accomodationDetails,
160+
}, { headers: { Authorization: await currentUser.getIdToken() } })
161+
.then((res) => {
162+
console.log("Stored information in Firebase.");
163+
})
164+
148165
axios
149166
.post(
150167
"https://gfg-server.onrender.com/regisert",
@@ -168,29 +185,15 @@ export default function ProjectExpoRegistration() {
168185
}
169186
)
170187
.then(async (response) => {
171-
axios
172-
.post("/register_emails_for_event",
173-
{
174-
eventID: "project-expo",
175-
emails: [...Object.values(team).map((member) => member.email) ]
176-
}, { headers: { Authorization: await currentUser.getIdToken() } })
177-
.then((res) => {
178-
console.log(res.data);
179-
setRegistrationLoading(false);
180-
console.log(response.data);
181-
toast.success("Registration successful! Please check your mail!");
182-
form.current.reset();
183-
setRegistrationStatus("registered");
184-
setConfirmModalShown(false);
185-
navigate("/events/prajnotsavah");
186-
})
187-
.catch((err) => {
188-
console.log(err);
189-
toast.error(
190-
"Something went wrong while storing the emails. Please try again later."
191-
);
192-
return;
193-
});
188+
console.log("Stored information in MongoDB.");
189+
console.log(res.data);
190+
setRegistrationLoading(false);
191+
console.log(response.data);
192+
toast.success("Registration successful! Please check your mail!");
193+
form.current.reset();
194+
setRegistrationStatus("registered");
195+
setConfirmModalShown(false);
196+
navigate("/events/prajnotsavah");
194197
})
195198
.catch((error) => {
196199
setRegistrationLoading(false);

0 commit comments

Comments
 (0)