diff --git a/src/contents/team.tsx b/src/contents/team.tsx index 7db2a4ea27971a825cd552d565858b33dbf1baff..c7816f4ac331f657ed37e18b85e87e636ce65697 100644 --- a/src/contents/team.tsx +++ b/src/contents/team.tsx @@ -5,26 +5,43 @@ export function Team() { return ( <> + <br/> + <br/> <div className="row center"> <div className="col"> - <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> # </Steckbrief> + <Steckbrief + url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg" + + > + . + </Steckbrief> </div> <div className="col"> - <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> # </Steckbrief> + <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> + . + </Steckbrief> </div> <div className="col"> - <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> # </Steckbrief> + <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> + . + </Steckbrief> </div> </div> <div className="row center"> <div className="col"> - <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> # </Steckbrief> + <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> + . + </Steckbrief> </div> <div className="col"> - <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> # </Steckbrief> + <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> + . + </Steckbrief> </div> <div className="col"> - <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> # </Steckbrief> + <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"> + . + </Steckbrief> </div> </div> </> @@ -39,16 +56,16 @@ interface SteckProps{ } -function Steckbrief({children, url}: SteckProps){ +function Steckbrief({children, url, name}: SteckProps){ return( <> <div className="lnp center"> <img src={url} className="img-round"></img> </div> <div className="center"> - <p>Hi</p> + <p>{name}</p> </div> - {children} + {children} </> ) }