diff --git a/client/public/assets/photos/teams/adrienne_lam.jpeg b/client/public/assets/photos/teams/adrienne_lam.jpeg new file mode 100644 index 00000000..9ddba961 Binary files /dev/null and b/client/public/assets/photos/teams/adrienne_lam.jpeg differ diff --git a/client/public/assets/photos/teams/emily_rose.jpg b/client/public/assets/photos/teams/emily_rose.jpg new file mode 100644 index 00000000..47f295e4 Binary files /dev/null and b/client/public/assets/photos/teams/emily_rose.jpg differ diff --git a/client/public/assets/photos/teams/eve_sherratt.jpg b/client/public/assets/photos/teams/eve_sherratt.jpg new file mode 100644 index 00000000..ec626667 Binary files /dev/null and b/client/public/assets/photos/teams/eve_sherratt.jpg differ diff --git a/client/public/assets/photos/teams/irenitemi_agbejule.jpg b/client/public/assets/photos/teams/irenitemi_agbejule.jpg new file mode 100644 index 00000000..043a317d Binary files /dev/null and b/client/public/assets/photos/teams/irenitemi_agbejule.jpg differ diff --git a/client/public/assets/photos/teams/jack_parkes.jpg b/client/public/assets/photos/teams/jack_parkes.jpg new file mode 100644 index 00000000..ee4ef362 Binary files /dev/null and b/client/public/assets/photos/teams/jack_parkes.jpg differ diff --git a/client/public/assets/photos/teams/jacob_wrenn.png b/client/public/assets/photos/teams/jacob_wrenn.png new file mode 100644 index 00000000..dd4c5ffa Binary files /dev/null and b/client/public/assets/photos/teams/jacob_wrenn.png differ diff --git a/client/public/assets/photos/teams/joe_clack.png b/client/public/assets/photos/teams/joe_clack.png new file mode 100644 index 00000000..a2cb0ae9 Binary files /dev/null and b/client/public/assets/photos/teams/joe_clack.png differ diff --git a/client/public/assets/photos/teams/kaal_sahele.jpg b/client/public/assets/photos/teams/kaal_sahele.jpg new file mode 100644 index 00000000..ec9146f6 Binary files /dev/null and b/client/public/assets/photos/teams/kaal_sahele.jpg differ diff --git a/client/public/assets/photos/teams/kun_satapas_tanachotpaisit.jpg b/client/public/assets/photos/teams/kun_satapas_tanachotpaisit.jpg new file mode 100644 index 00000000..9907c8a6 Binary files /dev/null and b/client/public/assets/photos/teams/kun_satapas_tanachotpaisit.jpg differ diff --git a/client/public/assets/photos/teams/lizete_viljoen.jpg b/client/public/assets/photos/teams/lizete_viljoen.jpg new file mode 100644 index 00000000..ba2dc531 Binary files /dev/null and b/client/public/assets/photos/teams/lizete_viljoen.jpg differ diff --git a/client/public/assets/photos/teams/luca_huelle.jpg b/client/public/assets/photos/teams/luca_huelle.jpg new file mode 100644 index 00000000..9ea70d38 Binary files /dev/null and b/client/public/assets/photos/teams/luca_huelle.jpg differ diff --git a/client/public/assets/photos/teams/luka_mihajlovic.jpg b/client/public/assets/photos/teams/luka_mihajlovic.jpg new file mode 100644 index 00000000..07462cf3 Binary files /dev/null and b/client/public/assets/photos/teams/luka_mihajlovic.jpg differ diff --git a/client/public/assets/photos/teams/maks_nowak.jpg b/client/public/assets/photos/teams/maks_nowak.jpg new file mode 100644 index 00000000..2b56489d Binary files /dev/null and b/client/public/assets/photos/teams/maks_nowak.jpg differ diff --git a/client/public/assets/photos/teams/oscar_ryley.png b/client/public/assets/photos/teams/oscar_ryley.png new file mode 100644 index 00000000..e251efcd Binary files /dev/null and b/client/public/assets/photos/teams/oscar_ryley.png differ diff --git a/client/public/assets/photos/teams/quinn_dines.jpg b/client/public/assets/photos/teams/quinn_dines.jpg new file mode 100644 index 00000000..d9799f8c Binary files /dev/null and b/client/public/assets/photos/teams/quinn_dines.jpg differ diff --git a/client/public/assets/photos/teams/will_woodward.jpg b/client/public/assets/photos/teams/will_woodward.jpg new file mode 100644 index 00000000..c017e936 Binary files /dev/null and b/client/public/assets/photos/teams/will_woodward.jpg differ diff --git a/client/src/app/(home)/page.tsx b/client/src/app/(home)/page.tsx index 6e92ec8f..a52da482 100644 --- a/client/src/app/(home)/page.tsx +++ b/client/src/app/(home)/page.tsx @@ -10,16 +10,20 @@ import { Gallery } from "@/components/gallery" import { Guilds } from "@/components/guilds" import { Splash } from "@/components/splash" import { Sponsors } from "@/components/sponsors" +import { Teams } from "@/components/teams" import { AnimatedMountain } from "./animated-mountain"; export default function HomePage() { return (
+ +
+
@@ -44,6 +48,10 @@ export default function HomePage() { +
+ +
+
diff --git a/client/src/components/navbar.tsx b/client/src/components/navbar.tsx index a52f966a..3674cc77 100644 --- a/client/src/components/navbar.tsx +++ b/client/src/components/navbar.tsx @@ -37,6 +37,9 @@ export function Navbar() {
  • Gallery
    • +
  • + Teams +
  • Team
    • diff --git a/client/src/components/teams.tsx b/client/src/components/teams.tsx new file mode 100644 index 00000000..997dc55a --- /dev/null +++ b/client/src/components/teams.tsx @@ -0,0 +1,282 @@ +import { + Carousel, + CarouselContent, + CarouselItem, + CarouselNext, + CarouselPrevious, +} from "@durhack/web-components/ui/carousel" +import Image from "next/image" + +import { SectionHeader } from "@/components/section-header" + +import { audiowide } from "@/lib/google-fonts" +import "@/styles/section-header.css" + +export function Teams() { + const teamContainer = "min-h-full flex flex-col h-full justify-between py-4 bg-gradient-to-b from-blue-500 via-cyan-300 to-orange-500 bg-opacity-25 rounded-3xl p-4 " + + const titleText = `${audiowide.className} xl:text-5xl lg:text-4xl sm:text-3xl text-2xl font-bold md:text-end text-center px-4 sm:pt-8 ` + const teamText = "text-xs sm:text-lg xl:text-xl md:px-4 md:text-end text-center " + const teamHeadContainer = "flex flex-col justify-center md:flex-row items-center lg:h-[30vh] md:h-[25vh] h-[20vh] w-auto xl:mt-[-10rem] md:mt-[-5rem] xl:px-32" + const teamHeadImage = "xl:min-w-[30%] md:min-w-[30%] sm:min-w-[35%] min-w-[50%] sm:max-h-[100%] min-h-[80%] object-cover w-auto p-1 bg-gradient-to-r from-yellow-600 via-orange-500 to-amber-500 " + + const memberImageContainer = "flex justify-center items-center align-center w-full " + const memberImageWrapper = "flex flex-wrap justify-center gap-2 w-4/5" + const memberImage = " flex-1 xl:max-w-[20%] md:max-w-[23%] sm:max-w-[25%] max-w-[33%] object-cover p-1 bg-gradient-to-b from-yellow-400 via-orange-400 to-amber-400 xl:max-h-[10rem] sm:max-h-[8rem] max-h-[4rem]" + + return ( +
    + Teams +
    +
    + + + +
    +
    + Tech Team (Software) +
    +
    + Tech Team Head +
    + We do tech and stuff. I think... we do cool stuff, and here a random amount of text to fill in this section. +
    +
    +
    +
    + Tech Team Member + Tech Team Member + Tech Team Member + Tech Team Member + Tech Team Member +
    +
    +
    +     + +
    +
    + Tech Team (Hardware) +
    +
    + Opening Ceremony +
    + We do not tech and stuff. I know... we do not do cool stuff, and here a random fixed of text to not fill in this section. +
    +
    +
    +
    + hacking + hacking + hacking + hacking + +
    +
    +
    +     + +
    +
    + Sponsiership +
    +
    + team +
    + We do not tech and stuff. I know... we do not do cool stuff, and here a random fixed of text to not fill in this section. +
    +
    +
    +
    + hacking + hacking +
    +
    +
    +     + +
    +
    + Logistics +
    +
    + Opening Ceremony +
    + We do not tech and stuff. I know... we do not do cool stuff, and here a random fixed of text to not fill in this section. +
    +
    +
    +
    + hacking + +
    +
    +
    +     + +
    +
    + Finance +
    +
    + Opening Ceremony +
    + We do not tech and stuff. I know... we do not do cool stuff, and here a random fixed of text to not fill in this section. +
    +
    +
    +
    + hacking + +
    +
    +
    +     + +
    +
    + Design Marketing +
    +
    + Opening Ceremony +
    + We do not tech and stuff. I know... we do not do cool stuff, and here a random fixed of text to not fill in this section. +
    +
    +
    +
    + hacking + +
    +
    +
    +     +     + + +     +
    +
    +
    + ); +} diff --git a/client/src/styles/background.css b/client/src/styles/background.css index 29778534..b628ef43 100644 --- a/client/src/styles/background.css +++ b/client/src/styles/background.css @@ -46,7 +46,6 @@ section#faqs { width: 100%; } } - section#sponsors { background: linear-gradient(180deg, #306379, #175a82 50%, #196798); } @@ -59,6 +58,10 @@ section#gallery { background: linear-gradient(180deg, #3983ab, #73afc5); } -footer { - background: #73afc5; +section#teams { + background: linear-gradient(180deg, #73afc5, #89c4d9); } + +footer { + background: #89c4d9; +} \ No newline at end of file