- Medical Edition
+ Agriculture, Food & Tech
- 21th - 22th March 2025
+ 10th - 11th April 2026
diff --git a/src/components/LandingImage/MeshContainer/MeshContainer.tsx b/src/components/LandingImage/MeshContainer/MeshContainer.tsx
index 8c3dab4..e37cdc0 100644
--- a/src/components/LandingImage/MeshContainer/MeshContainer.tsx
+++ b/src/components/LandingImage/MeshContainer/MeshContainer.tsx
@@ -31,6 +31,7 @@ export function MeshContainer(props) {
height: "100%",
position: "relative",
zIndex: 2,
+ background: "rgba(0,0,0,0.1)",
}}>
{props.children}
@@ -39,4 +40,4 @@ export function MeshContainer(props) {
)
-}
\ No newline at end of file
+}
diff --git a/src/components/LandingImage/MeshContainer/gradient.css b/src/components/LandingImage/MeshContainer/gradient.css
index c03d4c7..e583b23 100644
--- a/src/components/LandingImage/MeshContainer/gradient.css
+++ b/src/components/LandingImage/MeshContainer/gradient.css
@@ -1,8 +1,8 @@
#gradient-canvas {
width:100%;
height:100%;
- --gradient-color-1: #13101b;
- --gradient-color-2: #4cc9f0;
- --gradient-color-3: #3a0ca3;
- --gradient-color-4: #3DA4AB;
-}
\ No newline at end of file
+ --gradient-color-1: #110320;
+ --gradient-color-2: #0B9D6A;
+ --gradient-color-3: #3F58FC;
+ --gradient-color-4: #3FFD6A;
+}
diff --git a/src/components/Location/Location.jsx b/src/components/Location/Location.jsx
index a46acdd..a1215e4 100644
--- a/src/components/Location/Location.jsx
+++ b/src/components/Location/Location.jsx
@@ -89,7 +89,7 @@ export function Location() {
By Train
Please use the DB Navigator App to get directions to the Station, Potsdam
Griebnitzsee .
-
To get a Discount on your Ticket, you can use the DB event ticket, which was sent to you via E-Mail.
+ {/*
To get a Discount on your Ticket, you can use the DB event ticket, which was sent to you via E-Mail. */}
diff --git a/src/components/Speakers/Speakers.jsx b/src/components/Speakers/Speakers.jsx
index 0a684ae..4fb6f0e 100644
--- a/src/components/Speakers/Speakers.jsx
+++ b/src/components/Speakers/Speakers.jsx
@@ -10,17 +10,31 @@ import {
Typography,
useTheme,
} from "@mui/material";
-import FelixLennardHake from "../../assets/images/speakers/FelixLennardHake.jpg";
+import FelixLennardHake from "../../assets/images/speakers/2024/FelixLennardHake.jpg";
+import PaulBrachmann from "../../assets/images/speakers/2025/paul_brachmann.webp";
import { WindowCard } from "../WindowCard/WindowCard";
import { useState } from "react";
-import { KeyboardArrowLeft, KeyboardArrowRight } from "@mui/icons-material";
+import { Campaign, KeyboardArrowLeft, KeyboardArrowRight } from "@mui/icons-material";
import * as React from "react";
const speakerYears = [
{
- year: 2025,
+ year: 2026,
speaker: [],
},
+ {
+ year: 2025,
+ speaker: [
+ {
+ name: "Paul Brachmann",
+ position:
+ "Chief Technology Officer at Floy",
+ profilePicture: PaulBrachmann.src,
+ description:
+ "",
+ },
+ ],
+ },
{
year: 2024,
speaker: [
@@ -82,7 +96,7 @@ function Speakers() {
{speakerYears[currentIndex].speaker.map((speaker) => (
-
+
- Speakers will be announced soon!
+
diff --git a/src/components/Sponsors/Sponsors26.jsx b/src/components/Sponsors/Sponsors26.jsx
new file mode 100644
index 0000000..7459401
--- /dev/null
+++ b/src/components/Sponsors/Sponsors26.jsx
@@ -0,0 +1,56 @@
+import { Box, Container, Grid, Link } from "@mui/material";
+import Engine from "../../assets/images/sponsors/2025/engine.svg";
+import Aws from "../../assets/images/sponsors/2025/aws.svg";
+import Ottobock from "../../assets/images/sponsors/2025/ottobock.svg";
+import Quantco from "../../assets/images/sponsors/2025/quantco.svg";
+import Tk from "../../assets/images/sponsors/2025/tk.svg";
+import React from "react";
+import HackHPIWrapper from "../Theme/HackHPIWrapper.jsx";
+
+function Sponsors() {
+ const sponsors = [
+ {
+ logo: Engine.src,
+ alt: "Logo of HPI Engine",
+ link: "https://engine.hpi.de",
+ },
+ ];
+
+ return (
+
+
+
+
+ {sponsors.map((sponsor, idx) => (
+
+
+ ))}
+
+
+
+
+ );
+}
+
+export default Sponsors;
diff --git a/src/components/Theme/HackHpiColors.js b/src/components/Theme/HackHpiColors.js
new file mode 100644
index 0000000..8547db8
--- /dev/null
+++ b/src/components/Theme/HackHpiColors.js
@@ -0,0 +1,33 @@
+/* primary and secondary: used for gradient and window cards etc.
+ * third_gradient: used for gradient
+ * dark_background: used for gradient and overall background
+ */
+
+const colorYears = {
+ 2024: {
+ primary: "rgb(58, 12, 163, 1)",
+ secondary: "rgb(114, 9, 183, 1)",
+ third_gradient: "rgb(114, 9, 183, 1)",
+ dark_background: "rgba(19,16,27,1)"
+ },
+ 2025: {
+ primary: "rgba(58,12,163,1)",
+ secondary: "rgba(76,201,240,1)",
+ third_gradient: "rgba(61,164,171,1)",
+ dark_background: "rgba(19,16,27,1)"
+ },
+ 2026: {
+ primary: "rgba(11,157,106,1)",
+ secondary: "rgba(63,253,106,1)",
+ third_gradient: "rgba(63,88,252,1)",
+ dark_background: "rgba(17,3,32,1)"
+ },
+ default: {
+ primary: "rgba(11,157,106,1)",
+ secondary: "rgba(63,253,106,1)",
+ third_gradient: "rgba(63,88,252,1)",
+ dark_background: "rgba(17,3,32,1)"
+ }
+}
+
+export default colorYears;
\ No newline at end of file
diff --git a/src/components/Theme/HackHpiTheme.js b/src/components/Theme/HackHpiTheme.js
index 3d357bb..412176d 100644
--- a/src/components/Theme/HackHpiTheme.js
+++ b/src/components/Theme/HackHpiTheme.js
@@ -1,103 +1,104 @@
-'use client'
-import {createTheme, responsiveFontSizes} from "@mui/material";
+"use client";
+import { createTheme, responsiveFontSizes } from "@mui/material";
-const theme = createTheme({})
+const theme = createTheme({});
-const textColor = [245, 245, 245]
+const textColor = [245, 245, 245];
-const hackHpiTheme = responsiveFontSizes(createTheme(theme, {
+const hackHpiTheme = responsiveFontSizes(
+ createTheme(theme, {
palette: {
- mode: "dark",
- primary: theme.palette.augmentColor({
- color: {
- main: "#f5f5f5",
- },
- name: "primary"
- }),
- secondary: theme.palette.augmentColor({
- color: {
- main: "#3A0CA3",
- },
- name: "primary"
- }),
- success: theme.palette.augmentColor({
- color: {
- main: "#66bb6a",
- },
- name: "success"
- }),
- text: {
- primary: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, 1)`,
- secondary: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, .7)`,
- disabled: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, .5)`,
- icon: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, .5)`
+ mode: "dark",
+ primary: theme.palette.augmentColor({
+ color: {
+ main: "#f5f5f5",
},
- divider: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, .12)`,
- background: {
- default: "#13101B",
- paper: "#13101B",
+ name: "primary",
+ }),
+ secondary: theme.palette.augmentColor({
+ color: {
+ main: "#3A0CA3",
},
- action: {
- active: "#fff",
- hover: "rgba(255,255,255,0.08)",
- hoverOpacity: .08,
- selected: "rgba(255,255,255,0.16)",
- selectedOpacity: .16,
- disabled: "rgba(255,255,255,0.3)",
- disabledBackground: "rgba(255,255,255,0.12)",
- disabledOpacity: .38,
- focus: "rgba(255,255,255,0.12)",
- focusOpacity: .12,
- activatedOpacity: .24
- }
+ name: "primary",
+ }),
+ success: theme.palette.augmentColor({
+ color: {
+ main: "#66bb6a",
+ },
+ name: "success",
+ }),
+ text: {
+ primary: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, 1)`,
+ secondary: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, .7)`,
+ disabled: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, .5)`,
+ icon: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, .5)`,
+ },
+ divider: `rgba(${textColor[0]},${textColor[1]},${textColor[2]}, .12)`,
+ background: {
+ default: "#13101B",
+ paper: "#13101B",
+ },
+ action: {
+ active: "#fff",
+ hover: "rgba(255,255,255,0.08)",
+ hoverOpacity: 0.08,
+ selected: "rgba(255,255,255,0.16)",
+ selectedOpacity: 0.16,
+ disabled: "rgba(255,255,255,0.3)",
+ disabledBackground: "rgba(255,255,255,0.12)",
+ disabledOpacity: 0.38,
+ focus: "rgba(255,255,255,0.12)",
+ focusOpacity: 0.12,
+ activatedOpacity: 0.24,
+ },
},
components: {
- MuiCard: {
- styleOverrides: {
- root: {
- borderRadius: "10px"
- }
- }
+ MuiCard: {
+ styleOverrides: {
+ root: {
+ borderRadius: "10px",
+ },
},
- MuiButton: {
- styleOverrides: {
- root: {
- borderRadius: "10px"
- }
- }
+ },
+ MuiButton: {
+ styleOverrides: {
+ root: {
+ borderRadius: "10px",
+ },
},
-
+ },
},
typography: {
- fontSize: 10,
- fontFamily: 'Neo Sans, Urbanist, Arial',
- h1: {
- fontFamily: 'Neo Sans, Urbanist, Arial',
- fontWeight: "bold",
- //fontSize: "5rem"
- //lineHeight: "5.5rem",
- //fontSize: "7rem"
- },
- h2: {
- fontFamily: 'Neo Sans, Urbanist, Arial',
- fontWeight: "bold",
- },
- h3:{
- fontFamily: 'Neo Sans, Urbanist, Arial',
- },
- h4:{
- fontFamily: 'Neo Sans, Urbanist, Arial',
- },
- h5:{
- fontFamily: 'Neo Sans, Urbanist, Arial',
- },
- h6:{
- fontFamily: 'Neo Sans, Urbanist, Arial',
- },
- body1: {
- fontFamily: '"Open Sans Variable", Urbanist, Arial',
- }
- }
-}));
+ fontSize: 10,
+ fontFamily: "Neo Sans, Urbanist, Arial",
+ h1: {
+ fontFamily: "Neo Sans, Urbanist, Arial",
+ fontWeight: "bold",
+ //fontSize: "5rem"
+ //lineHeight: "5.5rem",
+ //fontSize: "7rem"
+ },
+ h2: {
+ fontFamily: "Neo Sans, Urbanist, Arial",
+ fontWeight: "bold",
+ },
+ h3: {
+ fontFamily: "Neo Sans, Urbanist, Arial",
+ },
+ h4: {
+ fontFamily: "Neo Sans, Urbanist, Arial",
+ },
+ h5: {
+ fontFamily: "Neo Sans, Urbanist, Arial",
+ },
+ h6: {
+ fontFamily: "Neo Sans, Urbanist, Arial",
+ },
+ body1: {
+ fontFamily: '"Open Sans Variable", Urbanist, Arial',
+ },
+ },
+ }),
+);
-export default hackHpiTheme;
\ No newline at end of file
+export default hackHpiTheme;
diff --git a/src/components/TimeTable/TimeTable.jsx b/src/components/TimeTable/TimeTable.jsx
index 2e81de5..d8c9ff9 100644
--- a/src/components/TimeTable/TimeTable.jsx
+++ b/src/components/TimeTable/TimeTable.jsx
@@ -15,8 +15,14 @@ import {
import * as React from "react";
import {useState} from "react";
import {IconContainer} from "../Features/Features";
+import colorYears from "../Theme/HackHpiColors";
const dayOneYears = [
+ {
+ year: 2026,
+ subtitle: "TBA",
+ dayOne: [],
+ },
{
year: 2025,
subtitle: "Friday 21.03",
@@ -158,6 +164,11 @@ const dayOneYears = [
]
const dayTwoYears = [
+ {
+ year: 2026,
+ subtitle: "TBA",
+ dayTwo: [],
+ },
{
year: 2025,
subtitle: "Saturday 22.03",
@@ -241,11 +252,12 @@ const dayTwoYears = [
]
export function Table(props) {
+ const colors = colorYears[props.year] ?? colorYears.default;
return (
-
+
@@ -325,16 +337,25 @@ export function TimeTable() {
-
-
-
-
-
-
-
-
+ {dayOneYears[currentIndex].dayOne.length === 0 && dayTwoYears[currentIndex].dayTwo.length === 0 && (
+
+
+ )}
+ {dayOneYears[currentIndex].dayOne.length > 0 && dayTwoYears[currentIndex].dayTwo.length > 0 && (
+
+
+
+
+
+
+
+
+ )}
)
}
\ No newline at end of file
diff --git a/src/components/WhatToExpect/WhatToExpect.jsx b/src/components/WhatToExpect/WhatToExpect.jsx
index e4b6d8d..680f772 100644
--- a/src/components/WhatToExpect/WhatToExpect.jsx
+++ b/src/components/WhatToExpect/WhatToExpect.jsx
@@ -19,9 +19,10 @@ function WhatToExpect() {
What to expect
-
- Explore the future of health at HPI in Potsdam.
-
+ {/* TODO: Add topic of 2026 */}
+ {/**/}
+ {/* Explore the future of health at HPI in Potsdam.*/}
+ {/* */}
Join motivated students for two days of
diff --git a/src/components/WindowCard/WindowCard.jsx b/src/components/WindowCard/WindowCard.jsx
index 2f6c8f2..1618678 100644
--- a/src/components/WindowCard/WindowCard.jsx
+++ b/src/components/WindowCard/WindowCard.jsx
@@ -1,8 +1,9 @@
import {Box, Card, Stack} from "@mui/material";
+import colorYears from "../Theme/HackHpiColors";
export function WindowCard(props) {
- let backgroundSecondColor = props.is2024? "rgba(114,9,183,1)":"rgba(76,201,240,1)";
- const backgroundGradient = `linear-gradient(90deg, rgba(58,12,163,1) 0%, ${backgroundSecondColor} 100%)`;
+ const colors = colorYears[props.year] ?? colorYears.default;
+ const backgroundGradient = `linear-gradient(90deg, ${colors.primary} 0%, ${colors.secondary} 100%)`;
return (
![{"HackHPI]({"/HackHPI_white.svg"})