diff --git a/src/App.jsx b/src/App.jsx
index 030cc0e..64eb43b 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -14,6 +14,7 @@ import Surprise from "./pages/surprise/Surprise";
import Team from "./pages/team/Team";
import Telegram from "./pages/telegram/Telegram";
import "./styles/Globals.scss";
+import Register from "./pages/registration/Register";
const App = () => {
return (
@@ -51,15 +52,18 @@ const App = () => {
/>
}
/>
+ } />
} />
} />
} />
@@ -68,12 +72,13 @@ const App = () => {
} />
} />
} />
- } />
+ {/* } /> */}
} />
- {window.location.pathname !== "/surprise" && }
+ {window.location.pathname !== "/surprise" &&
+ window.location.pathname !== "/register" && }
);
diff --git a/src/assets/data/HeaderContent.js b/src/assets/data/HeaderContent.js
index 51eb883..b073023 100644
--- a/src/assets/data/HeaderContent.js
+++ b/src/assets/data/HeaderContent.js
@@ -24,8 +24,8 @@ const HeaderData = {
sponsors: {
backWord: "Supporters",
backWordMobile: "Backers",
- backWordSize: "130px",
- backWordSpacing: "0.5rem",
+ backWordSize: "120px",
+ backWordSpacing: "0.3rem",
backWordSize_mobile: "75px",
backWordSpacing_mobile: "0.2rem",
frontWord: "Sponsors",
diff --git a/src/assets/data/SponsorsContent.js b/src/assets/data/SponsorsContent.js
index 47501dd..1de172a 100644
--- a/src/assets/data/SponsorsContent.js
+++ b/src/assets/data/SponsorsContent.js
@@ -21,16 +21,10 @@ import graph from "../images/SponsorImages/graph.png";
// import snu from "../images/SponsorImages/snu.webp";
// import solana from "../images/SponsorImages/solana.webp";
import xyz from "../images/SponsorImages/xyz.png";
+import jis from "../images/SponsorImages/jis.png";
// import zeeve from "../images/SponsorImages/zeeve.webp";
const sponsors = {
- Platinum: [
- {
- name: "Circle",
- img: circle,
- link: "https://www.circle.com/",
- },
- ],
Gold: [
{
name: "Github",
diff --git a/src/assets/data/TeamContent.js b/src/assets/data/TeamContent.js
index 3b7d8e9..db6e71b 100644
--- a/src/assets/data/TeamContent.js
+++ b/src/assets/data/TeamContent.js
@@ -1,33 +1,33 @@
import sanmoy from "../images/TeamCardImages/Sanmoy.webp";
-import aditya from "../images/TeamCardImages/aditya.webp";
-import amandeep from "../images/TeamCardImages/amandeep.webp";
+import aditya from "../images/TeamCardImages/aditya.png";
+import amandeep from "../images/TeamCardImages/amandeep.png";
import anirban from "../images/TeamCardImages/anirban.webp";
import ankita from "../images/TeamCardImages/ankita.webp";
-import arindam from "../images/TeamCardImages/arindam.webp";
-import arkapravo from "../images/TeamCardImages/arkapravo.webp";
-import kiran from "../images/TeamCardImages/kiran.webp";
-import krishnendu from "../images/TeamCardImages/krishnendu.webp";
+import arindam from "../images/TeamCardImages/arindam.png";
+import arkapravo from "../images/TeamCardImages/arkapravo.png";
+import kiran from "../images/TeamCardImages/kiran.png";
+import krishnendu from "../images/TeamCardImages/krishnendu.png";
import manish from "../images/TeamCardImages/manish.webp";
-import prachi from "../images/TeamCardImages/prachi.webp";
-import rabishankar from "../images/TeamCardImages/rabishankar.webp";
-import rajdeep from "../images/TeamCardImages/rajdeep.webp";
-import rinki from "../images/TeamCardImages/rinki.webp";
-import rohit from "../images/TeamCardImages/rohit.webp";
+import prachi from "../images/TeamCardImages/prachi.png";
+import rabishankar from "../images/TeamCardImages/rabishankar.png";
+import rajdeep from "../images/TeamCardImages/rajdeep.png";
+import rinki from "../images/TeamCardImages/rinki.png";
+import rohit from "../images/TeamCardImages/rohit.png";
import sagnik from "../images/TeamCardImages/sagnik.webp";
-import samrat from "../images/TeamCardImages/samrat.webp";
-import sanyukta from "../images/TeamCardImages/sanyukta.webp";
-import saswata from "../images/TeamCardImages/saswata.webp";
+import samrat from "../images/TeamCardImages/samrat.png";
+import sanyukta from "../images/TeamCardImages/sanyukta.png";
+import saswata from "../images/TeamCardImages/saswata.png";
import satya from "../images/TeamCardImages/satya.webp";
-import saurabh from "../images/TeamCardImages/saurabh.webp";
+import saurabh from "../images/TeamCardImages/saurabh.png";
import sayanabha from "../images/TeamCardImages/sayanabha.webp";
-import shruti from "../images/TeamCardImages/shruti.webp";
+import shruti from "../images/TeamCardImages/shruti.png";
import shubham from "../images/TeamCardImages/shubham.webp";
-import souradeep from "../images/TeamCardImages/souradeep.webp";
+import souradeep from "../images/TeamCardImages/souradeep.png";
import swarup from "../images/TeamCardImages/swarup.webp";
-import tamal from "../images/TeamCardImages/tamal.webp";
+import tamal from "../images/TeamCardImages/tamal.png";
import tushar from "../images/TeamCardImages/tushar.webp";
-import utkarsh from "../images/TeamCardImages/utkarsh.webp";
import priya from "../images/TeamCardImages/priya.webp";
+import utkarsh from "../images/TeamCardImages/utkarsh.png";
const teamMember = {
organizers: [
@@ -82,6 +82,37 @@ const teamMember = {
title: "Associate Prof., Department of CSE, SNU",
},
],
+ lead: [
+ {
+ img: aditya,
+ name: "Aditya",
+ title: "Marketing @autopilott.co",
+ linkedIn: "https://linkedin.com/in/withadityya",
+ twitter: "https://twitter.com/withadityya",
+ },
+ {
+ img: amandeep,
+ name: "Amandeep",
+ title: "ML Engineer",
+ linkedIn: "http://www.linkedin.com/in/amandeep404",
+ twitter: "https://twitter.com/amandeep_404",
+ },
+ {
+ img: kiran,
+ name: "Kiran",
+ title: "Content Lead, @H4B",
+ linkedIn:
+ "https://www.linkedin.com/in/kiranmishra21?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app",
+ twitter: "https://x.com/kiranmishra1706?t=jKakFAb5NRjRp6qLCl8BYA&s=09",
+ },
+ {
+ img: tamal,
+ name: "Tamal",
+ title: "You See The Site? Thanks.",
+ linkedIn: "https://www.linkedin.com/in/tamalcodes/",
+ twitter: "https://twitter.com/tamalCodes",
+ },
+ ],
core: [
{
img: souradeep,
@@ -114,13 +145,7 @@ const teamMember = {
"https://www.linkedin.com/in/rajdeepde?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app",
twitter: "https://x.com/rajdeep_de_?t=VT6KpaywrWPfslnDWCJWTA&s=09",
},
- {
- img: amandeep,
- name: "Amandeep",
- title: "ML Engineer",
- linkedIn: "http://www.linkedin.com/in/amandeep404",
- twitter: "https://twitter.com/amandeep_404",
- },
+
{
img: rinki,
name: "Rinki",
@@ -145,14 +170,7 @@ const teamMember = {
"https://www.linkedin.com/in/utkarsh-jaiswal-6170b5258?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app",
twitter: "https://x.com/utkxrsh_jaiswal/",
},
- {
- img: kiran,
- name: "Kiran",
- title: "Content Lead, @H4B",
- linkedIn:
- "https://www.linkedin.com/in/kiranmishra21?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app",
- twitter: "https://x.com/kiranmishra1706?t=jKakFAb5NRjRp6qLCl8BYA&s=09",
- },
+
{
img: sayanabha,
name: "Sayanabha",
@@ -204,13 +222,6 @@ const teamMember = {
linkedIn: "https://www.linkedin.com/in/priya-singh-271488222/",
twitter: "https://x.com/PriyaSi77289347",
},
- {
- img: aditya,
- name: "Aditya",
- title: "Marketing @autopilott.co",
- linkedIn: "https://linkedin.com/in/withadityya",
- twitter: "https://twitter.com/withadityya",
- },
{
img: saurabh,
name: "Saurabh",
@@ -232,13 +243,7 @@ const teamMember = {
linkedIn: "https://www.linkedin.com/in/rabisankar-mishra-8418a5225",
twitter: "https://x.com/Rabisankar21?t=O8FH-ya57mY-LjS5-TN7oQ&s=09",
},
- {
- img: tamal,
- name: "Tamal",
- title: "Just a developer",
- linkedIn: "https://www.linkedin.com/in/tamalcodes/",
- twitter: "https://twitter.com/tamalCodes",
- },
+
{
img: arkapravo,
name: "Arkapravo",
diff --git a/src/assets/images/404/doggo.webp b/src/assets/images/404/doggo.webp
deleted file mode 100644
index 01a6f59..0000000
Binary files a/src/assets/images/404/doggo.webp and /dev/null differ
diff --git a/src/assets/images/404/doggo_img.webp b/src/assets/images/404/doggo_img.webp
new file mode 100644
index 0000000..71ca99d
Binary files /dev/null and b/src/assets/images/404/doggo_img.webp differ
diff --git a/src/assets/images/404/reversed_doggo_img.webp b/src/assets/images/404/reversed_doggo_img.webp
new file mode 100644
index 0000000..807fd38
Binary files /dev/null and b/src/assets/images/404/reversed_doggo_img.webp differ
diff --git a/src/assets/images/Footer/tram.png b/src/assets/images/Footer/tram.png
new file mode 100644
index 0000000..c5dfadc
Binary files /dev/null and b/src/assets/images/Footer/tram.png differ
diff --git a/src/assets/images/FooterImages/gradient.png b/src/assets/images/FooterImages/gradient.png
index 1a619c1..c196f3c 100644
Binary files a/src/assets/images/FooterImages/gradient.png and b/src/assets/images/FooterImages/gradient.png differ
diff --git a/src/assets/images/FooterImages/tram.png b/src/assets/images/FooterImages/tram.png
index 94f0021..c5dfadc 100644
Binary files a/src/assets/images/FooterImages/tram.png and b/src/assets/images/FooterImages/tram.png differ
diff --git a/src/assets/images/PrizesImages/FirstPrize.png b/src/assets/images/PrizesImages/FirstPrize.png
deleted file mode 100644
index e993bbc..0000000
Binary files a/src/assets/images/PrizesImages/FirstPrize.png and /dev/null differ
diff --git a/src/assets/images/PrizesImages/SecondPrize.png b/src/assets/images/PrizesImages/SecondPrize.png
deleted file mode 100644
index cfb8350..0000000
Binary files a/src/assets/images/PrizesImages/SecondPrize.png and /dev/null differ
diff --git a/src/assets/images/PrizesImages/ThirdPrize.png b/src/assets/images/PrizesImages/ThirdPrize.png
deleted file mode 100644
index 07fb02a..0000000
Binary files a/src/assets/images/PrizesImages/ThirdPrize.png and /dev/null differ
diff --git a/src/assets/images/PrizesImages/agun.png b/src/assets/images/PrizesImages/agun.png
new file mode 100644
index 0000000..0868cc2
Binary files /dev/null and b/src/assets/images/PrizesImages/agun.png differ
diff --git a/src/assets/images/PrizesImages/first.png b/src/assets/images/PrizesImages/first.png
new file mode 100644
index 0000000..4178c2b
Binary files /dev/null and b/src/assets/images/PrizesImages/first.png differ
diff --git a/src/assets/images/PrizesImages/second.png b/src/assets/images/PrizesImages/second.png
new file mode 100644
index 0000000..8f6ccc0
Binary files /dev/null and b/src/assets/images/PrizesImages/second.png differ
diff --git a/src/assets/images/PrizesImages/third.png b/src/assets/images/PrizesImages/third.png
new file mode 100644
index 0000000..ad2509a
Binary files /dev/null and b/src/assets/images/PrizesImages/third.png differ
diff --git a/src/assets/images/SponsorImages/jis.png b/src/assets/images/SponsorImages/jis.png
new file mode 100644
index 0000000..dedb5f1
Binary files /dev/null and b/src/assets/images/SponsorImages/jis.png differ
diff --git a/src/assets/images/TeamCardImages/adarsh.png b/src/assets/images/TeamCardImages/adarsh.png
new file mode 100644
index 0000000..ddeba8d
Binary files /dev/null and b/src/assets/images/TeamCardImages/adarsh.png differ
diff --git a/src/assets/images/TeamCardImages/aditya.png b/src/assets/images/TeamCardImages/aditya.png
new file mode 100644
index 0000000..4edbc5e
Binary files /dev/null and b/src/assets/images/TeamCardImages/aditya.png differ
diff --git a/src/assets/images/TeamCardImages/amandeep.png b/src/assets/images/TeamCardImages/amandeep.png
new file mode 100644
index 0000000..bd5b7fd
Binary files /dev/null and b/src/assets/images/TeamCardImages/amandeep.png differ
diff --git a/src/assets/images/TeamCardImages/arindam.png b/src/assets/images/TeamCardImages/arindam.png
new file mode 100644
index 0000000..b573f67
Binary files /dev/null and b/src/assets/images/TeamCardImages/arindam.png differ
diff --git a/src/assets/images/TeamCardImages/arkapravo.png b/src/assets/images/TeamCardImages/arkapravo.png
new file mode 100644
index 0000000..7cbfdb2
Binary files /dev/null and b/src/assets/images/TeamCardImages/arkapravo.png differ
diff --git a/src/assets/images/TeamCardImages/iloveimg-compressed.zip b/src/assets/images/TeamCardImages/iloveimg-compressed.zip
new file mode 100644
index 0000000..7d2536f
Binary files /dev/null and b/src/assets/images/TeamCardImages/iloveimg-compressed.zip differ
diff --git a/src/assets/images/TeamCardImages/kiran.png b/src/assets/images/TeamCardImages/kiran.png
new file mode 100644
index 0000000..9ae3902
Binary files /dev/null and b/src/assets/images/TeamCardImages/kiran.png differ
diff --git a/src/assets/images/TeamCardImages/krishnendu.png b/src/assets/images/TeamCardImages/krishnendu.png
new file mode 100644
index 0000000..ffef58a
Binary files /dev/null and b/src/assets/images/TeamCardImages/krishnendu.png differ
diff --git a/src/assets/images/TeamCardImages/modi.svg b/src/assets/images/TeamCardImages/modi.svg
deleted file mode 100644
index d568ca2..0000000
--- a/src/assets/images/TeamCardImages/modi.svg
+++ /dev/null
@@ -1,46 +0,0 @@
-
diff --git a/src/assets/images/TeamCardImages/prachi.png b/src/assets/images/TeamCardImages/prachi.png
new file mode 100644
index 0000000..24f09a4
Binary files /dev/null and b/src/assets/images/TeamCardImages/prachi.png differ
diff --git a/src/assets/images/TeamCardImages/priya.png b/src/assets/images/TeamCardImages/priya.png
new file mode 100644
index 0000000..34e47bd
Binary files /dev/null and b/src/assets/images/TeamCardImages/priya.png differ
diff --git a/src/assets/images/TeamCardImages/rabishankar.png b/src/assets/images/TeamCardImages/rabishankar.png
new file mode 100644
index 0000000..627e32d
Binary files /dev/null and b/src/assets/images/TeamCardImages/rabishankar.png differ
diff --git a/src/assets/images/TeamCardImages/rajdeep.png b/src/assets/images/TeamCardImages/rajdeep.png
new file mode 100644
index 0000000..46eda47
Binary files /dev/null and b/src/assets/images/TeamCardImages/rajdeep.png differ
diff --git a/src/assets/images/TeamCardImages/rinki.png b/src/assets/images/TeamCardImages/rinki.png
new file mode 100644
index 0000000..b6da26b
Binary files /dev/null and b/src/assets/images/TeamCardImages/rinki.png differ
diff --git a/src/assets/images/TeamCardImages/rohit.png b/src/assets/images/TeamCardImages/rohit.png
new file mode 100644
index 0000000..f8c60c7
Binary files /dev/null and b/src/assets/images/TeamCardImages/rohit.png differ
diff --git a/src/assets/images/TeamCardImages/samrat.png b/src/assets/images/TeamCardImages/samrat.png
new file mode 100644
index 0000000..d3dc907
Binary files /dev/null and b/src/assets/images/TeamCardImages/samrat.png differ
diff --git a/src/assets/images/TeamCardImages/sanyukta.png b/src/assets/images/TeamCardImages/sanyukta.png
new file mode 100644
index 0000000..5770606
Binary files /dev/null and b/src/assets/images/TeamCardImages/sanyukta.png differ
diff --git a/src/assets/images/TeamCardImages/saswata.png b/src/assets/images/TeamCardImages/saswata.png
new file mode 100644
index 0000000..220b353
Binary files /dev/null and b/src/assets/images/TeamCardImages/saswata.png differ
diff --git a/src/assets/images/TeamCardImages/saurabh.png b/src/assets/images/TeamCardImages/saurabh.png
new file mode 100644
index 0000000..3a6b5d2
Binary files /dev/null and b/src/assets/images/TeamCardImages/saurabh.png differ
diff --git a/src/assets/images/TeamCardImages/shruti.png b/src/assets/images/TeamCardImages/shruti.png
new file mode 100644
index 0000000..5f7f8ba
Binary files /dev/null and b/src/assets/images/TeamCardImages/shruti.png differ
diff --git a/src/assets/images/TeamCardImages/souradeep.png b/src/assets/images/TeamCardImages/souradeep.png
new file mode 100644
index 0000000..4a7beda
Binary files /dev/null and b/src/assets/images/TeamCardImages/souradeep.png differ
diff --git a/src/assets/images/TeamCardImages/tamal.png b/src/assets/images/TeamCardImages/tamal.png
new file mode 100644
index 0000000..3479395
Binary files /dev/null and b/src/assets/images/TeamCardImages/tamal.png differ
diff --git a/src/assets/images/TeamCardImages/tamal.webp b/src/assets/images/TeamCardImages/tamal.webp
index b203152..680c0da 100644
Binary files a/src/assets/images/TeamCardImages/tamal.webp and b/src/assets/images/TeamCardImages/tamal.webp differ
diff --git a/src/assets/images/TeamCardImages/utkarsh.png b/src/assets/images/TeamCardImages/utkarsh.png
new file mode 100644
index 0000000..dc42df2
Binary files /dev/null and b/src/assets/images/TeamCardImages/utkarsh.png differ
diff --git a/src/components/private/faq/FAQ.jsx b/src/components/private/faq/FAQ.jsx
index 09076a5..e6c2ee3 100644
--- a/src/components/private/faq/FAQ.jsx
+++ b/src/components/private/faq/FAQ.jsx
@@ -24,7 +24,7 @@ const Faq = () => {
{
question: "Who can participate?",
answer:
- "Students in college, schools can apply. If you can innovate or just want to have a fun learning weekend, you are most welcome.",
+ "Students currently enrolled in any course in High School or College can participate in Hack4Bengal. Along with that current year passouts can participate too.",
},
{
question: "How much does it cost to participate?",
diff --git a/src/components/private/faq/FAQ.scss b/src/components/private/faq/FAQ.scss
index 3a10272..6208a40 100644
--- a/src/components/private/faq/FAQ.scss
+++ b/src/components/private/faq/FAQ.scss
@@ -122,6 +122,12 @@
align-items: center;
border-radius: 50%;
+ svg {
+ width: 1em;
+ height: 1em;
+ fill: #ff1717;
+ }
+
@media screen and (max-width: 576px) {
top: 50%;
transform: translateY(-50%);
diff --git a/src/components/private/landing/Landing.jsx b/src/components/private/landing/Landing.jsx
index c82df86..f75ad07 100644
--- a/src/components/private/landing/Landing.jsx
+++ b/src/components/private/landing/Landing.jsx
@@ -24,10 +24,13 @@ const Landing = () => {
-
diff --git a/src/components/private/prizes/Prizes.jsx b/src/components/private/prizes/Prizes.jsx
index 976bd3e..c2915e9 100644
--- a/src/components/private/prizes/Prizes.jsx
+++ b/src/components/private/prizes/Prizes.jsx
@@ -2,13 +2,36 @@ import React from "react";
import HeaderData from "../../../assets/data/HeaderContent";
import { ComingSoon, Header } from "../../shared";
import "./Prizes.scss";
+import first from "../../../assets/images/PrizesImages/first.png";
+import second from "../../../assets/images/PrizesImages/second.png";
+import third from "../../../assets/images/PrizesImages/third.png";
+import agun from "../../../assets/images/PrizesImages/agun.png";
const Prizes = () => {
return (
<>
-
+ {/*
*/}
+
+
+
+
+
TBD
+
1st Runner Up
+
+
+
+ {/*
*/}
+
TBD
+
Winner
+
+
+
+
TBD
+
2nd Runner Up
+
+
>
);
diff --git a/src/components/private/prizes/Prizes.scss b/src/components/private/prizes/Prizes.scss
index e564925..cbc66c5 100644
--- a/src/components/private/prizes/Prizes.scss
+++ b/src/components/private/prizes/Prizes.scss
@@ -10,276 +10,98 @@
margin-top: 2rem;
}
- .red__blob {
- position: absolute;
- top: -34rem;
- left: -17rem;
- border-radius: 50%;
- z-index: 1;
- }
-
- .white__blob {
- position: absolute;
- border-radius: 50%;
- z-index: 1;
- transform: translate(-50%, -50%);
- left: 90%;
- top: 49%;
- }
-
- .prizes__topcards {
+ .prizes_container {
display: flex;
- z-index: 4;
- position: relative;
- justify-content: center;
- gap: 5rem;
- align-items: baseline;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ width: 90%;
+ margin: 0 auto;
+ margin-top: 6rem;
@media screen and (max-width: 576px) {
+ margin-top: 4rem;
flex-direction: column;
- gap: 4rem;
- margin-top: 5rem;
+ gap: 3rem;
}
- .prize_card {
- margin-top: 6rem;
- border: 1px solid transparent;
- padding: 1rem;
- border-radius: 10px;
- cursor: pointer;
- transition: all 0.4s ease-in-out;
- height: fit-content;
+ .prize_box {
display: flex;
flex-direction: column;
- justify-content: space-between;
align-items: center;
- border: 1px solid rgba(255, 23, 23, 0.5);
+ justify-content: center;
+ width: 30%;
- img {
- width: 85%;
- }
h1,
- h2 {
- font-size: 2rem;
- font-weight: 700;
+ p {
font-family: var(--heading-font);
- letter-spacing: 0em;
- text-align: center;
- }
-
- h1 {
- color: var(--h4bred);
- font-size: 2.7rem;
- font-weight: 800;
- }
-
- &:hover {
- transform: scale(1.05);
- box-shadow: 0px 0px 20px 0px rgba(255, 23, 23, 0.5);
- }
-
- @media screen and (max-width: 576px) {
- margin-top: 0;
- box-shadow: 0px 0px 20px 0px rgba(255, 23, 23, 0.5);
- border: 1px solid var(--h4bred);
-
- img {
- width: 70%;
- }
- h1,
- h2 {
- font-size: clamp(1.5rem, 2vw, 4rem);
- }
-
- h1 {
- font-size: clamp(2.2rem, 2vw, 4rem);
- }
}
- }
- }
-
- .prize__bottomcards {
- display: flex;
- margin-top: 8rem;
- justify-content: center;
- gap: 5rem;
- flex-wrap: wrap;
- position: relative;
- z-index: 3;
-
- @media screen and (max-width: 576px) {
- justify-content: space-between;
- gap: 0;
- }
-
- .prize__card {
- position: relative;
- -webkit-backface-visibility: hidden;
- width: 320px;
- position: relative;
- margin-bottom: 3px;
- max-width: 100%;
- cursor: pointer;
@media screen and (max-width: 576px) {
- width: 163px;
+ width: 80%;
+ margin: 0 auto;
}
- .prize__card_flipbox {
- -ms-transform-style: preserve-3d;
- transform-style: preserve-3d;
- -webkit-transform-style: preserve-3d;
- perspective: 1000px;
- -webkit-perspective: 1000px;
- margin-bottom: 10px;
-
- .front,
- .back {
- border-radius: 5px;
- background-image: url("../../assets/images/PrizesImages/PrizesBox2.png");
- background-size: cover;
- background-position: center;
- background-repeat: no-repeat;
- border-radius: 8px;
- min-height: 420px;
- -ms-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
- transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
- -webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
-
- -webkit-transform-style: preserve-3d;
- -ms-transform-style: preserve-3d;
- transform-style: preserve-3d;
- }
-
- .front {
- -ms-transform: rotateY(0deg);
- -webkit-transform: rotateY(0deg);
- transform: rotateY(0deg);
- overflow: hidden;
-
- .prize__img_banner {
- transform: rotate(-45deg);
- position: absolute;
- background-color: #1b1b1b;
- padding: 12px;
- width: 300px;
- top: 18rem;
- right: -5rem;
- text-align: center;
-
- img {
- width: 43%;
- }
-
- @media screen and (max-width: 576px) {
- width: 190px;
- top: 21rem;
- right: -3rem;
- }
- }
- }
-
- .back {
- position: absolute;
- top: 0;
- left: 0;
+ img {
+ @media screen and (max-width: 576px) {
width: 100%;
- -ms-transform: rotateY(180deg);
- -webkit-transform: rotateY(180deg);
- transform: rotateY(180deg);
- }
-
- &:hover .front {
- -ms-transform: rotateY(-180deg);
- -webkit-transform: rotateY(-180deg);
- transform: rotateY(-180deg);
- -webkit-transform-style: preserve-3d;
- -ms-transform-style: preserve-3d;
- transform-style: preserve-3d;
- }
-
- &:hover .back {
- -ms-transform: rotateY(0deg);
- -webkit-transform: rotateY(0deg);
- transform: rotateY(0deg);
- -webkit-transform-style: preserve-3d;
- -ms-transform-style: preserve-3d;
- transform-style: preserve-3d;
+ margin: 0 auto;
}
}
}
- }
-}
-
-.prize__card_header {
- position: absolute;
- left: 0;
- width: 100%;
- padding: 1rem;
- outline: 1px solid transparent;
- -webkit-perspective: inherit;
- perspective: inherit;
- z-index: 2;
-
- transform: translateY(-50%) translateZ(60px) scale(0.94);
- -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
- -ms-transform: translateY(-50%) translateZ(60px) scale(0.94);
- top: 50%;
-
- text-align: center;
- h3 {
- font-family: var(--heading-font);
- font-weight: 700;
- font-size: 1.875rem;
- letter-spacing: 1px;
- }
-
- p {
- color: white;
- font-family: var(--heading-font);
- font-style: normal;
- font-weight: 600;
- font-size: 24px;
- letter-spacing: 1px;
- }
+ .first_prize {
+ h1 {
+ font-size: 3.7rem;
+ background: #ffffff;
+ background: linear-gradient(to right, #ffffff 0%, #ffc700 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+
+ @media screen and (max-width: 576px) {
+ font-size: 2.5rem;
+ }
+ }
- a {
- button {
- background-color: #ff1717;
- color: white;
- font-size: 16px;
- font-weight: 600;
- font-family: var(--body-font);
- padding: 10px;
- letter-spacing: 1px;
- border-radius: 6px;
- cursor: pointer;
- margin: auto;
+ p {
+ font-size: 2rem;
+ font-weight: 700;
+ }
}
- }
- @media screen and (max-width: 576px) {
- padding: 0;
- h3 {
- font-size: 1.4rem;
- }
+ .second_prize {
+ h1 {
+ font-size: 2.5rem;
+
+ background: #ffffff;
+ background: linear-gradient(to right, #ffffff 0%, #554c4c 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ @media screen and (max-width: 576px) {
+ font-size: 2.5rem;
+ }
+ }
- p {
- font-size: 1rem;
+ p {
+ font-size: 1.4rem;
+ font-weight: 700;
+ }
}
+ .third_prize {
+ h1 {
+ font-size: 2.5rem;
+
+ background: #ffffff;
+ background: linear-gradient(to right, #ffffff 0%, #ec8423 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ @media screen and (max-width: 576px) {
+ font-size: 2.5rem;
+ }
+ }
- a {
- button {
- background-color: transparent;
- border: none;
- color: var(--h4bred);
- font-size: 1rem;
+ p {
+ font-size: 1.4rem;
font-weight: 700;
- font-family: var(--heading-font);
- text-decoration: underline;
}
}
}
diff --git a/src/components/private/sponsors/Sponsors.jsx b/src/components/private/sponsors/Sponsors.jsx
index 46af17e..2e66437 100644
--- a/src/components/private/sponsors/Sponsors.jsx
+++ b/src/components/private/sponsors/Sponsors.jsx
@@ -11,17 +11,6 @@ const Sponsors = () => {
diff --git a/src/components/private/timer/Timer.scss b/src/components/private/timer/Timer.scss
index 5335b7d..3c30b19 100644
--- a/src/components/private/timer/Timer.scss
+++ b/src/components/private/timer/Timer.scss
@@ -33,13 +33,18 @@
.header_1 {
font-family: "Montserrat", sans-serif;
letter-spacing: 2px;
- font-size: 100px;
+ font-size: 77px;
text-align: center;
color: white;
font-weight: 800;
- line-height: 1;
+
z-index: 1;
+ background: #ffffff;
+ background: linear-gradient(to right, #ffffff 0%, #ff0000 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+
@media screen and (max-width: 576px) {
font-size: 48px;
}
@@ -54,6 +59,15 @@
@media screen and (max-width: 576px) {
gap: 10px;
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ width: 90%;
+ row-gap: 20px;
+ justify-content: center;
+ .colon {
+ justify-content: center;
+ display: flex;
+ }
}
.time {
@@ -66,9 +80,15 @@
background-color: #2a2727;
padding: 1rem;
border-radius: 18px;
+ width: 115px;
+ height: 115px;
@media screen and (max-width: 576px) {
- font-size: 28px;
+ font-size: 35px;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ padding: 0.5rem;
}
p:nth-child(2) {
@@ -84,6 +104,12 @@
.colon {
font-size: 60px;
}
+
+ .hidecolon {
+ @media screen and (max-width: 576px) {
+ display: none;
+ }
+ }
}
}
}
diff --git a/src/components/shared/button/Button.jsx b/src/components/shared/button/Button.jsx
index 474aaaa..a3212f6 100644
--- a/src/components/shared/button/Button.jsx
+++ b/src/components/shared/button/Button.jsx
@@ -1,9 +1,9 @@
import PropTypes from "prop-types";
import React from "react";
-import { Link } from "react-router-dom";
+import {Link} from "react-router-dom";
import "./Button.scss";
-const Button = ({ type, isLoading, isDisabled, to, onClick, children }) => {
+const Button = ({type, isLoading, isDisabled, to, onClick, children}) => {
const buttonClass = `button ${type} ${isLoading ? "loading" : ""}`;
if (to) {
diff --git a/src/components/shared/footer/Footer.scss b/src/components/shared/footer/Footer.scss
index 88685d4..05c85db 100644
--- a/src/components/shared/footer/Footer.scss
+++ b/src/components/shared/footer/Footer.scss
@@ -5,7 +5,7 @@
overflow: hidden;
margin: auto;
font-family: var(--heading-font);
- height: 75vh;
+ height: 600px;
display: flex;
flex-direction: column;
justify-content: center;
@@ -236,7 +236,7 @@
gap: 1.4rem;
justify-content: center;
align-items: center;
- z-index: 1;
+ z-index: 3;
@media screen and (max-width: 430px) {
gap: 1rem;
@@ -257,10 +257,10 @@
.footer_gradient {
position: absolute;
bottom: 0;
- right: 0;
- height: 30rem;
- width: 45%;
- z-index: -1;
+ right: -2px;
+ width: 46%;
+ height: 111%;
+ z-index: 1;
@media screen and (max-width: 430px) {
width: 105%;
@@ -273,7 +273,7 @@
right: 0;
height: 334px;
width: 720px;
- opacity: 0.65;
+ z-index: 2;
@media screen and (max-width: 430px) {
display: none;
diff --git a/src/pages/404/Notfound.jsx b/src/pages/404/Notfound.jsx
index 1467cd9..c0aa142 100644
--- a/src/pages/404/Notfound.jsx
+++ b/src/pages/404/Notfound.jsx
@@ -1,44 +1,82 @@
-import React from "react";
-
-import Crying_Doge_Image from "../../assets/images/404/doggo.webp";
-import {Button} from "../../components/shared";
+import React, {useState} from "react";
+import PropTypes from "prop-types";
+import {Link} from "react-router-dom";
+import DogeImage from "../../assets/images/404/doggo_img.webp";
+import ReversedDogeImage from "../../assets/images/404/reversed_doggo_img.webp";
import petHimCircle from "../../assets/images/404/petHimCircle.svg";
-
import "./Notfound.scss";
+import "../../components/shared/button/Button.scss";
const Notfound = () => {
- return (
- <>
-
-
-
-
404!
+ const [isReversed, setIsReversed] = useState(false);
+ const [circlePosition, setCirclePosition] = useState({x: 0, y: 0});
+ const [isHovering, setIsHovering] = useState(false);
-
- This page was not found, but you can stay here and pet our dogo
-
+ const toggleImage = () => {
+ setIsReversed(!isReversed);
+ };
-
- Back to Homepage
-
+ const handleMouseMove = (e) => {
+ if (isHovering) {
+ const rect = e.target.getBoundingClientRect();
+ setCirclePosition({
+ x: e.clientX - rect.left,
+ y: e.clientY - rect.top,
+ });
+ }
+ };
-
-
-
-
+ const handleMouseEnter = (e) => {
+ setIsHovering(true);
+ const rect = e.target.getBoundingClientRect();
+ setCirclePosition({
+ x: e.clientX - rect.left,
+ y: e.clientY - rect.top,
+ });
+ };
-
-
-
-
+ const handleMouseLeave = () => {
+ setIsHovering(false);
+ };
-
-
-
+ return (
+
+
+
+
404!
+
This page was not found, but you can stay here and pet our dogo
+
+
+ Back to Homepage
+
+
+
+
+
+
+ {isHovering && (
+
+
+
+ )}
- >
+
);
};
diff --git a/src/pages/404/Notfound.scss b/src/pages/404/Notfound.scss
index 5aaa829..eb0407b 100644
--- a/src/pages/404/Notfound.scss
+++ b/src/pages/404/Notfound.scss
@@ -1,15 +1,20 @@
+html,
+body {
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ height: 100%;
+}
+
.pageNotFound__container {
padding: 4rem 7rem;
- padding-bottom: 0;
- margin-top: 5rem;
- margin-bottom: 5rem;
position: relative;
overflow: hidden;
+ height: 100%;
+ box-sizing: border-box;
@media screen and (max-width: 576px) {
padding: 2rem 1.5rem;
- margin-top: 2rem;
- margin-bottom: 2rem;
}
.pageNotFound__content {
@@ -18,13 +23,22 @@
gap: 5rem;
@media screen and (max-width: 576px) {
- display: flex;
flex-direction: column;
- gap: 2rem;
+ gap: 1rem;
+ }
+
+ @media screen and (min-width: 1800px) {
+ gap: 5rem;
}
.pageNotFound__desc {
- width: 60%;
+ width: 55%;
+ display: flex;
+ flex-direction: column;
+ text-align: left;
+ justify-content: center;
+ padding-top: 2rem;
+ padding-bottom: 2rem;
@media screen and (max-width: 576px) {
width: 100%;
@@ -40,13 +54,16 @@
font-weight: 800;
color: transparent;
-webkit-text-stroke: 1px white;
- margin-top: 3rem;
margin-bottom: 2rem;
@media screen and (max-width: 576px) {
font-size: 50px;
font-weight: 700;
- margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ @media screen and (min-width: 1800px) {
+ font-size: 75px;
}
}
@@ -59,30 +76,25 @@
@media screen and (max-width: 576px) {
font-size: 25px;
font-weight: 700;
- }
- }
-
- .notfound__petDogeCircle {
- margin-top: 0rem;
- display: flex;
- justify-content: flex-end;
-
- @media screen and (max-width: 576px) {
- display: none;
+ margin-bottom: 2rem;
}
@media screen and (min-width: 1800px) {
- margin-top: 5rem;
+ font-size: 70px;
}
}
+
+ .back_to_home_page_btn {
+ display: inline-block;
+ }
}
.notfound__doge_container {
+ width: 40%;
display: flex;
- flex-direction: column;
+ align-items: center;
justify-content: center;
- width: 40%;
- height: 100%;
+ position: relative;
@media screen and (max-width: 576px) {
margin-top: 2rem;
@@ -93,41 +105,57 @@
width: 50%;
}
- .notfound__petDogeCircle_mobile {
+ .doge__image {
display: flex;
- justify-content: flex-end;
- margin-top: -4rem;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+ height: auto;
+ cursor: none;
- @media screen and (min-width: 1200px) {
- display: none;
+ @media screen and (max-width: 576px) {
+ width: 100%;
+ height: auto;
}
img {
- width: 30%;
+ width: 100%;
+ height: auto;
+ object-fit: cover;
+
+ @media screen and (max-width: 576px) {
+ width: 85%;
+ height: auto;
+ display: block;
+ }
+
+ @media screen and (min-width: 1800px) {
+ width: 80%;
+ }
}
}
- .doge__image {
+ .notfound__petDogeCircle {
+ margin-top: 0rem;
display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
+ justify-content: flex-end;
+ z-index: 1;
img {
width: 100%;
- height: auto;
- display: block;
@media screen and (max-width: 576px) {
- width: 80%;
- height: auto;
- display: block;
+ width: 85%;
}
@media screen and (min-width: 1800px) {
- width: 75%;
+ width: 100%;
}
}
+
+ @media screen and (min-width: 1800px) {
+ margin-top: 5rem;
+ }
}
}
}
diff --git a/src/pages/registration/Register.jsx b/src/pages/registration/Register.jsx
new file mode 100644
index 0000000..3fce415
--- /dev/null
+++ b/src/pages/registration/Register.jsx
@@ -0,0 +1,40 @@
+// src/App.jsx
+import React, { useEffect } from "react";
+import mascot from "../../assets/images/misc/mascot.png";
+import letters from "../../assets/images/timer/letters.png";
+import "./Register.scss";
+
+const Register = () => {
+ useEffect(() => {
+ if (
+ window.location.pathname === "/register" ||
+ window.location.pathname === "/surprise"
+ ) {
+ setTimeout(() => {
+ window.location.href = "https://lu.ma/0nruupo3?utm_source=twitter";
+ }, 3000);
+ }
+ }, []);
+
+ return (
+
+
+
Redirecting you to registrations . . .
+
Registrations are open!🚀
+
+
+
+ {/*
+
+
We Love You 3000 🤍
{" "}
+
Redirecting you to registrations.
+
+
*/}
+
Redirecting you to registrations
+
+
+
+ );
+};
+
+export default Register;
diff --git a/src/pages/registration/Register.scss b/src/pages/registration/Register.scss
new file mode 100644
index 0000000..7ae196f
--- /dev/null
+++ b/src/pages/registration/Register.scss
@@ -0,0 +1,204 @@
+.surprise_landing {
+ text-align: center;
+ display: flex;
+ flex-direction: column;
+
+ align-items: center;
+ justify-content: center;
+ margin: auto;
+ justify-items: center;
+ font-weight: 600;
+ font-family: sans-serif;
+ height: 100vh;
+ max-height: 100vh;
+ min-height: 100vh;
+ overflow: hidden;
+
+ @media screen and (max-width: 576px) {
+ padding: 1rem;
+ }
+
+ .surprise_body {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ margin: auto;
+ justify-items: center;
+ position: relative;
+ font-weight: 600;
+ font-family: sans-serif;
+ height: 100vh;
+ font-family: var(--body-font);
+ .launching {
+ @media screen and (max-width: 576px) {
+ margin-bottom: 1rem;
+ }
+ }
+ p {
+ font-size: 1.3rem;
+ }
+ h1 {
+ font-size: 3rem;
+ color: var(--h4bred);
+
+ @media screen and (max-width: 576px) {
+ font-size: 2rem;
+ }
+ }
+
+ .mascot {
+ @media screen and (max-width: 576px) {
+ width: 90%;
+ }
+ }
+
+ .talk-bubble {
+ display: inline-block;
+ position: relative;
+ width: 280px;
+ height: auto;
+ background-color: var(--h4bred);
+ padding: 1rem;
+ border-radius: 10px;
+ position: absolute;
+ top: 36%;
+ left: 83%;
+ transform: translate(-50%, -50%);
+ .talktext {
+ p {
+ font-size: 16px;
+ }
+ }
+
+ @media screen and (max-width: 576px) {
+ display: none;
+ }
+ }
+
+ .border {
+ border: 8px solid #666;
+ }
+ .round {
+ border-radius: 10px;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ }
+
+ .tri-right.border.btm-left:before {
+ content: " ";
+ position: absolute;
+ width: 0;
+ height: 0;
+ left: -8px;
+ right: auto;
+ top: auto;
+ bottom: -40px;
+ border: 32px solid;
+ border-color: transparent transparent transparent #666;
+ }
+ .tri-right.btm-left:after {
+ content: " ";
+ position: absolute;
+ width: 0;
+ height: 0;
+ left: -20px;
+ right: auto;
+ top: auto;
+ rotate: -43deg;
+ bottom: -32.6px;
+ border: 33px solid;
+
+ border-color: var(--h4bred) transparent transparent transparent;
+ }
+
+ .letters {
+ width: 89%;
+ opacity: 0.7;
+ right: 30px;
+ top: 176px;
+ position: absolute;
+ @media screen and (max-width: 576px) {
+ display: none;
+ }
+ }
+
+ .red_redirect {
+ color: var(--h4bred);
+ font-size: 1.2rem;
+ font-weight: 600;
+ display: none !important;
+ margin-top: 1rem;
+
+ @media screen and (max-width: 576px) {
+ display: block !important;
+ }
+ }
+ }
+}
+
+.loader {
+ width: 16px;
+ height: 16px;
+ position: relative;
+
+ border-radius: 50%;
+ color: #fff;
+ background: currentColor;
+ box-shadow: 32px 0, -32px 0, 64px 0;
+
+ @media screen and (max-width: 576px) {
+ margin-top: 1rem;
+ }
+}
+
+.loader::after {
+ content: "";
+ position: absolute;
+ left: -32px;
+ top: 0;
+ width: 16px;
+ height: 16px;
+ border-radius: 10px;
+ background: #ff3d00;
+ animation: move 3s linear infinite alternate;
+}
+
+@keyframes move {
+ 0%,
+ 5% {
+ left: -32px;
+ width: 16px;
+ }
+ 15%,
+ 20% {
+ left: -32px;
+ width: 48px;
+ }
+ 30%,
+ 35% {
+ left: 0px;
+ width: 16px;
+ }
+ 45%,
+ 50% {
+ left: 0px;
+ width: 48px;
+ }
+ 60%,
+ 65% {
+ left: 32px;
+ width: 16px;
+ }
+
+ 75%,
+ 80% {
+ left: 32px;
+ width: 48px;
+ }
+ 95%,
+ 100% {
+ left: 64px;
+ width: 16px;
+ }
+}
diff --git a/src/pages/team/Team.jsx b/src/pages/team/Team.jsx
index 58b05d7..f64440d 100644
--- a/src/pages/team/Team.jsx
+++ b/src/pages/team/Team.jsx
@@ -76,6 +76,22 @@ const Team = ({ refs }) => {
+ {teamContent.lead
+ .sort((a, b) => a.name.localeCompare(b.name))
+ .map((organizer, index) => {
+ return (
+
+ );
+ })}
{teamContent.core
.sort((a, b) => a.name.localeCompare(b.name))
.map((organizer, index) => {