Skip to content

Commit

Permalink
added css (#7)
Browse files Browse the repository at this point in the history 
* add_sponsor_logo

* changes_made
  • Loading branch information
@clashonkavin
clashonkavin authored Oct 18, 2023
1 parent aa91ed5 commit b66423d
Show file tree
Hide file tree
Showing 18 changed files with 667 additions and 348 deletions.
112 changes: 85 additions & 27 deletions src/Components/Judges/index.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,42 +4,65 @@ import anand from "../../assets/anand.jpg";
import kumar from "../../assets/kumar.jpg";
import anirudh from "../../assets/anirudh.jpg";
import ayush from "../../assets/ayush.jpeg";
import rakesh from "../../assets/rakesh.jpg";
import abishake from "../../assets/abishake.jpg";
import rakesh from "../../assets/rakeshnew.jpeg";
// import abishake from "../../assets/abishake.jpg";
import subash from "../../assets/subash.jpg";
import ram from "../../assets/Ram.jpg";

import {motion} from "framer-motion";
// import ram from "../../assets/Ram.jpg";
import adwaith from "../../assets/adwaith.jpeg";
import ramshreewath from "../../assets/RamShreewath.jpeg";

import { motion } from "framer-motion";

const Judges = () => {
return (
<div className="judgesPage" id="judges">
<div className="Inbox">
<div className="judges-speakers" style={{padding : "1rem"}}>Judges</div>
<div className="judges-speakers" style={{ padding: "1rem" }}>
Judges
</div>
<div className="box">
<div className="inlineBlock">
<motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.2}}>
<motion.div
className="judge"
initial={{ transform: "scale(0.5)" }}
viewport={{ once: true }}
whileInView={{ transform: "scale(1)" }}
transition={{ delay: 0.2 }}
>
<div className="info">
<div className="designation">HARDWARE</div>
<div className="title">Anand Kumar</div>
<div className="place">SOC design Engineering manager at Intel</div>
<div className="place">
SOC design Engineering manager at Intel
</div>
</div>
<img src={anand} alt="logo" />
</motion.div>
</div>
<div className="inlineBlock">
<motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.4}}>
<motion.div
className="judge"
initial={{ transform: "scale(0.5)" }}
viewport={{ once: true }}
whileInView={{ transform: "scale(1)" }}
transition={{ delay: 0.4 }}
>
<div className="info">
<div className="designation">SOFTWARE</div>
<div className="title">Anirudh R</div>
<div className="place">Software Engineer at Oracle </div>
<div className="place">DevOps Engineer, Oracle Cloud</div>
</div>
<img src={anirudh} alt="logo" />
</motion.div>
</div>
<div className="inlineBlock">
<motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.5}}>
<motion.div
className="judge"
initial={{ transform: "scale(0.5)" }}
viewport={{ once: true }}
whileInView={{ transform: "scale(1)" }}
transition={{ delay: 0.5 }}
>
<div className="info">
<div className="designation">SOFTWARE</div>
<div className="title">Ayush Singh</div>
Expand All @@ -49,56 +72,91 @@ const Judges = () => {
</motion.div>
</div>
<div className="inlineBlock">
<motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.7}}>
<motion.div
className="judge"
initial={{ transform: "scale(0.5)" }}
viewport={{ once: true }}
whileInView={{ transform: "scale(1)" }}
transition={{ delay: 0.7 }}
>
<div className="info">
<div className="designation">SOFTWARE</div>
<div className="title">Ram Sreevaths</div>
<div className="place">Software Developer at Oracle</div>
<div className="place">
Member of Technical Staff at Oracle Cloud infrastructure
</div>
</div>
<img src={ram} alt="logo" />
<img src={ramshreewath} alt="logo" />
</motion.div>
</div>
<div className="inlineBlock">
<motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.3}}>
<motion.div
className="judge"
initial={{ transform: "scale(0.5)" }}
viewport={{ once: true }}
whileInView={{ transform: "scale(1)" }}
transition={{ delay: 0.3 }}
>
<div className="info">
<div className="designation">HARDWARE</div>
<div className="title">Kumar Nandan</div>
<div className="place">SOC Technical Design Lead at Intel</div>
</div>
<img src={kumar} alt="logo" />
</motion.div>
</div><div className="inlineBlock">
<motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.6}}>
</div>
<div className="inlineBlock">
<motion.div
className="judge"
initial={{ transform: "scale(0.5)" }}
viewport={{ once: true }}
whileInView={{ transform: "scale(1)" }}
transition={{ delay: 0.6 }}
>
<div className="info">
<div className="designation">SOFTWARE</div>
<div className="title">Rayapalli Rakesh</div>
<div className="place">Software Engineer at Oracle </div>
<div className="place">Associate, PWC (US Advisory)</div>
</div>
<img src={rakesh} alt="logo" />
</motion.div>
</div><div className="inlineBlock">
<motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.7}}>
</div>
<div className="inlineBlock">
<motion.div
className="judge"
initial={{ transform: "scale(0.5)" }}
viewport={{ once: true }}
whileInView={{ transform: "scale(1)" }}
transition={{ delay: 0.7 }}
>
<div className="info">
<div className="designation">SOFTWARE</div>
<div className="title">Abishake A</div>
<div className="place">SMT at D.E. Shaw, India</div>
<div className="title">Adwaith D</div>
<div className="place">
SWE III at Google, Mountain View, California
</div>
</div>
<img src={abishake} alt="logo" />
<img src={adwaith} alt="logo" />
</motion.div>
</div>
<div className="inlineBlock">
<motion.div className="judge" initial = {{transform : "scale(0.5)"}} viewport={{once : true}} whileInView={{transform : "scale(1)"}} transition={{delay : 0.7}}>
<motion.div
className="judge"
initial={{ transform: "scale(0.5)" }}
viewport={{ once: true }}
whileInView={{ transform: "scale(1)" }}
transition={{ delay: 0.7 }}
>
<div className="info">
<div className="designation">SOFTWARE</div>
<div className="title">Subash</div>
<div className="title">Subash Aravindan</div>
<div className="place">Analyst at Goldman Sachs</div>
</div>
<img src={subash} alt="logo" />
</motion.div>
</div>

</div>
<br/>
<br />
</div>
</div>
);
Expand Down
138 changes: 88 additions & 50 deletions src/Components/Landing/index.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,21 @@
import { BackgroundImage, Center, Text, Box } from '@mantine/core';
import { BackgroundImage, Center, Text, Box } from "@mantine/core";
import LandingBg from "../../../public/assets/LandingBg.svg";
import "./landing.css";
import {motion} from "framer-motion";
import img2 from "../../assets/charged.png";
import img3 from "../../assets/abhibus.png";
import img4 from "../../assets/tezos.png";
import img6 from "../../assets/crewsphere.png";
import img1 from "../../assets/pathway2.png";
import img5 from "../../assets/gfg.png";
import img7 from "../../assets/netcon.png";
import img8 from "../../assets/boeing.png";

import "./landing.css";
import { motion } from "framer-motion";

import { useState, useEffect } from 'react';
import { useState, useEffect } from "react";

const Landing = () => {
const [days, setDays] = useState(0);
const [days, setDays] = useState(0);
const [hours, setHours] = useState(0);
const [minutes, setMinutes] = useState(0);
const [seconds, setSeconds] = useState(0);
Expand All @@ -29,51 +37,81 @@ const Landing = () => {

return () => clearInterval(interval);
}, []);
return (
<>
return (
<>
<BackgroundImage className="landingbg" src={LandingBg}>
<div className="container">
<div className="content">
<div className="smallContainer">
<motion.h3
initial={{ opacity: 0, y: "-100%" }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 1.5, delay: 1 }}
drag
dragConstraints={{ left: 0, right: 0, top: 0, bottom: 0 }}
dragElastic={1}
>
27-29th OCTOBER
</motion.h3>
<div className="centerContent">
<img src={img7} id="img7"></img>
<h4>Presents</h4>
<h1>TRANSFINITTE</h1>
<h4>Powered by</h4>
<img src={img8} id="img8"></img>
</div>
<h2>Innovation Knows No Bounds</h2>

<BackgroundImage
className = "landingbg"
src={LandingBg}
>
<div className='container'>
<div className="content">
<div className="smallContainer">
<motion.h3 initial={{opacity : 0, y : "-100%"}} animate ={{opacity : 1, y : 0}} transition={{duration : 1.5, delay : 1}} drag dragConstraints = {{left : 0, right : 0, top : 0, bottom : 0}} dragElastic = {1}>27-29th OCTOBER</motion.h3>
<h1>TRANSFINITTE</h1>
<h2>Innovation Knows No Bounds</h2>
<div className="buttonHolder">
<button id="regbtn" onClick={() => {window.location.href = "/register"}}>REGISTER NOW</button>
<button id="archbtn" onClick={() => {window.open(
'https://drive.google.com/file/d/1PcIjK3qWJYjgxCiBnXAnTdjH5rwDA2KU/view?usp=sharing',
'_blank' // <- This is what makes it open in a new window.
);}}>2022 ARCHIVE</button>
</div>
</div>
<motion.div className="timer" initial={{opacity : 0, transform : "scale(0.1)"}} animate ={{opacity : 1, transform : "scale(1)"}} transition={{duration : 1, delay : 1}}>
<div className="element">
<div className="time">{days}</div>
<div className="timeText">DAYS</div>
</div>
<div className="element">
<div className="time">{hours}</div>
<div className="timeText">HOURS</div>
</div>
<div className="element">
<div className="time">{minutes}</div>
<div className="timeText">MINUTES</div>
</div>
<div className="element">
<div className="time">{seconds}</div>
<div className="timeText">SECONDS</div>
</div>
</motion.div>
</div>
<div className="buttonHolder">
<button
id="regbtn"
onClick={() => {
window.location.href = "/register";
}}
>
REGISTER NOW
</button>
<button
id="archbtn"
onClick={() => {
window.open(
"https://drive.google.com/file/d/1PcIjK3qWJYjgxCiBnXAnTdjH5rwDA2KU/view?usp=sharing",
"_blank" // <- This is what makes it open in a new window.
);
}}
>
2022 ARCHIVE
</button>
</div>
</div>
</BackgroundImage>
</>
)
}

<motion.div
className="timer"
initial={{ opacity: 0, transform: "scale(0.1)" }}
animate={{ opacity: 1, transform: "scale(1)" }}
transition={{ duration: 1, delay: 1 }}
>
<div className="element">
<div className="time">{days}</div>
<div className="timeText">DAYS</div>
</div>
<div className="element">
<div className="time">{hours}</div>
<div className="timeText">HOURS</div>
</div>
<div className="element">
<div className="time">{minutes}</div>
<div className="timeText">MINUTES</div>
</div>
<div className="element">
<div className="time">{seconds}</div>
<div className="timeText">SECONDS</div>
</div>
</motion.div>
</div>
</div>
</BackgroundImage>
</>
);
};

export default Landing;
export default Landing;
Loading

0 comments on commit b66423d

Please sign in to comment.