Skip to content

Update To Health #156

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
DerCed merged 2 commits into from
Nov 22, 2024
Merged

Update To Health #156

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9779d73
Moved sponsoring
DerCed Nov 22, 2024
f567f4d
Fixed word
DerCed Nov 22, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion next-env.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.
6 changes: 3 additions & 3 deletions src/app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
9 changes: 5 additions & 4 deletions src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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";
Expand All @@ -18,14 +17,16 @@ export default function Page() {
<VerifiedChecker/>
<WhatToExpect/>
<Features/>
<Sponsors/>
<Sponsors25/>
<Gallery/>
<Newsletter/>
{/*<Registration />
<Location />*/}
<Speakers/>
<Jury/>
<TimeTable/>
{/*
<TimeTable/>
*/}
<Faq/>
<Team/>
</>
Expand Down
0 ...onsors/CTH-Logo-vertical_2000px-white.png → ...s/2024/CTH-Logo-vertical_2000px-white.png
View file
Open in desktop
File renamed without changes
0 ...ages/sponsors/CTH-logo-vertical_white.svg → ...sponsors/2024/CTH-logo-vertical_white.svg
View file
Open in desktop
File renamed without changes
0 src/assets/images/sponsors/DreesSommer.webp → ...ets/images/sponsors/2024/DreesSommer.webp
View file
Open in desktop
File renamed without changes
0 src/assets/images/sponsors/axelspringer.webp → ...ts/images/sponsors/2024/axelspringer.webp
View file
Open in desktop
File renamed without changes
214 changes: 107 additions & 107 deletions ...s/sponsors/berta-rudi_logo_negativ_sw.svg → ...nsors/2024/berta-rudi_logo_negativ_sw.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
0 ...s/sponsors/cropped-logo-starwit-white.png → ...nsors/2024/cropped-logo-starwit-white.png
View file
Open in desktop
File renamed without changes
0 .../images/sponsors/cropped-logo-starwit.png → ...es/sponsors/2024/cropped-logo-starwit.png
View file
Open in desktop
File renamed without changes
0 src/assets/images/sponsors/db.svg → src/assets/images/sponsors/2024/db.svg
View file
Open in desktop
File renamed without changes
0 src/assets/images/sponsors/e-school.svg → src/assets/images/sponsors/2024/e-school.svg
View file
Open in desktop
File renamed without changes
0 src/assets/images/sponsors/holySquad.png → ...assets/images/sponsors/2024/holySquad.png
View file
Open in desktop
File renamed without changes
0 src/assets/images/sponsors/potsdam.webp → src/assets/images/sponsors/2024/potsdam.webp
View file
Open in desktop
File renamed without changes
12 changes: 12 additions & 0 deletions src/assets/images/sponsors/2025/engine.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions src/components/Faq/Faq.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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."
}
]
},
Expand Down Expand Up @@ -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?",
Expand Down
7 changes: 5 additions & 2 deletions src/components/Features/Features.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand All @@ -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 (
Expand Down
37 changes: 22 additions & 15 deletions src/components/Gallery/Gallery.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
}
Expand Down
146 changes: 74 additions & 72 deletions src/components/LandingImage/LandingImage.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Loading
Loading