From c8e9c765068cb6e54e1466123402a8360772fc9d Mon Sep 17 00:00:00 2001 From: Aaron Chan <42254254+aaronchan32@users.noreply.github.com> Date: Thu, 4 Apr 2024 20:32:33 -0700 Subject: [PATCH] Squash merged with judges branch --- public/fonts/NB-International-Mono.ttf | Bin 0 -> 74624 bytes src/components/JudgeCard/JudgeCard.scss | 117 ++++++++++++++++++ src/components/JudgeCard/JudgeCard.tsx | 65 ++++++++++ src/components/Navbar/Navbar.scss | 1 - .../OrbitingPlanets/OrbitingPlanets.scss | 1 + src/pages/Home/Home.scss | 18 +++ src/pages/Judges/JudgeList.tsx | 50 ++++++++ src/pages/Judges/Judges.scss | 26 ++-- src/pages/Judges/Judges.tsx | 39 +++--- src/styles/App.scss | 4 + src/styles/variables.scss | 17 ++- 11 files changed, 300 insertions(+), 38 deletions(-) create mode 100644 public/fonts/NB-International-Mono.ttf create mode 100644 src/components/JudgeCard/JudgeCard.scss create mode 100644 src/components/JudgeCard/JudgeCard.tsx create mode 100644 src/pages/Judges/JudgeList.tsx diff --git a/public/fonts/NB-International-Mono.ttf b/public/fonts/NB-International-Mono.ttf new file mode 100644 index 0000000000000000000000000000000000000000..dfa8346476aaf903c637a25c18d20f96a5b582d7 GIT binary patch literal 74624 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 BNF@LO literal 0 HcmV?d00001 diff --git a/src/components/JudgeCard/JudgeCard.scss b/src/components/JudgeCard/JudgeCard.scss new file mode 100644 index 0000000..0951327 --- /dev/null +++ b/src/components/JudgeCard/JudgeCard.scss @@ -0,0 +1,117 @@ +.judge-card { + display: flex; + gap: 2rem; + + &:nth-of-type(even) { + flex-direction: row-reverse; + } + + @media (max-width: 390px) { + flex-direction: column; + + &:nth-of-type(even) { + flex-direction: column; + } + } + + .svg-container { + display: flex; + position: relative; + min-width: 180px; + + a { + width: 161px; + height: 160px; + // https://www.plantcss.com/css-clip-path-converter + clip-path: polygon(0% 100%, 16.979% 0%, 100% 0%, 83.021% 100%, 0% 100%); + img { + // Solves sub pixel rendering issue with scale transform + will-change: transform; + height: 100%; + width: 100%; + object-fit: cover; + transition: + transform 0.3s, + filter 0.3s; + &:hover { + transform: scale(1.05); + filter: brightness(1.1); + } + } + } + + .orange-bar { + position: absolute; + transform: translateX(145px); + } + } + + .judge-info { + h3 { + margin-bottom: 1rem; + + span { + font-family: $mono-font; + font-size: 0.8em; + } + } + + .fun-fact-container { + .trigger { + cursor: pointer; + display: inline; + border-bottom: 1.5px solid $primary-orange; + padding-bottom: 1px; + } + + .desc { + position: absolute; + opacity: 0; + pointer-events: none; + margin-top: 1rem; + max-width: 50ch; + transition: opacity 0.3s; + margin-inline: auto; + color: rgb(9, 9, 33); + background-color: rgba(255, 255, 255, 0.8); + border: 1px solid rgba(255, 255, 255, 1); + backdrop-filter: blur(5px); + padding: 1rem; + color: $primary-blue; + z-index: 1; + // 15 ch is about the length of fun fact trigger text + transform: translateX(calc((-15ch / 2 + 50%) * -1)); + + &:after { + content: '▲'; + $triangle-size: 20px; + font-size: $triangle-size; + line-height: 0.65; + position: absolute; + color: rgba(255, 255, 255, 0.9); + top: calc($triangle-size * -0.65); + left: 0; + right: 0; + margin-inline: auto; + width: $triangle-size; + height: $triangle-size; + + @media (max-width: $mobile-breakpoint) { + color: rgba(9, 9, 33, 0.8); + } + } + + @media (max-width: $mobile-breakpoint) { + background-color: rgba(9, 9, 33, 0.8); + border: 1px solid rgba(9, 9, 33, 1); + color: $primary-white; + width: fit-content; + max-width: calc(100% - 2rem); + transform: translateX(0); + left: 0; + right: 0; + } + } + } + } +} diff --git a/src/components/JudgeCard/JudgeCard.tsx b/src/components/JudgeCard/JudgeCard.tsx new file mode 100644 index 0000000..2137486 --- /dev/null +++ b/src/components/JudgeCard/JudgeCard.tsx @@ -0,0 +1,65 @@ +import { useRef } from 'react'; +import './JudgeCard.scss'; + +interface JudgeProps { + name: string; + pronouns: string; + position: string; + funFact: string; + imgLink: string; + linkedin: string; +} + +const JudgeCard = ({ + name, + pronouns, + position, + funFact, + imgLink, + linkedin +}: JudgeProps) => { + const funFactRef = useRef(null); + return ( + //prettier-ignore +
+
+ + {'Headshot + + + + +
+
+

+ {name} ({pronouns}) +

+

{position}

+
+

{ + if (funFactRef.current) { + funFactRef.current.style.opacity = '1'; + funFactRef.current.style.pointerEvents = 'auto'; + } + }} + onMouseLeave={() => { + if (funFactRef.current) { + funFactRef.current.style.opacity = '0'; + funFactRef.current.style.pointerEvents = 'none'; + } + }} + > + See my fun fact! +

+

+ {funFact} +

+
+
+
+ ); +}; + +export default JudgeCard; diff --git a/src/components/Navbar/Navbar.scss b/src/components/Navbar/Navbar.scss index 92a0bc3..f02b8ed 100644 --- a/src/components/Navbar/Navbar.scss +++ b/src/components/Navbar/Navbar.scss @@ -1,5 +1,4 @@ nav { - border: 1px solid red; position: fixed; display: grid; place-items: center; diff --git a/src/components/OrbitingPlanets/OrbitingPlanets.scss b/src/components/OrbitingPlanets/OrbitingPlanets.scss index 547d378..30f002d 100644 --- a/src/components/OrbitingPlanets/OrbitingPlanets.scss +++ b/src/components/OrbitingPlanets/OrbitingPlanets.scss @@ -8,6 +8,7 @@ svg { transform: translateX($planet-offset); + height: 100%; @media (max-width: $tablet-breakpoint) { width: $planet-width; diff --git a/src/pages/Home/Home.scss b/src/pages/Home/Home.scss index b9d5743..caa2a4a 100644 --- a/src/pages/Home/Home.scss +++ b/src/pages/Home/Home.scss @@ -1,3 +1,21 @@ +$heading-color: #ff671e; +$text-color: white; + +@font-face { + font-family: 'Neue Plak'; + src: url('../../assets/fonts/Neue-Plak-Extended-Bold.ttf') format('truetype'); +} + +@font-face { + font-family: 'Ridge Bold'; + src: url('../../assets/fonts/ridge-bold-oblique.otf') format('opentype'); +} + +@font-face { + font-family: 'NB International'; + src: url('../../assets/fonts/NB-International-Regular.ttf') format('truetype'); +} + .home { display: grid; align-items: center; diff --git a/src/pages/Judges/JudgeList.tsx b/src/pages/Judges/JudgeList.tsx new file mode 100644 index 0000000..0abe542 --- /dev/null +++ b/src/pages/Judges/JudgeList.tsx @@ -0,0 +1,50 @@ +export const JudgeList = [ + { + name: 'Julia Nguyen', + pronouns: 'She/Her', + position: 'Product Designer @ ServiceNow', + funFact: 'I enjoy designing and sewing my clothes for myself.', + imgLink: + 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1712092000/frontiers24/judges/julia_axo4mb.webp', + linkedin: 'https://www.linkedin.com/in/nguyenjuliaa/' + }, + { + name: 'Alan Tran', + pronouns: 'He/Him', + position: 'UX Engineer @ Illumina', + funFact: + 'I want to create a public website that objectively scores the best pho in San Diego/OC area.', + imgLink: + 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1712092001/frontiers24/judges/alan_fefv0e.webp', + linkedin: 'https://www.linkedin.com/in/alantran2/' + }, + { + name: 'Dexter Zavalza', + pronouns: 'He/Him', + position: 'Conversational AI UX Design Lead (Manager) @ Deloitte', + funFact: 'First job out of college was in a surfboard factory.', + imgLink: + 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1712092002/frontiers24/judges/dexter_shmkoh.webp', + linkedin: 'https://www.linkedin.com/in/dzh-s/' + }, + { + name: 'Andrew Nguyen', + pronouns: 'He/Him', + position: 'UX Design Consultant @ Arup', + funFact: + 'I’ve appeared on the livestreams of 2 separate large esports broadcasts: the 2017 Overwatch World Cup in an audience interview and the 2023 Valorant Champions Finals on the Stare Cam.', + imgLink: + 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1712092000/frontiers24/judges/andrew_glhyyl.webp', + linkedin: 'https://www.linkedin.com/in/andrewduynguyen/' + }, + { + name: 'Soon-Won Dy', + pronouns: 'She/Her', + position: 'UX Designer @ Axos Bank', + funFact: + 'I love going to cafes & recreating their fancy coffees and baked goods at home.', + imgLink: + 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1712092000/frontiers24/judges/soon-won_xcteom.webp ', + linkedin: 'https://www.linkedin.com/in/soonwondy/' + } +]; diff --git a/src/pages/Judges/Judges.scss b/src/pages/Judges/Judges.scss index 14fc76e..9dd8dac 100644 --- a/src/pages/Judges/Judges.scss +++ b/src/pages/Judges/Judges.scss @@ -1,26 +1,26 @@ -.judge-stuff { - .judges { +.judges { + section { + max-width: 1800px; overflow: hidden; - display: flex; - align-items: center; @media (max-width: $tablet-breakpoint) { - align-items: baseline; + align-content: baseline; padding-top: 3rem; } - .judges-container { + .card-container { display: grid; gap: 3rem; - } - } + width: 100%; - h2 { - color: $primary-orange; - } + @media (max-width: $tablet-breakpoint) { + gap: 1rem; + } - .judge-component { - margin-bottom: 35px; + @media (max-width: $mobile-breakpoint) { + margin-bottom: 5rem; + } + } } .mobile { diff --git a/src/pages/Judges/Judges.tsx b/src/pages/Judges/Judges.tsx index 2e14ddf..527440f 100644 --- a/src/pages/Judges/Judges.tsx +++ b/src/pages/Judges/Judges.tsx @@ -1,52 +1,52 @@ import './Judges.scss'; -import JudgeComponent from '../../components/JudgeComponent/JudgeComponent'; +import JudgeCard from '../../components/JudgeCard/JudgeCard'; import { useRef } from 'react'; -import { JudgeInfo } from './JudgeInfo'; +import { JudgeList } from './JudgeList'; import useIsDesktop from '../../util/useIsDesktop'; -type JudgesProps = { - scroll4Ref: React.RefObject; -}; - -export default function Judges({ scroll4Ref }: JudgesProps) { +export default function Judges() { const judge1Ref = useRef(null); const judge2Ref = useRef(null); + const judge1ContainerRef = useRef(null); + const judge2ContainerRef = useRef(null); const isDesktop = useIsDesktop(); return ( -
+
{isDesktop ? ( <>
-
-
+
+

Judges

- {JudgeInfo.slice(0, 3).map(item => ( - ( + ))}
-
-
+
+

Judges

- {JudgeInfo.slice(3, 5).map(item => ( - ( + ))}
@@ -54,17 +54,18 @@ export default function Judges({ scroll4Ref }: JudgesProps) {
) : ( -
+

Judges

- {JudgeInfo.map(item => ( - ( + ))}
diff --git a/src/styles/App.scss b/src/styles/App.scss index 9052e8f..36a79c2 100644 --- a/src/styles/App.scss +++ b/src/styles/App.scss @@ -22,6 +22,10 @@ background-image: linear-gradient(to top, $primary-blue, transparent); } + @media (max-width: $mobile-breakpoint) { + scroll-snap-type: none; + } + section { height: 100vh; display: grid; diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 770955f..42acbfe 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -7,11 +7,6 @@ $primary-white: #f1f1f1; $tablet-breakpoint: 1200px; $mobile-breakpoint: 800px; -//Fonts -$header-font: 'Ridge Obligque Regular'; -$subheader-font: 'NeuePlak Bold'; -$p-font: 'NB International Regular'; - // Font Sizes $p-size: 20px; $h4-size: 24px; @@ -19,6 +14,13 @@ $h2-size: 40px; //Spacing and Sizing $mobile-padding: 34px 20px; +$header-font: 'Ridge Obligque Regular'; +$subheader-font: 'NeuePlak Bold'; +$p-font: 'NB International Regular'; +$mono-font: 'NB International Mono', monospace; + +//Spacing and Sizing +$mobile-padding: 34px 30px; $navbar-margin: clamp(2rem, calc(0.5rem + 5vw), 8rem); $navbar-width: 45px; @@ -55,6 +57,11 @@ $content-offset: calc( src: url('/fonts/NB-International-Regular.ttf'); } +@font-face { + font-family: 'NB International Mono'; + src: url('/fonts/NB-International-Mono.ttf'); +} + @font-face { font-family: 'Ridge Obligque Regular'; src: url('/fonts/ridge-bold-oblique.otf');