Skip to content

Commit

Permalink
add images
Browse files Browse the repository at this point in the history
  • Loading branch information
Marit Radder authored and Marit Radder committed Jan 11, 2024
1 parent c104961 commit 4b03ecb
Show file tree
Hide file tree
Showing 4 changed files with 21 additions and 9 deletions.
30 changes: 21 additions & 9 deletions src/components/committee/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,23 @@ import { h, FunctionalComponent } from "preact";

import * as style from "./style.scss";

const picture = new URL(
"/static/committee.png?as=webp&width=1200",
const Marjolein = new URL(
"/static/members/Marjolein.jpg?as=webp",
import.meta.url
);

const Scott = new URL(
"/static/members/Scott.jpg?as=webp",
import.meta.url
);

const Marit = new URL(
"/static/members/Marit.jpg?as=webp",
import.meta.url
);



/**
* Renders the committee section.
*/
Expand All @@ -21,7 +33,7 @@ export const Committee: FunctionalComponent = () => (
<div class={style.left}>
<div class={style.person}>
<div class={style.polygon}>
<img src={picture as any} alt="HackDelft Committee" />
<img src={Marit as any} alt="HackDelft Committee" />
</div>
<div>
<p class={style.function}>Chair</p>
Expand All @@ -30,7 +42,7 @@ export const Committee: FunctionalComponent = () => (
</div>
<div class={style.person}>
<div class={style.polygon}>
<img src={picture as any} alt="HackDelft Committee" />
<img src={Marjolein as any} alt="HackDelft Committee" />
</div>
<div>
<p class={style.function}>Secretary</p>
Expand All @@ -39,7 +51,7 @@ export const Committee: FunctionalComponent = () => (
</div>
<div class={style.person}>
<div class={style.polygon}>
<img src={picture as any} alt="HackDelft Committee" />
<img src={Marit as any} alt="HackDelft Committee" />
</div>
<div>
<p class={style.function}>Treasure</p>
Expand All @@ -54,7 +66,7 @@ export const Committee: FunctionalComponent = () => (
<p class={style.name}>Marijn van der Tuin</p>
</div>
<div class={style.polygon}>
<img src={picture as any} alt="HackDelft Committee" />
<img src={Marit as any} alt="HackDelft Committee" />
</div>
</div>

Expand All @@ -64,7 +76,7 @@ export const Committee: FunctionalComponent = () => (
<p class={style.name}>Simon Deuten</p>
</div>
<div class={style.polygon}>
<img src={picture as any} alt="HackDelft Committee" />
<img src={Marit as any} alt="HackDelft Committee" />
</div>
</div>

Expand All @@ -74,14 +86,14 @@ export const Committee: FunctionalComponent = () => (
<p class={style.name}>Scott Jochems</p>
</div>
<div class={style.polygon}>
<img src={picture as any} alt="HackDelft Committee" />
<img src={Scott as any} alt="HackDelft Committee" />
</div>
</div>
</div>
<div class={style.middle}>
<div class={style.person}>
<div class={style.polygon}>
<img src={picture as any} alt="HackDelft Committee" />
<img src={Marit as any} alt="HackDelft Committee" />
</div>
<div>
<p class={style.function}>Qualitate Qua</p>
Expand Down
Binary file added static/members/Marit.jpg
View file
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 static/members/Marjolein.jpg
View file
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 static/members/Scott.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 4b03ecb

Please sign in to comment.