Skip to content

Commit

Permalink
Merge branch 'anushkaj-01-main'
Browse files Browse the repository at this point in the history
  • Loading branch information
@bhaskar1001101
bhaskar1001101 committed Jul 4, 2024
2 parents 67153fe + dd071ff commit a900e3a
Show file tree
Hide file tree
Showing 9 changed files with 35 additions and 44 deletions.
10 changes: 5 additions & 5 deletions src/components/CountdownTimer.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,12 +13,12 @@ const DateTimeDisplay = ({ value, type, isDanger }) => {
return (
<div className='countdown flex flex-col items-center font-vt323 font-[400] text-[#D9D9D9] '>
<div className='mr-[10px] '>
<p className='xl:text-[85px] xl:h-[6rem] md:text-[60px] h-[4rem] max-[400px]:text-[30px] max-[400px]:h-[2.5rem] max-[640px]:text-[40px] max-[768px]:text-[45px] max-[768px]:h-[3rem] max-[640px]:h-[3rem] ' >{type !== 'Days' && <span className="xl:text-[85px] max-[400px]:text-[30px] max-[768px]:text-[45px] max-[640px]:text-[40px] max-[640px]:h-[4rem] max-[640px]:ml-[0.5rem] text-[60px] ml-[1rem]">:</span>} {value.toString()}</p>
<p className='min-[3840px]:text-[150px] min-[3840px]:h-[15rem] xl:text-[85px] xl:h-[6rem] md:text-[60px] h-[4rem] max-[400px]:text-[30px] max-[400px]:h-[2.5rem] max-[640px]:text-[40px] max-[768px]:text-[45px] max-[768px]:h-[3rem] max-[640px]:h-[3rem] ' >{type !== 'Days' && <span className="min-[3840px]:text-[140px] xl:text-[85px] max-[400px]:text-[30px] max-[768px]:text-[45px] max-[640px]:text-[40px] max-[640px]:h-[4rem] max-[640px]:ml-[0.5rem] text-[60px] ml-[1rem]">:</span>} {value.toString()}</p>
</div>
{type == 'Days' && <span className="xl:text-[35px] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[0.5rem] max-[768px]:ml-0 max-[640px]:ml-[0rem]">{type}</span>}
{type == 'Hours' && <span className="xl:text-[35px] xl:ml-[4rem] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[2.9rem] max-[768px]:ml-[2.5rem] max-[640px]:ml-[2rem]">{type}</span>}
{type == 'Minutes' && <span className="xl:text-[35px] xl:ml-[4.5rem] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[3rem] max-[768px]:ml-[2.2rem] max-[640px]:ml-[2rem]">{type}</span>}
{type == 'Minutes' || type=='Seconds' && <span className="xl:text-[35px] xl:ml-[4rem] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[3rem] max-[768px]:ml-[2rem] max-[640px]:ml-[1.5rem]">{type}</span>}
{type == 'Days' && <span className="min-[3840px]:text-[100px] xl:text-[35px] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[0.5rem] max-[768px]:ml-0 max-[640px]:ml-[0rem]">{type}</span>}
{type == 'Hours' && <span className="min-[3840px]:text-[100px] xl:text-[35px] xl:ml-[4rem] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[2.9rem] max-[768px]:ml-[2.5rem] max-[640px]:ml-[2rem]">{type}</span>}
{type == 'Minutes' && <span className="min-[3840px]:text-[100px] xl:text-[35px] xl:ml-[4.5rem] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[3rem] max-[768px]:ml-[2.2rem] max-[640px]:ml-[2rem]">{type}</span>}
{type == 'Minutes' || type=='Seconds' && <span className="min-[3840px]:text-[100px] xl:text-[35px] xl:ml-[4rem] text-[25px] max-[400px]:text-[20px] max-[640px]:text-[22px] ml-[3rem] max-[768px]:ml-[2rem] max-[640px]:ml-[1.5rem]">{type}</span>}
</div>
);
};
Expand Down
15 changes: 3 additions & 12 deletions src/components/Discord/Discord.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,18 +22,9 @@ function Discord() {
}, []);

return (
<div className="section relative">
<div
className="absolute h-screen object-cover opacity-70 inset-1"
style={{
backgroundImage: `url(${stars})`,
backgroundPosition: `${50+ bgPosition.x}% ${50 + bgPosition.y}%`,
backgroundSize: 'cover',
backgroundRepeat: 'no-repeat',
}}
></div>
<img src={Bgimage} alt="Join Discord" className="img-background" />

<div id="footer" className="section pt-[55px]">
<div className="star-background" style={{ transform: `translate(${bgPosition.x}px, ${bgPosition.y}px)` }}></div>
<img src={Bgimage} alt="" className='img-background' />
<a
href="https://discord.gg/UHwPBzy7UF"
className="bottom-overlay"
Expand Down
2 changes: 1 addition & 1 deletion src/components/Faq/Faq.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ const Faq = () => {
};

return (
<section id='faq'>
<section id='faq' className='pt-[95px]'>
<div className="relative w-screen flex items-start justify-center">
<div className="relative z-10 text-left mx-4 md:mx-8 lg:mx-12 xl:mx-20 w-full max-w-[1280px]">
<h1 className="text-[#9E9E9E] text-3xl md:text-4xl xl:text-5xl m-0">
Expand Down
2 changes: 1 addition & 1 deletion src/components/Footer/Footer.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ function Footer() {

return (
<>
<div id="footer" className='main-footer'>
<div className='main-footer'>
<div id="upfooter" className='bg-cover upfooter relative'>
<div className="flex flex-col py-5 xl:py-10 h-[100%] xl:h-[100%] gap-5 justify-center item-center">
<div className="absolute inset-0 z-0" style={{backgroundImage: `url(${stars})`,
Expand Down
10 changes: 5 additions & 5 deletions src/components/Navbar.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,23 +35,23 @@ export default function Navbar(){
};
return(
<section className="w-full relative">
<nav className="fixed z-30 flex md:justify-between bg-gradient-to-b max-[768px]:space-x-5 from-[#040842] to-[#040842] w-full h-[96px] max-[540px]:h-[60px] mt-0 bg-blue-800 font-vt323 leading-[96px] ">
<nav className="fixed min-[3840px]:px-[250px] px-7 z-30 flex md:justify-between bg-gradient-to-b max-[768px]:space-x-5 from-[#040842] to-[#040842] w-full h-[96px] min-[3840px]:h-[250px] max-[540px]:h-[60px] mt-0 bg-blue-800 font-vt323 leading-[96px] ">

<img className="justify-start max-[450px]:w-[86px] max-[540px]:w-[90px] max-[640px]:w-[100px] sm:w-[107px] md:w-[88px] lg:w-[107px] ml-6 " src={sc1_logo}></img>
<img className="justify-start min-[3840px]:w-[300px] max-[450px]:w-[86px] max-[540px]:w-[90px] max-[640px]:w-[100px] sm:w-[107px] md:w-[88px] lg:w-[107px] xl:w-[120px] " src={sc1_logo}></img>

<ul className=" justify-center flex xl:space-x-[4rem] lg:space-x-[3rem] sm:space-x-[1.6rem] sm:text-[22px] min-[540px]:space-x-[1.6rem] min-[540px]:text-[22px] md:text-[25px] md:space-x-5 lg:text-[1.8 rem] xl:text-[2rem] text-white items-center max-[768px]:hidden ">
<ul className=" justify-center flex min-[3840px]:text-[80px] min-[3840px]:space-x-[7rem] xl:space-x-[4rem] lg:space-x-[3rem] sm:space-x-[1.6rem] sm:text-[22px] min-[540px]:space-x-[1.6rem] min-[540px]:text-[22px] md:text-[25px] md:space-x-5 lg:text-[1.8 rem] xl:text-[2.3rem] text-white items-center max-[768px]:hidden ">
<a onClick={scrollToSchedule} style={{ cursor: 'pointer' }}><li className="hover:text-[#c3c3c3]">SCHEDULE</li></a>
<a onClick={scrollToTracks} style={{ cursor: 'pointer' }}><li className="hover:text-[#c3c3c3]">TRACKS</li></a>
<a onClick={scrollToSponsors} style={{ cursor: 'pointer' }}><li className="hover:text-[#c3c3c3]">SPONSORS</li></a>
<a onClick={scrollToFaq} style={{ cursor: 'pointer' }}><li className="hover:text-[#c3c3c3]">FAQ</li></a>
<a onClick={scrollToFooter} style={{ cursor: 'pointer' }}><li className="hover:text-[#c3c3c3]">CONTACT US</li></a>

</ul>
<img className= "justify-end md:w-[110px] lg:w-[154px] xl:w-[164px] max-[768px]:hidden mr-6" src={iiit_logo}></img>
<img className= "justify-end min-[3840px]:w-[400px] md:w-[110px] lg:w-[154px] xl:w-[175px] max-[768px]:hidden" src={iiit_logo}></img>
<img className="min-[768px]:hidden sm:w-[50px] max-[450px]:w-[35px] max-[540px]:w-[40px] max-[640px]:w-[50px]" src={iiit_logo_mobile}></img>

</nav>
<div className=" absolute right-0 max-[540px]:mt-[22px] mt-[39px] w-[50px] mr-8 ">
<div className=" absolute right-0 max-[540px]:mt-[22px] mt-[39px] w-[50px] mr-8">
<SwipeableTemporaryDrawer/>
</div>
</section>
Expand Down
2 changes: 1 addition & 1 deletion src/components/Sponsors/Sponsors.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ const Sponsors = () => {
}, []);

return (
<section className="relative" style={{
<section className="pt-[80px] relative" style={{
backgroundImage: `url(${stars})`,
backgroundPosition: `${50 + bgPosition.x}% ${50 + bgPosition.y}%`,
backgroundSize: 'cover',
Expand Down
2 changes: 1 addition & 1 deletion src/components/Tracks/Tracks.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ const Tracks = () => {
}, []);

return (
<section id='tracks' className="relative mb-10 px-5 bg-no-repeat" style={{
<section id='tracks' className="pt-[80px] relative mb-10 px-5 bg-no-repeat" style={{
backgroundImage: `url(${stars})`,
backgroundPosition: `${50 + bgPosition.x}% ${50 + bgPosition.y}%`,
backgroundSize: 'cover',
Expand Down
32 changes: 16 additions & 16 deletions src/pages/LandingPage.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,12 +16,12 @@ function LandingPage() {
const width = window.innerWidth;
if (width >= 3840) {

setBgSize("18%");
setBgSize("16%");
} else if (width >= 2560) {
// Adjustments for 1440p resolution
setBgSize("18%");
} else if (width >= 1248) {
setBgSize("18%");
setBgSize("16%");
} else if (width >= 1024) {
setBgSize("18%");
} else if (width >= 750) {
Expand Down Expand Up @@ -63,7 +63,7 @@ function LandingPage() {
return (
<>
<div
className=" h-full 3xl:h-[4000px] w-full flex flex-col text-center bg-no-repeat bg-bg_color m-0"
className=" h-full min-[3840px]:h-[4000px] w-full flex flex-col text-center bg-no-repeat bg-bg_color m-0"
style={{
backgroundImage: `url(${BgLandingPage})`,
backgroundPosition: `${50 + bgPosition.x}% ${20 + bgPosition.y}%`,
Expand All @@ -73,20 +73,20 @@ function LandingPage() {
{/* Hero section */}
<section
id="hero"
className=" ml-5 mr-5 max-[540px]:mt-[60px] mt-[110px] 3xl:mt-[150px] "
className=" ml-5 mr-5 max-[540px]:mt-[60px] mt-[110px] min-[3840px]:mt-[250px] "
>
<div>
<div className="">
<h1
className="text-white min-[320px]:text-5xl md:text-7xl xl:text-8xl 3xl:text-[12vh] font-vt323"
className="text-white min-[320px]:text-5xl md:text-7xl xl:text-8xl min-[3840px]:text-[12vh] font-vt323"
style={{ textShadow: "2px 2px 0 rgb(236, 83, 176, 1)" }}
>
STATUS CODE <span className="text-red">1</span>
</h1>
<h3 className="text-purple-900 font-vt323 min-[320px]:text-[20px] md:text-3xl xl:text-[40px] 3xl:m-11 3xl:p-10 3xl:text-[4vh] bg-gradient-to-r from-gradient_blue_purple-0 via-gradient_blue_purple-50 to-gradient_blue_purple-100 text-transparent bg-clip-text">
<h3 className="text-purple-900 font-vt323 min-[320px]:text-[20px] md:text-3xl xl:text-[40px] min-[3840px]:m-11 2xl:p-10 2xl:text-[4vh] bg-gradient-to-r from-gradient_blue_purple-0 via-gradient_blue_purple-50 to-gradient_blue_purple-100 text-transparent bg-clip-text">
Code With Purpose & Innovate, Collaborate, Dominate
</h3>
</div>
<div className="flex text-center justify-center mt-5 ml-5 mr-5 3xl:m-11">
<div className="flex text-center justify-center mt-5 xl:mt-1 ml-5 mr-5 min-[3840px]:m-11">
<div
className="bg-top bg-no-repeat flex items-end flex-col justify-center md:h-[80%] bg-cover "
style={{
Expand All @@ -98,7 +98,7 @@ function LandingPage() {
{/* <a href="https://statuscode-1.devfolio.co/"> */}
<div

className="bg-no-repeat bg-center bg-cover text-center justify-center flex flex-row min-[320px]:mt-[25%] min-[640px]:mt-[10%] min-[750px]:mt-[6%] md:mt-[27%] lg:mt-[22%] xl:mt-[20%] 2xl:mt-[24%]"
className="bg-no-repeat bg-center bg-cover text-center justify-center flex flex-row min-[320px]:mt-[25%] min-[640px]:mt-[10%] min-[750px]:mt-[6%] md:mt-[27%] lg:mt-[22%] xl:mt-[20%] min-[3840px]:mt-[21%]"
style={{
backgroundImage: `url(${DevfolioBtn})`,
backgroundSize: "contain",
Expand All @@ -109,19 +109,19 @@ function LandingPage() {
<button onClick={() =>
window.open("https://statuscode-1.devfolio.co/")
}
className="text-purple font-vt323 text-2xl text-center justify-center flex mt-2 mb-2 gap-3 3xl:gap-11 3xl:text-7xl 3xl:m-5 ">
<img className="3xl:w-[5vh]" src={DevfolioLogo} />
<p className="3xl:mt-5">Apply with Devfolio </p>
className="text-purple font-vt323 text-2xl text-center justify-center flex mt-2 mb-2 xl:text-4xl gap-3 min-[3840px]:gap-11 min-[3840px]:text-7xl min-[3840px]:m-5 ">
<img className="xl:w-[4vh] min-[3840px]:w-[5vh]" src={DevfolioLogo} />
<p className="min-[3840px]:mt-5">Apply with Devfolio </p>
</button>
</div>
{/* </a> */}
<p className="max-[540px]:leading-normal md:leading-tight xl:leading-normal md:text-[22px] xl:text-[24px] 3xl:text-[3vh] 3xl:pl-[17vh] 3xl:pr-[17vh] 3xl:p-11 font-vt323 min-[320px]:text-[16px] md:text-2xl m-3 bg-gradient-to-b text-purple bg-clip-text">
<p className="max-[540px]:leading-normal md:leading-tight xl:leading-normal md:text-[22px] xl:text-[24px] 2xl:text-[3vh] min-[3840px]:pl-[17vh] min-[3840px]:pr-[17vh] min-[3840px]:p-11 2xl:p-5 font-vt323 min-[320px]:text-[16px] md:text-2xl m-3 bg-gradient-to-b text-purple bg-clip-text">
Unleash your creativity and join Status Code 1, an official
MLH Member Event and the ultimate 36-hour hackathon
extravaganza! Compete across diverse categories, showcasing
your skills, ingenuity, and collaborative spirit alongside
like-minded individuals. Discover the perfect platform to
challenge yourself,
challenge yourself.
</p>

<button className="animate-bounce 3xl:w-[5%] ">
Expand All @@ -136,12 +136,12 @@ function LandingPage() {
</section>

{/* Timer section */}
<section id="timer" className="mt-[4%]">
<section id="timer" className="pt-[60px] mt-2">
<TimerSection />
</section>

{/* Schedule section */}
<section id="schedule" className="mt-[4%]"></section>
<section id="schedule" className="pt-[60px] "></section>
<Schedule />
</div>
</>
Expand Down
4 changes: 2 additions & 2 deletions src/pages/TimerSection.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,8 @@ export default function TimerSection(){
return(
<>
<section className="width-[100vh] flex flex-col justify-center font-[vt323]">
<p className="text-[#F21212] text-[375%] max-[900px]:text-[55px] max-[768px]:text-[52px] max-[540px]:text-[50px] max-[450px]:text-[48px] max-[360px]:text-[40px] md:text-[76px] mb-0">Hurry Up</p>
<p className="text-[225%] text-[#9D44C0] max-[900px]:text-[30px] max-[768px]:text-[28px] max-[360px]:text-[28px] md:text-[40px] ">Hacking ends in</p>
<p className="text-[#F21212] text-[375%] min-[3840px]:text-[200px] max-[900px]:text-[55px] max-[768px]:text-[52px] max-[540px]:text-[50px] max-[450px]:text-[48px] max-[360px]:text-[40px] md:text-[76px] mb-0">Hurry Up</p>
<p className="text-[225%] text-[#9D44C0] min-[3840px]:text-[130px] max-[900px]:text-[30px] max-[768px]:text-[28px] max-[360px]:text-[28px] md:text-[40px] ">Hacking ends in</p>
<CountdownTimer targetDate={"aug 24, 2024 02:01:00"}/>
</section>
</>
Expand Down

0 comments on commit a900e3a

Please sign in to comment.