Moved sponsoring

Added new Team Added new Header Updated to health
HackHPI · Nov 22, 2024 · 9779d73 · 9779d73
1 parent 501945e
commit 9779d73
Show file tree

Hide file tree

Showing 27 changed files with 958 additions and 227 deletions.
diff --git a/next-env.d.ts b/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -11,13 +11,13 @@ export default function RootLayout({children,}: { children: React.ReactNode }) {
         <head>
             <meta charSet="UTF-8"/>
             <meta name="viewport" content="width=device-width"/>
-            <link rel="icon" type="image/png" href="/favicon.png"/>
+            <link rel="icon" type="image/svg+xml" href="/HackHPI_white.svg"/>
             <title>
-                HackHPI 2024 | tomorrow's reality, today's vision. smart cities edition.
+                HackHPI 2025 | Health Edition.
             </title>
             <meta name="theme-color" content="#13101B"/>
             <meta name={"description"}
-                  content={"Explore the future of urban living at HPI in Potsdam. Join motivated students for two days of innovation, workshops, and collaboration with top-notch sponsors offering support and expertise. Tackle a challenge and dive into the world of smart cities."}/>
+                  content={"Explore the future of health at HPI in Potsdam. Join motivated students for two days of innovation, workshops, and collaboration with top-notch sponsors offering support and expertise. Tackle a challenge and dive into the world of health."}/>
         </head>
         <body>
         <AppRouterCacheProvider>

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,8 +1,7 @@
 import {VerifiedChecker} from "../components/VerifiedChecker/VerifiedChecker";
 import WhatToExpect from "../components/WhatToExpect/WhatToExpect";
-import Sponsors from "../components/Sponsors/Sponsors";
+import Sponsors25 from "../components/Sponsors/Sponsors25";
 import Newsletter from "../components/Newsletter/Newsletter";
-import {TimeTable} from "../components/TimeTable/TimeTable";
 import {Faq} from "../components/Faq/Faq";
 import Team from "../components/Team/Team";
 import Speakers from "../components/Speakers/Speakers";
@@ -18,14 +17,16 @@ export default function Page() {
             <VerifiedChecker/>
             <WhatToExpect/>
             <Features/>
-            <Sponsors/>
+            <Sponsors25/>
             <Gallery/>
             <Newsletter/>
             {/*<Registration />
                 <Location />*/}
             <Speakers/>
             <Jury/>
-            <TimeTable/>
+            {/*
+                <TimeTable/>
+                */}
             <Faq/>
             <Team/>
         </>

diff --git a/...onsors/CTH-Logo-vertical_2000px-white.png → ...s/2024/CTH-Logo-vertical_2000px-white.png b/...onsors/CTH-Logo-vertical_2000px-white.png → ...s/2024/CTH-Logo-vertical_2000px-white.png
diff --git a/...ages/sponsors/CTH-logo-vertical_white.svg → ...sponsors/2024/CTH-logo-vertical_white.svg b/...ages/sponsors/CTH-logo-vertical_white.svg → ...sponsors/2024/CTH-logo-vertical_white.svg
diff --git a/src/assets/images/sponsors/DreesSommer.webp → ...ets/images/sponsors/2024/DreesSommer.webp b/src/assets/images/sponsors/DreesSommer.webp → ...ets/images/sponsors/2024/DreesSommer.webp
diff --git a/src/assets/images/sponsors/axelspringer.webp → ...ts/images/sponsors/2024/axelspringer.webp b/src/assets/images/sponsors/axelspringer.webp → ...ts/images/sponsors/2024/axelspringer.webp
diff --git a/...s/sponsors/berta-rudi_logo_negativ_sw.svg → ...nsors/2024/berta-rudi_logo_negativ_sw.svg b/...s/sponsors/berta-rudi_logo_negativ_sw.svg → ...nsors/2024/berta-rudi_logo_negativ_sw.svg
diff --git a/...s/sponsors/cropped-logo-starwit-white.png → ...nsors/2024/cropped-logo-starwit-white.png b/...s/sponsors/cropped-logo-starwit-white.png → ...nsors/2024/cropped-logo-starwit-white.png
diff --git a/.../images/sponsors/cropped-logo-starwit.png → ...es/sponsors/2024/cropped-logo-starwit.png b/.../images/sponsors/cropped-logo-starwit.png → ...es/sponsors/2024/cropped-logo-starwit.png
diff --git a/src/assets/images/sponsors/db.svg → src/assets/images/sponsors/2024/db.svg b/src/assets/images/sponsors/db.svg → src/assets/images/sponsors/2024/db.svg
diff --git a/src/assets/images/sponsors/e-school.svg → src/assets/images/sponsors/2024/e-school.svg b/src/assets/images/sponsors/e-school.svg → src/assets/images/sponsors/2024/e-school.svg
diff --git a/src/assets/images/sponsors/holySquad.png → ...assets/images/sponsors/2024/holySquad.png b/src/assets/images/sponsors/holySquad.png → ...assets/images/sponsors/2024/holySquad.png
diff --git a/src/assets/images/sponsors/potsdam.webp → src/assets/images/sponsors/2024/potsdam.webp b/src/assets/images/sponsors/potsdam.webp → src/assets/images/sponsors/2024/potsdam.webp
diff --git a/src/assets/images/sponsors/2025/engine.svg b/src/assets/images/sponsors/2025/engine.svg
diff --git a/src/components/Faq/Faq.jsx b/src/components/Faq/Faq.jsx
@@ -47,7 +47,7 @@ let faqs = [
                 text: "Take S7 from Berlin Central Station (\"Hauptbahnhof\") towards Potsdam and exit at Griebnitzsee."
             }, {
                 title: "How should I prepare?",
-                text: "Bring your laptop and a charger, comfortable clothes, and, above all, motivation to hack! You can dive into the topic of Smart Cities in advance, but there will be introductory sessions as well."
+                text: "Bring your laptop and a charger, comfortable clothes, and, above all, motivation to hack! You can dive into the topic of health in advance, but there will be introductory sessions as well."
             }
         ]
     },
@@ -82,7 +82,7 @@ let faqs = [
         items: [
             {
                 title: "What are the challenges?",
-                text: "All challenges are connected to the subject of Smart Cities, but we cannot tell you what awaits you. And honestly, who wants to miss the thrill of a surprise challenge? Anyway, the exact challenges will be announced at the event, so stay tuned!"
+                text: "All challenges are connected to the subject of health, but we cannot tell you what awaits you. And honestly, who wants to miss the thrill of a surprise challenge? Anyway, the exact challenges will be announced at the event, so stay tuned!"
             },
             {
                 title: "What are the prizes?",

diff --git a/src/components/Features/Features.jsx b/src/components/Features/Features.jsx
@@ -27,9 +27,10 @@ export function Features() {
         },
         {
             icon: <EmojiEvents/>,
-            title: "Cash prizes totaling up to €3500",
-            subtitle: "Up for grabs are cash prizes totaling up to €3500, and among other things, €100 for the best meme of the event."
+            title: "Cash prizes",
+            subtitle: "Up for grabs are cash prizes for the best result, and among other things, prices for the best meme of the event."
         },
+        /*
         {
             icon: <ConfirmationNumber/>,
             title: "Free tickets for the Urban Innovation Forum in Berlin",
@@ -40,6 +41,8 @@ export function Features() {
             title: "Pitch your idea at the Greentech Festival in Berlin",
             subtitle: "Two of this year’s HackHPI winning team, will have the opportunity to pitch the results at the startup stage of the Greentech Festival in Berlin on May 18th."
         }
+
+         */
     ]
 
     return (

diff --git a/src/components/Gallery/Gallery.jsx b/src/components/Gallery/Gallery.jsx
@@ -29,21 +29,28 @@ export function Gallery() {
                 margin: "0.5em",
                 display: "flex"
             }}>
-                {imageList.map(image => <Box sx={{
-                    margin: "0.5em",
-                    aspectRatio: "16/10",
-                    background: `url(${image.src})`,
-                    backgroundSize: "cover",
-
-                    height: "100%"
-                }}/>)}
-                {imageList.map(image => <Box sx={{
-                    margin: "0.5em",
-                    aspectRatio: "16/10",
-                    background: `url(${image.src})`,
-                    backgroundSize: "cover",
-                    height: "100%"
-                }}/>)}
+                {imageList.map(image => <Box
+                    sx={{
+                        margin: "0.5em",
+                        aspectRatio: "16/10",
+                        background: `url(${image.src})`,
+                        backgroundSize: "cover",
+                        height: "100%"
+                    }}
+                    key={image.src}
+                />)}
+                {imageList.map(image => <Box
+                        sx={{
+                            margin: "0.5em",
+                            aspectRatio: "16/10",
+                            background: `url(${image.src})`,
+                            backgroundSize: "cover",
+                            height: "100%"
+                        }}
+                        key={image.src}
+
+                    />
+                )}
             </Box>
         </Box>
     }

diff --git a/src/components/LandingImage/LandingImage.jsx b/src/components/LandingImage/LandingImage.jsx
@@ -3,85 +3,87 @@ import {Box, Button, Card, Container, Stack, Typography} from "@mui/material";
 import {TypeAnimation} from "react-type-animation";
 import Countdown from "./Countdown.jsx";
 import {CalendarMonthOutlined, Camera, CameraAlt, LocationOn} from "@mui/icons-material";
+import {useEffect, useState} from "react";
+import {MeshContainer} from "./MeshContainer/MeshContainer";
 
 function LandingImage() {
 
+    const [timeLeft, setTimeLeft] = useState(calculateTimeDiff())
+
+    function calculateTimeDiff() {
+        return new Date(new Date(2025, 2, 21) - new Date())
+    }
+
+    useEffect(() => {
+        const i = setInterval(() => {
+            setTimeLeft(calculateTimeDiff())
+        }, 1000);
+        return () => clearInterval(i);
+    }, []);  //dependency, if end changes remount
+
     return (
-        <Box sx={{
-            width: "100%",
-            backgroundImage: `url(/mazeBackground.svg), linear-gradient(180deg, rgba(19,16,27,1) 0%, rgba(19,16,27,1) 100%)`,
-            backgroundPosition: "center",
-            backgroundSize: "cover",
-            padding: 2
-        }}
-        >
-            <Container sx={{height: "100%", width: "100%", display: "flex", alignItems: "center"}}>
-                <Box sx={{
-                    height: "80%",
-                    width: "100%",
-                    display: "flex",
-                    justifyContent: "space-around",
-                    flexDirection: "column",
-                    minHeight: "60vh",
-                }}>
+        <MeshContainer>
 
-                    <img src={"/HackHPI24_white.png"} width={"150rem"} alt={"HackHPI Logo"}/>
-                    <div>
-                        {/*<Countdown/>*/}
-                        <Typography sx={{color: "white"}} variant={"h2"} component={"h1"} >
-                        Thank you,
-                        </Typography>
-                        <Typography variant={"h4"} component={"h2"}>
-                            <TypeAnimation
-                                preRenderFirstString={true}
-                                sequence={[
-                                    500,
-                                    'That we built Better Transport', // initially rendered starting point
-                                    1000,
-                                    'That we built Better Schools',
-                                    1000,
-                                    'That we built Better Routes',
-                                    1000,
-                                    'That we built Better Cities',
-                                    3000,
-                                    'See you next year!',
-                                    10000,
-                                ]}
-                                speed={50}
-                                repeat={Infinity}
-                            />
-                        </Typography>
-                    </div>
-                    <Stack direction={"row"} spacing={3} useFlexGap flexWrap="wrap">
-                        <Button
-                            variant={"contained"}
-                            sx={{
-                                background: "linear-gradient(90deg, rgba(58,12,163,1) 0%, rgba(114,9,183,1) 100%)",
-                                backgroundColor: "secondary.main",
-                                borderWidth: "1rem",
-                                width: "13rem",
-                                height: "3.5rem",
-                                fontSize: "1rem",
-                            }}
-                            startIcon={<CameraAlt/>}
-                            onClick={() => document.getElementById("images").scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" })}
-                        >
-                            Images
-                        </Button>
-                        <Card sx={{height: "3.5rem", width: "13rem", justifyContent: "center", display:"flex"}}>
-                            <Stack direction={"row"} alignItems={"center"} display={"flex"}
-                                   sx={{height: "100%", paddingRight: "1.25rem", paddingLeft: "1.25rem",}} spacing={2}>
-                                <CalendarMonthOutlined sx={{fontSize: "1.5rem", color: "text.disabled"}}/>
-                                <Typography sx={{fontSize: "1rem"}} color={"text.disabled"} noWrap>
-                                    5th - 6th April 2024
-                                </Typography>
-                            </Stack>
-                        </Card>
-                    </Stack>
-                </Box>
+            <Container sx={{height: "100%", width: "100%", display: "flex", flexDirection: "column", justifyContent: "space-around", minHeight: "60vh"}}>
+                <img src={"/HackHPI_white.svg"} width={"150rem"} alt={"HackHPI Logo"}/>
+                <div>
+                    <Typography sx={{color: "white"}} variant={"h2"} component={"h1"}>
+                        Medical Edition
+                    </Typography>
+                    <Typography variant={"h4"} component={"h2"}>
+                        <TypeAnimation
+                            preRenderFirstString={true}
+                            sequence={[
+                                500,
+                                'For better',
+                                500,
+                                'For better health', // initially rendered starting point
+                                1000,
+                                'For better diagnosis', // initially rendered starting point,
+                                1000,
+                                'For better treatments', // initially rendered starting point
+                                1000,
+                                `See you in ${Math.round(timeLeft / (24 * 60 * 60 * 1000))} Days!`,
+                                10000,
+                            ]}
+                            speed={50}
+                            repeat={Infinity}
+                        />
+                    </Typography>
+                </div>
+                <Stack direction={"row"} spacing={3} useFlexGap flexWrap="wrap">
+                    <Button
+                        variant={"contained"}
+                        sx={{
+                            borderWidth: "1rem",
+                            width: "13rem",
+                            height: "3.5rem",
+                            fontSize: "1rem",
+                        }}
+                        color={"primary"}
+                        startIcon={<CameraAlt/>}
+                        onClick={() => document.getElementById("images").scrollIntoView({
+                            behavior: "smooth",
+                            block: "start",
+                            inline: "nearest"
+                        })}
+                    >
+                        Images
+                    </Button>
+                    <Card sx={{height: "3.5rem", justifyContent: "center", display: "flex"}}>
+                        <Stack direction={"row"} alignItems={"center"} display={"flex"}
+                               sx={{height: "100%", paddingRight: "1.25rem", paddingLeft: "1.25rem",}} spacing={2}>
+                            <CalendarMonthOutlined sx={{fontSize: "1.5rem", color: "text.disabled"}}/>
+                            <Typography sx={{fontSize: "1rem"}} color={"text.disabled"} noWrap>
+                                21th - 22th March 2025
+                            </Typography>
+                        </Stack>
+                    </Card>
+                </Stack>
             </Container>
-        </Box>
+        </MeshContainer>
     )
+
 }
 
 export default LandingImage