Skip to content

photo , space adjustments #83

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open

photo , space adjustments #83

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
d7ed134
photos changed
ShubhamPrasad3012 Sep 8, 2024
6030935
photos changed
ShubhamPrasad3012 Sep 8, 2024
cb56eb9
p changes
ShubhamPrasad3012 Sep 8, 2024
c2e0081
adjusted spacing
ShubhamPrasad3012 Sep 12, 2024
216f10a
changes space
ShubhamPrasad3012 Sep 12, 2024
71ce75d
photo , space adjust
ShubhamPrasad3012 Sep 12, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 4 additions & 3 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file added public/p11.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/p12.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/p13.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 6 additions & 6 deletions src/Components/Combined2.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,15 @@ import Part4 from './Part4';
import Part5 from './Part5';
import "../index.css"

export default function Combined() {
export default function Combined2() {
return (
<>
<div className="relative min-h-screen animated-gradient">
<div className="absolute inset-y-0 left-0">
<img src="Ellipse 5.svg" alt="Left decoration" />
<div className="relative animated-gradient">
<div className="absolute inset-y-0 left-0 ">
<img className='h-[32.99620733249052vh]' src="Ellipse 5.svg" alt="Left decoration" />
</div>
<div className="absolute inset-y-0 right-0">
<img src="Ellipse 6.svg" alt="Right decoration" />
<div className="absolute inset-y-0 right-0 ">
<img src="Ellipse 6.svg" alt="Right decoration" />
</div>

<div className='relative z-10'>
Expand Down
102 changes: 31 additions & 71 deletions src/Components/Happie.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,100 +1,60 @@
import React from "react";
import "../index.css";

function Happie() {
return (
<div className="animated-gradient min-[500px]:p-6 relative flex h-screen overflow-hidden p-5 md:p-0">
<div className="pointer-events-none absolute inset-y-0 left-0 select-none">
<div className="relative animated-gradient h-screen overflow-hidden flex md:p-0 min-[500px]:p-6 p-5">
<div className="absolute inset-y-0 left-0 pointer-events-none select-none">
<img src="Ellipse 5.svg" />
</div>
<div className="pointer-events-none absolute inset-y-0 right-0 select-none">
<div className="absolute inset-y-0 right-0 pointer-events-none select-none">
<img src="Ellipse 6.svg" />
</div>
<div
className="absolute top-[26vh] h-fit w-11/12 rounded-3xl bg-[#474C78]/70 p-4 md:relative md:left-[6vw] md:top-[7vh] md:w-72 md:-rotate-6 lg:left-[8vw] lg:w-80 xl:w-96 xl:p-7 2xl:w-1/4 portrait:small:top-[25vh]"

>
<p className="text-center font-source-serif font-semibold text-[#CDCFD7] lg:text-lg 2xl:text-xl portrait:small:text-sm">
"The technical hunt was a great way to team up and test our
problem-solving skills. Cicada was epic!"
</p>
<p className="font-source-serif font-semibold text-[#CDCFD7] md:mt-1 md:text-sm xl:mt-3 xl:text-base portrait:small:text-xs">
<img
src="dp.svg"
className="pointer-events-none mr-3 inline-block h-10 w-10 select-none portrait:small:h-7 portrait:small:w-7"
/>
<div className="md:relative lg:left-[8vw] md:left-[6vw] md:top-[7vh] bg-[#474C78]/70 h-fit 2xl:w-1/4 xl:w-96 lg:w-80 md:w-72 rounded-3xl xl:p-7 md:-rotate-6 p-4 absolute w-11/12 top-[26vh] portrait:small:top-[25vh]">
<p className="text-[#CDCFD7] font-source-serif 2xl:text-xl lg:text-lg font-semibold text-center portrait:small:text-sm">"The treasure hunt was a great way to team up and test our problem-solving skills. Cicada was epic!"</p>
<p className="xl:mt-3 md:mt-1 text-[#CDCFD7] font-source-serif xl:text-base md:text-sm font-semibold portrait:small:text-xs">
<img src="p12.jpeg" className="inline-block mr-3 w-10 h-10 portrait:small:w-7 rounded-3xl portrait:small:h-7 pointer-events-none select-none" />
Ashika From Team Zero
</p>
</div>
<div className="pointer-events-none relative hidden select-none md:left-[10vw] md:top-[10vh] md:block lg:left-[13vw] lg:top-[7vh] xl:left-[15vw] 2xl:left-[17vw]">
<iframe
src="https://giphy.com/embed/b8RfbQFaOs1rO10ren"
className="md:w-24 lg:w-32"
></iframe>
<div className="relative 2xl:left-[17vw] xl:left-[15vw] lg:left-[13vw] md:left-[10vw] lg:top-[7vh] md:top-[10vh] md:block hidden pointer-events-none select-none">
<iframe src="https://giphy.com/embed/b8RfbQFaOs1rO10ren" className="lg:w-32 md:w-24"></iframe>
</div>
<div className="absolute top-[44vh] h-fit w-11/12 rounded-3xl bg-[#474C78]/70 p-4 md:relative md:left-[12vw] md:top-[7vh] md:w-72 md:rotate-6 lg:left-[22vw] lg:w-80 xl:w-96 xl:p-7 2xl:left-[27vw] 2xl:w-1/4 portrait:small:top-[45vh]">
<p className="text-center font-source-serif font-semibold text-[#CDCFD7] lg:text-lg 2xl:text-xl portrait:small:text-sm">
"Cicada combined excitement and strategy perfectly. I felt like a
real-life detective!"
</p>
<p className="font-source-serif font-semibold text-[#CDCFD7] md:mt-1 md:text-sm xl:mt-3 xl:text-base portrait:small:text-xs">
<img
src="dp.svg"
className="pointer-events-none mr-3 inline-block h-10 w-10 select-none portrait:small:h-7 portrait:small:w-7"
/>
<div className="md:relative 2xl:left-[27vw] lg:left-[22vw] md:left-[12vw] md:top-[7vh] bg-[#474C78]/70 h-fit 2xl:w-1/4 xl:w-96 lg:w-80 md:w-72 rounded-3xl xl:p-7 md:rotate-6 p-4 absolute w-11/12 portrait:small:top-[45vh] top-[44vh]">
<p className="text-[#CDCFD7] font-source-serif 2xl:text-xl lg:text-lg font-semibold text-center portrait:small:text-sm">"Cicada combined excitement and strategy perfectly. I felt like a real-life detective!"</p>
<p className="xl:mt-3 md:mt-1 text-[#CDCFD7] font-source-serif xl:text-base md:text-sm font-semibold portrait:small:text-xs">
<img src="p13.jpeg" className="inline-block mr-3 w-10 h-10 portrait:small:w-7 rounded-3xl portrait:small:h-7 pointer-events-none select-none" />
Devika From Team X3M
</p>
</div>
<div className="absolute top-[60vh] h-fit w-11/12 rounded-3xl bg-[#474C78]/70 p-4 md:left-[6vw] md:top-[70vh] md:w-72 md:rotate-6 lg:left-[8vw] lg:w-80 xl:w-96 2xl:w-1/4 portrait:small:top-[61.5vh]">
<p className="text-center font-source-serif font-semibold text-[#CDCFD7] lg:text-lg 2xl:text-xl portrait:small:text-sm">
"The energy at HackBattle was incredible! Non-stop coding, innovation,
and fun. Highly recommend!"
</p>
<p className="font-source-serif font-semibold text-[#CDCFD7] md:mt-1 md:text-sm xl:mt-3 xl:text-base portrait:small:text-xs">
<img
src="dp.svg"
className="portrait:small:w-7portrait: pointer-events-none mr-3 inline-block h-10 w-10 select-none small:h-7"
/>
<div className="absolute lg:left-[8vw] md:left-[6vw] md:top-[70vh] bg-[#474C78]/70 h-fit 2xl:w-1/4 xl:w-96 lg:w-80 md:w-72 rounded-3xl p-4 md:rotate-6 w-11/12 top-[60vh] portrait:small:top-[61.5vh]">
<p className="text-[#CDCFD7] font-source-serif 2xl:text-xl lg:text-lg font-semibold text-center portrait:small:text-sm">"The energy at HackBattle was incredible! Non-stop coding, innovation, and fun. Highly recommend!"</p>
<p className="xl:mt-3 md:mt-1 text-[#CDCFD7] font-source-serif xl:text-base md:text-sm font-semibold portrait:small:text-xs">
<img src="p11.jpeg" className="inline-block mr-3 w-10 h-10 rounded-3xl portrait:small:w-7 portrait:small:h-7 pointer-events-none select-none" />
Gourav From Team UwU
</p>
</div>
<div className="pointer-events-none absolute bottom-[10vh] ml-56 hidden select-none md:left-[18vw] md:inline-block lg:left-[25vw] xl:left-[30vw] 2xl:left-1/3">
<iframe
src="https://giphy.com/embed/5GoVLqeAOo6PK"
className="md:w-24 lg:w-32"
></iframe>
<div className="absolute bottom-[10vh] 2xl:left-1/3 md:inline-block ml-56 xl:left-[30vw] lg:left-[25vw] md:left-[18vw] hidden pointer-events-none select-none">
<iframe src="https://giphy.com/embed/5GoVLqeAOo6PK" className="lg:w-32 md:w-24"></iframe>
</div>
<div className="absolute top-[79vh] h-fit w-11/12 rounded-3xl bg-[#474C78]/70 p-4 md:left-[60vw] md:top-[68vh] md:h-52 md:w-72 md:-rotate-6 lg:left-[63vw] lg:w-80 xl:w-96 xl:p-7 2xl:w-1/4 portrait:small:top-[81vh]">
<p className="text-center font-source-serif font-semibold text-[#CDCFD7] lg:text-lg 2xl:text-xl portrait:small:text-sm">
"HackBattle was an exhilarating experience! I learned so much and met
some amazing people. Can't wait for the next one!"
</p>
<p className="font-source-serif font-semibold text-[#CDCFD7] md:mt-1 md:text-sm xl:mt-3 xl:text-base portrait:small:text-xs">
<img
src="dp.svg"
className="pointer-events-none mr-3 inline-block h-10 w-10 select-none portrait:small:h-7 portrait:small:w-7"
/>
<div className="absolute lg:left-[63vw] md:left-[60vw] md:top-[68vh] bg-[#474C78]/70 md:h-52 2xl:w-1/4 xl:w-96 lg:w-80 md:w-72 rounded-3xl xl:p-7 md:-rotate-6 p-4 w-11/12 h-fit portrait:small:top-[81vh] top-[79vh]">
<p className="text-[#CDCFD7] font-source-serif 2xl:text-xl lg:text-lg font-semibold text-center portrait:small:text-sm">"HackBattle was an exhilarating experience! I learned so much and met some amazing people. Can't wait for the next one!"</p>
<p className="xl:mt-3 md:mt-1 text-[#CDCFD7] font-source-serif xl:text-base md:text-sm font-semibold portrait:small:text-xs">
<img src="dp.svg" className="inline-block mr-3 w-10 h-10 portrait:small:w-7 portrait:small:h-7 pointer-events-none select-none" />
Aesh From Team Basanti
</p>
</div>

<div className="mx-auto my-0 flex items-center justify-center">
<div className="pointer-events-none absolute left-[25vw] top-[15vh] hidden select-none md:block">
<div className="items-center justify-center my-0 mx-auto flex">
<div className="absolute left-[25vw] top-[15vh] md:block hidden pointer-events-none select-none">
<img src="Ellipse 7.svg" />
</div>
<div className="absolute top-[2vh] h-8 w-72 rounded-3xl bg-[#F7F6F3] md:left-[35vw] md:top-[33vh] md:h-10 lg:left-[40vw]">
<p className="relative -top-1 text-center font-source-serif text-xl text-[#01061B] md:top-0">
several people are typing
<span className="text-3xl text-[#31F7C8]">...</span>
</p>
<div className="absolute hidden sm:block w-72 md:h-10 rounded-3xl bg-[#F7F6F3] lg:left-[40vw] md:left-[35vw] md:top-[33vh] top-[2vh] h-8">
<p className="relative font-source-serif text-xl text-center text-[#01061B] md:top-0 -top-1">several people are typing<span className="text-3xl text-[#31F7C8]">...</span></p>
</div>
<div className="absolute left-[3vw] top-[7vh] md:left-[5vw] md:top-[35vh] md:p-7 lg:left-[6vw] xl:left-[5vw] 2xl:left-[9vw]">
<h1 className="text-center font-rugen text-2xl text-[#F7F6F3] md:text-3xl xl:text-6xl portrait:tall:text-3xl">
OUR EVENTS LEAVE <br /> PARTICIPANTS IMPRESSED
</h1>
<p className="text-center font-source-serif font-semibold text-[#C1C2C4] md:mt-4 md:text-xl lg:text-2xl 2xl:text-3xl portrait:small:hidden">
Check it out for yourself. No keyboards were smashed in the making
of this feature
</p>
<div className="absolute md:top-[35vh] 2xl:left-[12vw] xl:left-[5vw] lg:left-[6vw] md:left-[5vw] md:p-7 top-[7vh] left-[2vw]">
<h1 className="text-[#F7F6F3] xl:text-6xl md:text-3xl font-rugen text-center text-2xl portrait:tall:text-3xl">OUR EVENTS LEAVE <br /> PARTICIPANTS IMPRESSED</h1>
<p className="font-source-serif font-semibold text-[#C1C2C4] 2xl:text-3xl lg:text-2xl md:text-xl text-center md:mt-4 portrait:small:hidden">Check it out for yourself. No keyboards were smashed in the making of this feature</p>
</div>
</div>
</div>
Expand Down
28 changes: 15 additions & 13 deletions src/Components/Part1.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,49 +12,51 @@ export default function Part1() {
data-aos-duration="1000"
>
<img
className="img1 z-5 absolute ml-[2vw] mt-0 h-[0] w-[0] md:ml-[4vw] md:mt-[12vh] md:h-[41vh] md:w-[27vw] lg:mt-[0] lg:h-[51.45891276864728vh] lg:w-[27vw]"
className="img1 z-5 absolute ml-[2vw] mt-0 h-[0] w-[0] md:ml-[4vw] lg:h-[51.45891276864728vh] lg:w-[27vw] lg:mt-[0] md:h-[41vh] md:w-[27vw] md:mt-[12vh]"
src="Group222.png"
alt=""
/>
<img
className="img25 relative z-10 ml-[2.5vw] h-0 md:mt-[12vh] md:h-[30vw] md:w-[25vw] lg:mt-[0] lg:h-[25vw]"
className="img25 relative z-10 ml-[2.5vw] h-0 lg:h-[25vw] md:h-[30vw] md:w-[25vw] md:mt-[12vh] lg:mt-[0]"
src="Group223.png"
></img>
alt=""
/>
<img
className="imh26 z=15 relative mr-[5vw] mt-[8vh] h-0 sm:mt-[0vh] md:mt-[15vh] md:h-[30vh] lg:mt-[6vh] lg:h-[35vh]"
className="imh26 z-15 relative mr-[5vw] mt-[8vh] lg:mt-[6vh] sm:mt-[0vh] h-0 lg:h-[35vh] md:h-[30vh] md:mt-[15vh]"
src="Group141.png"
></img>
alt=""
/>
<img
className="img10 ml-[20.5vw] mt-[0vh] h-[25vh] sm:ml-[30vw] md:hidden"
src="Group117.svg"
alt=""
/>
<div className="d2 mt-[2.5vh] flex sm:ml-[10vw] md:ml-[5vw] md:mt-[2vw]">
<div className="d2 mt-[2.5vh] flex md:ml-[5vw] sm:ml-[10vw] md:mt-[2vw]">
<img
className="img2 ml-[1vw] h-[6.7926675094816686vh] w-[7.2135416666666665vw] md:m-[0.3255208333333333vw] md:mr-[0] md:h-[8.099873577749683vh] md:w-[3.958984375vw]"
src="Group111.svg"
alt=""
/>
<div className="d6 mt-[8vw] w-[81.744791666666668vw] text-center sm:w-[50vw] sm:text-[0.8rem] md:mt-[5.849557522123893vh] md:w-[51.744791666666668vw] md:text-start md:text-[1.5rem] lg:text-[1.875rem]" >
<div className="d6 mt-[8vw] w-[81.744791666666668vw] text-center sm:w-[50vw] sm:text-[0.8rem] md:mt-[5.849557522123893vh] md:w-[51.744791666666668vw] md:text-start md:text-[1.5rem] lg:text-[1.875rem]">
<p className="p2 text-md m-0 font-source-serif font-semibold tracking-[0.2604166666666667vw] md:ml-[0] md:text-3xl">
Join the adrenaline-pumping 36-hour
</p>
<p className="p2 text-md m-0 font-source-serif font-semibold tracking-[0.2604166666666667vw] md:ml-[0] md:text-3xl">
<p className="p2 m-0 font-source-serif text-md font-semibold tracking-[0.2604166666666667vw] md:ml-[0] md:text-3xl">
HackBattle by IEEECS-VIT, where
</p>
<p className="p2 text-md m-0 mt-[0.5vw] font-source-serif font-semibold leading-[151%] tracking-[0.2604166666666667vw] md:ml-[0] md:text-3xl">
<p className="p2 m-0 mt-[0.5vw] font-source-serif text-md font-semibold leading-[151%] tracking-[0.2604166666666667vw] md:ml-[0] md:text-3xl">
tech innovators gather for
</p>
<p className="p2 text-md m-0 mt-[0.5vw] font-source-serif font-semibold leading-[151%] tracking-[0.2604166666666667vw] md:ml-[0] md:text-3xl">
<p className="p2 m-0 mt-[0.5vw] font-source-serif text-md font-semibold leading-[151%] tracking-[0.2604166666666667vw] md:ml-[0] md:text-3xl">
groundbreaking challenges, keynote
</p>
<p className="p2 text-md m-0 mt-[0.5vw] font-source-serif font-semibold leading-[151%] tracking-[0.2604166666666667vw] md:text-3xl">
<p className="p2 m-0 mt-[0.5vw] font-source-serif text-md font-semibold leading-[151%] tracking-[0.2604166666666667vw] md:text-3xl">
sessions, and engaging activities that ignite creativity and drive
innovation .
innovation.
</p>
</div>
<img
className="img3 mt-[40vw] h-[6.7926675094816686vh] w-[7.2135416666666665vw] sm:mt-[22.5vh] md:mr-[5.25625vw] md:mt-[37.92667509481669vh] md:h-[8.099873577749683vh] md:w-[3.958984375vw]"
className="img3 mt-[40vw] sm:mt-[22.5vh] h-[6.7926675094816686vh] w-[7.2135416666666665vw] md:mr-[5.25625vw] md:mt-[37.92667509481669vh] md:h-[8.099873577749683vh] md:w-[3.958984375vw]"
src="/Group112.svg"
alt=""
/>
Expand Down
7 changes: 1 addition & 6 deletions src/Components/Part4.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ export default function Part4() {
>
{/* Top Image for mobile view */}
<img
className="img10 order-1 ml-[20.5vw] mt-[5vh] h-[25vh] sm:ml-[18vw] md:mt-0 md:hidden"
className="img10 order-1 ml-[20.5vw] h-[25vh] sm:ml-[18vw] md:mt-0 md:hidden"
src="Group119.svg"
alt="Decorative Graphic"
/>
Expand All @@ -31,11 +31,6 @@ export default function Part4() {
playground, a cryptographer's nightmare, and a genius’s proving
ground.
</p>
{/* <p className="p2 m-0 mt-[0.5vw] font-source-serif text-md font-semibold leading-[151%] tracking-[0.26vw] md:ml-0 md:text-3xl">
Hidden messages, encrypted codes, and unsolvable puzzles guard a
secret that only the worthy will discover. Every click is a risk,
every riddle a step deeper into the rabbit hole.
</p> */}
<p className="p2 text-md m-0 mt-[0.5vw] font-source-serif font-semibold leading-[151%] tracking-[0.26vw] text-purple-400 md:ml-0 md:text-3xl md:text-[1.2rem] md:text-[1.5rem] lg:text-[1.875rem]">
"Not all who wander are lost… some are hunted." - team 3310
</p>
Expand Down
1 change: 1 addition & 0 deletions src/Components/Part5.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@ export default function Part5() {
<a
href="https://gravitas.vit.ac.in/events/5387f16e-b092-470a-b918-e89307526ebf"
target="_blank"
rel="noopener noreferrer"
>
<svg
className="order-2 ml-[7.5vw] mt-[2vw] h-[16.321112515802781vh] w-[85.182291666666668vw] md:order-1 md:ml-[10.067708333333334vw] md:mt-[9.578002528445005vh] md:h-[5vh] md:w-[40vw] lg:h-[6.826801517067004vh] lg:w-[35.807291666666664vw]"
Expand Down
2 changes: 1 addition & 1 deletion src/Components/Yooho.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import "../index.css";

function Yooho() {
return (
<div className="relative flex min-h-screen items-center justify-center">
<div className="relative flex pt-[15vh] items-center justify-center">

<div className="animated-gradient absolute left-0 top-0 h-screen w-full"></div>

Expand Down