Skip to content
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

Feature/website 2.0 jury #151

Closed
wants to merge 6 commits into from
Closed

Feature/website 2.0 jury #151

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
19cf439
small changes - to be checked
tanja04 Feb 15, 2024
7472f1a
Merge branch 'feature/website-2.0' of https://github.com/HackHPI/hack…
tanja04 Mar 18, 2024
0221c3d
Merge branch 'main' of https://github.com/HackHPI/hackhpi.github.io i…
tanja04 Apr 3, 2024
6dfe788
Added Jury
tanja04 Apr 3, 2024
57fc73f
Added some spaces
tanja04 Apr 3, 2024
17b8599
Changed naming of variable
tanja04 Apr 3, 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
12 changes: 7 additions & 5 deletions src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,21 +8,23 @@ import {Gallery} from "../components/Gallery/Gallery";
import {Faq} from "../components/Faq/Faq";
import Team from "../components/Team/Team";
import Speakers from "../components/Speakers/Speakers";
import Jury from "../components/Jury/Jury";
import {Features} from "../components/Features/Features";
import LandingImage from "../components/LandingImage/LandingImage";
import {Location} from "../components/Location/Location";

export default function Page() {
return (
<>
<LandingImage/>
<LandingImage />
<VerifiedChecker />
<WhatToExpect />
<Features/>
<Features />
<Sponsors />
<Registration/>
<Location/>
<Speakers/>
<Registration />
<Location />
<Speakers />
<Jury />
<TimeTable />
<Gallery />
<Faq />
Expand Down
219 changes: 4 additions & 215 deletions src/app/privacy/page.tsx
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion src/app/verify/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export default function Page() {
return <Box sx={{padding: 10, display: "flex", justifyContent: "center"}}>
<Box >
<CircularProgress color={"inherit"}/>
<Typography>Verifying your Token</Typography>
<Typography>Verifying your token</Typography>
</Box>
</Box>
}
Binary file added src/assets/images/jury/FlorianBreipohl.jpeg
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.
Binary file added src/assets/images/jury/HolgerRhinow.png
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.
Binary file added src/assets/images/jury/MonaGhazi.JPG
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.
Binary file added src/assets/images/jury/SebastianUlm.jpg
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.
50 changes: 24 additions & 26 deletions src/components/Faq/Faq.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,9 +17,9 @@ import {
useTheme
} from "@mui/material";
import React from "react";
import {KeyboardArrowRight} from "@mui/icons-material";
import {WindowCard} from "../WindowCard/WindowCard.jsx";
import {Masonry} from "@mui/lab";
import { KeyboardArrowRight } from "@mui/icons-material";
import { WindowCard } from "../WindowCard/WindowCard.jsx";
import { Masonry } from "@mui/lab";
import HackHPIWrapper from "../Theme/HackHPIWrapper.jsx";

let faqs = [
Expand Down Expand Up @@ -121,31 +121,29 @@ export function Faq() {
};
return (
<HackHPIWrapper>
<Container sx={{paddingTop: 10, paddingBottom: 10}}>
<Typography variant={"h2"} component={"h1"} sx={{marginBottom: "1rem"}}>Frequently asked
questions</Typography>
<Typography variant={"body1"} sx={{marginBottom: "4rem"}}>Can't find the answer you're looking for? You
can
always <Link href={"mailto:[email protected]"} color={"inherit"}>send us an email</Link> with your
inquiry!</Typography>
<Container sx={{ paddingTop: 10, paddingBottom: 10 }}>
<Typography variant={"h2"} component={"h1"} gutterBottom>Frequently asked questions</Typography>
<Typography variant={"body1"} sx={{ marginBottom: "4rem"}}>
Can't find the answer you're looking for? You can always <Link href={"mailto:[email protected]"} color={"inherit"}>send us an email</Link> with your inquiry!
</Typography>
<Grid container spacing={7}>
<Grid item xs={12} md={4}>
<Stack spacing={3}>
<Card sx={{width: '100%', bgcolor: 'background.paper'}}>
<Card sx={{ width: '100%', bgcolor: 'background.paper' }}>
<List component="nav" aria-label="main mailbox folders">
{
faqs.map((faq, idx) => (
<ListItemButton
key={faq.name}
selected={selectedIndex === idx}
onClick={(event) => handleListItemClick(event, idx)}
sx={{padding: 1}}
sx={{ padding: 1 }}
>
<ListItemIcon sx={{justifyContent: "center"}}>
<ListItemIcon sx={{ justifyContent: "center" }}>
<KeyboardArrowRight
/>
</ListItemIcon>
<Typography sx={{fontSize: "1rem"}} noWrap>{faq.name}</Typography>
<Typography sx={{ fontSize: "1rem" }} noWrap>{faq.name}</Typography>
</ListItemButton>
))
}
Expand All @@ -155,7 +153,7 @@ export function Faq() {
<CardContent>

<Typography gutterBottom variant={"h6"}
fontWeight={"bold"}>Still have Questions?</Typography>
fontWeight={"bold"}>Still have Questions?</Typography>
<Typography>If you didn't find what you are looking for, feel free to
ask!</Typography>
</CardContent>
Expand All @@ -169,16 +167,16 @@ export function Faq() {
<Masonry spacing={3} columns={matches ? 2 : 1}>
{
faqs[selectedIndex].items.map((faq, idx) => (
<Box key={idx}>
<WindowCard>
<Typography gutterBottom variant={"h6"}
fontWeight={"bold"}>{faq.title}</Typography>
<Typography>
{faq.text}
</Typography>
</WindowCard>
<Box key={idx}>
<WindowCard>
<Typography gutterBottom variant={"h6"}
fontWeight={"bold"}>{faq.title}</Typography>
<Typography>
{faq.text}
</Typography>
</WindowCard>

{/*
{/*
<Accordion key={faq.title} >
<AccordionSummary
expandIcon={<ExpandMore fontSize={"large"}/>}
Expand All @@ -195,8 +193,8 @@ export function Faq() {
</AccordionDetails>
</Accordion>
*/}
</Box>
)
</Box>
)
)

}
Expand Down
14 changes: 7 additions & 7 deletions src/components/Imprint/Imprint.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@ import {Box, Container, Link, Stack, Typography} from "@mui/material";

function Imprint() {
return (
<Container sx={{pt: 5}}>
<Stack spacing={5}>
<Container sx={{ pt: 10, pb: 10 }}>
<Stack spacing={4}>
<Box>
<Typography variant="h1" gutterBottom>Impressum</Typography>
<Typography variant="body1">Diese Webseite wird betrieben vom</Typography>
<Typography variant="h2" gutterBottom>Impressum</Typography>
<Typography variant="body1" sx={{ marginBottom: "1rem" }}>Diese Webseite wird betrieben vom</Typography>
<Typography variant="body1">
HackHPI Klub
</Typography>
Expand All @@ -19,14 +19,14 @@ function Imprint() {
<Typography variant="body1">
14482 Potsdam
</Typography>
<Typography variant="body1">
<Typography variant="body1" sx={{ marginBottom: "1rem" }}>
E-Mail: <Link href="mailto:[email protected]" color={"inherit"}>[email protected]</Link>
</Typography>
<Typography variant="body1">Inhaltlich verantwortlich gemäß § 5 TMG, § 55 RStV: Klubsprecher Theo
Klinke, Mathilda Heise und Uli Prantz</Typography>
</Box>
<Box>
<Typography variant="h2" gutterBottom>Haftungsausschluss</Typography>
<Typography variant="h3" gutterBottom>Haftungsausschluss</Typography>
<Typography variant="body1">
Trotz größtmöglicher Sorgfalt kann nicht ausgeschlossen werden, dass
einzelne Informationen auf dieser Seite veraltet oder nicht zutreffend
Expand All @@ -37,7 +37,7 @@ function Imprint() {
</Typography>
</Box>
<Box>
<Typography variant="h2" gutterBottom>Urheber der verwendeten Bilder</Typography>
<Typography variant="h3" gutterBottom>Urheber der verwendeten Bilder</Typography>
<Typography variant="body1">
HPI Hauptgebäude: HPI/K. Herschelmann
</Typography>
Expand Down
92 changes: 92 additions & 0 deletions src/components/Jury/Jury.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
"use client"
import {Box, Container, Grid, Paper, Stack, Typography, useTheme} from "@mui/material";
import SebastianUlm from "../../assets/images/jury/SebastianUlm.jpg"
import HolgerRhinow from "../../assets/images/jury/HolgerRhinow.png"
import FlorianBreipohl from "../../assets/images/jury/FlorianBreipohl.jpeg"
import MonaGhazi from "../../assets/images/jury/MonaGhazi.JPG"
import {WindowCard} from "../WindowCard/WindowCard";

const jury = {
primary: [
{
name: "Sebastian Ulm",
position: "Head of Urban Innovation, Climate Tech Hub e.V.",
profilePicture: SebastianUlm.src,
description: "Sebastian built Urban Innovation, a project of the Climate Tech Hub, and has led it since 2021. His career in business development has included working as a consultant on behalf of the German Federal Ministry for Economic Affairs and Energy, for the German Energy Solutions Initiative and the Ministry's market entry program at eclareon GmbH, as well as working at the German-Indonesian Chamber of Industry and Commerce in Jakarta. With many years of experience in international cooperation around the globe, Sebastian builds strong networks between ecosystems to foster exchange and innovation.",
},
{
name: "Dr. Holger Rhinow",
position: "Head of HPI Maker Universe",
profilePicture: HolgerRhinow.src,
description: "Dr. Holger Rhinow is an expert in design thinking and innovation management, currently heading the HPI Maker Universe at the Hasso Plattner Institute, Potsdam. His role involves leading projects, aimed at fostering a vibrant research and innovation environment. With a focus on integrating advanced technologies, Holger’s initiatives provide support for student and researcher projects. Holger has authored numerous publications that delve into the nuances of design thinking, organizational learning, and innovation. He holds a doctorate in from the University of Potsdam.",
},
{
name: "Florian Breipohl",
position: "CEO at EnerKíte",
profilePicture: FlorianBreipohl.src,
description: "As the CEO of EnerKíte Airborne Wind Energy Converters, Florian Breipohl and his team are spearheading the global energy transition. Collaborating with partners from aerospace, industry, and wind energy sectors, EnerKíte aims to revolutionize traditional wind energy infrastructure by substituting conventional turbine towers with sophisticated software systems. Their innovative approach involves harnessing robust, high-altitude winds using kites to generate electricity on the ground. In his capacity within Airborne Wind Europe, Florian Breipohl actively engages with sector companies to craft EU-wide directives facilitating the introduction of airborne wind power systems to the market. This initiative aims to complement existing wind energy infrastructure with decentralized wind power solutions.",
},
{
name: "Mona Ghazi",
position: "Founder of the Neuropreneur Institute",
profilePicture: MonaGhazi.src,
description: "Mona Ghazi is a multiple award-winning entrepreneur and a PhD(c) in neuro-entrepreneurship. She started studying alongside school at 14 and successfully founded her second software company at 18. At 21, she sold Optimo to a leading global logistics company. As a computer scientist, she learned to program her subconscious to be more efficient and relaxed. She now passes on her experience of starting a business, personal development and neuroscience to other entrepreneurial minds.",
},
],
}

function Jury() {
const theme = useTheme();
return (
<Container sx={{paddingBottom: 10, paddingTop: 10}}>
<Typography variant={"h2"} gutterBottom>Jury</Typography>
<Grid container spacing={10}>
<Grid item xs={12} md={12}>
<Stack spacing={3}>
{jury.primary.map(judge => (
<WindowCard elevation={5} key={judge.name}>
<Grid container spacing={5}>
<Grid item xs={12} md={3}>
<Paper sx={{
borderRadius: theme.components.MuiCard.styleOverrides.root.borderRadius,
background: `url(${judge.profilePicture})`,
backgroundPosition: "center",
backgroundSize: "cover",
backgroundColor: "#e0e0e0",
aspectRatio: "1 / 1 !important",
height: "auto",
maxWidth: "100%"
}}
/>
</Grid>
<Grid item xs={12} md={9}>
<Stack spacing={3}>
<Box>
<Typography variant={"h4"}>{judge.name}</Typography>
<Typography variant={"subtitle"} color={"text.disabled"}>
{judge.position}
</Typography>
</Box>
<Typography
sx={{
//display: "-webkit-box",
//"-webkit-box-orient": "vertical",
//"-webkit-line-clamp": "7",
//overflow: "hidden",
//textOverflow: "ellipsis"
}}>
{judge.description}
</Typography>
</Stack>
</Grid>
</Grid>
</WindowCard>
))}
</Stack>
</Grid>
</Grid>
</Container>
)
}

export default Jury;
Loading
Loading