Skip to content

Commit

Permalink
fix: final ig
Browse files Browse the repository at this point in the history
  • Loading branch information
@mharrish7
mharrish7 committed Oct 18, 2023
1 parent aa91ed5 commit e732f43
Show file tree
Hide file tree
Showing 16 changed files with 246 additions and 80 deletions.
114 changes: 86 additions & 28 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,59 +72,94 @@ 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">
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, <br/>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>
);
};

export default Judges;
export default Judges;
15 changes: 15 additions & 0 deletions src/Components/NavBar/index.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@


.logos{
width : 4rem;
margin-left : 1rem;
margin-right : 1rem;
}

@media only screen and (max-width: 600px) {
.logos{
width : 3rem;
margin-left : 0.3rem;
margin-right : 0.3rem;
}
}
17 changes: 15 additions & 2 deletions src/Components/NavBar/index.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
import { Text } from "@mantine/core";
import logo from "../../assets/logo.svg";
import tclogo from "../../assets/tc.svg";
import scient from "../../assets/scient.png";
import nittlogo from "../../assets/nittlogo.png";
import "./index.css";
import {
Burger,
Container,
Expand All @@ -9,6 +13,7 @@ import {
Paper,
Transition,
} from "@mantine/core";

import { useDisclosure } from "@mantine/hooks";
import { useState } from "react";
import {motion} from "framer-motion";
Expand Down Expand Up @@ -124,10 +129,18 @@ const NavBar = () => {
"@media (max-width: 900px)": {
fontSize: theme.fontSizes.lg,
margin: "0rem",
},
},
})}
>
<motion.img src={logo} drag dragConstraints = {{left : 0, right : 0, top : 0, bottom : 0}} dragElastic = {1} transition = {{duration : 0.5}}></motion.img>
<div style={{display : "flex", alignItems : "center", justifyContent : "center"}}>
<motion.img src={nittlogo} drag dragConstraints = {{left : 0, right : 0, top : 0, bottom : 0}} dragElastic = {1} transition = {{duration : 0.5}} className="logos"></motion.img>
<motion.img src={tclogo} drag dragConstraints = {{left : 0, right : 0, top : 0, bottom : 0}} dragElastic = {1} transition = {{duration : 0.5}} className="logos"></motion.img>
<motion.img src={scient} drag dragConstraints = {{left : 0, right : 0, top : 0, bottom : 0}} dragElastic = {1} transition = {{duration : 0.5}} className="logos"></motion.img>
<motion.img src={logo} drag dragConstraints = {{left : 0, right : 0, top : 0, bottom : 0}} dragElastic = {1} transition = {{duration : 0.5}} className="logos"></motion.img>

</div>


</Text>
<Group
spacing={2}
Expand Down
Loading

0 comments on commit e732f43

Please sign in to comment.