diff --git a/src/components/data/steckbriefe.ts b/src/components/data/steckbriefe.ts
index 6c910c6ad70b4329243dfaccb76cc10f1322c6b5..db5928ec6a4721a28a027d6dfbe2e6ebfabfef29 100644
--- a/src/components/data/steckbriefe.ts
+++ b/src/components/data/steckbriefe.ts
@@ -10,8 +10,8 @@ export interface SteckbriefInterface{
studiengang: string;
headof?: string; /* Nur Team angeben, nicht "Head of" dazuschreiben */
igemjob: Array<string>;
- whyigem: string | Array<string>;
- bestpart: string | Array<string>;
+ whyigem: Array<string>;
+ bestpart: Array<string>;
biggestchallenge: string | Array<string>;
funfacts: Array<string>;
favmusic: string;
@@ -69,21 +69,26 @@ export const teammembers: Array<SteckbriefInterface> = [
vorname: "Anna",
nachname: "Baack",
age: "25",
- linkedinurl: "www.linkedin.com/in/anna-lena-b-a488102a5",
+ linkedinurl: "https://www.linkedin.com/in/anna-lena-b-a488102a5",
hauptfoto: "https://static.igem.wiki/teams/5247/photos/team-photos/anna-1-5-11zon.webp",
zweitfoto: "https://static.igem.wiki/teams/5247/photos/team-photos/anna-2-6-11zon.webp",
pronouns: "she/her",
onechange: "XXX",
studiengang: "M.Sc. Molecular Cell Biology",
headof: "Wet lab",
- igemjob: ["Delivery", "Creativity","Sponsoring"],
+ igemjob: ["Delivery", "Creativity", "Sponsoring"],
whyigem: [
+ "Because I want to prove to myself what I am capable of and to be part of a dedicated team in which everyone understands when you are dead inside.",
+ "I aim to constantly improve my skills in research, experimental design and data analysis. This journey not only enriches my academic experience, but also helps me to make valuable connections with professionals, mentors and colleagues and lay the foundation for future collaborations",
+ "I love to do research, want to improve my research skills and want to be a committed applicant who is willing to make a meaningful contribution to impactful scientific projects",
+ ],
+ /* whyigem: [
"To prove to myself what I am capable of",
"To be part of a dedicated team in which everyone understands when you are dead inside",
"I aim to constantly improve my skills in research, experimental design and data analysis",
"This journey not only enriches my academic experience, but also helps me to make valuable connections with professionals, mentors and colleagues and lay the foundation for future collaborations",
"I love to do research, want to improve my research skills and want to be a committed applicant who is willing to make a meaningful contribution to impactful scientific projects",
- ],
+ ], */
bestpart: [
"My Team",
"Chlorella x Kombucha",
@@ -122,7 +127,7 @@ export const teammembers: Array<SteckbriefInterface> = [
nachname: "Moghaddam",
age: "24",
favmusic: "XXX",
- linkedinurl: "www.linkedin.com/in/ asal-sahami-moghaddam-665302315",
+ linkedinurl: "https://www.linkedin.com/in/ asal-sahami-moghaddam-665302315",
hauptfoto: "https://static.igem.wiki/teams/5247/photos/team-photos/asal-1-7-11zon.webp",
zweitfoto: "https://static.igem.wiki/teams/5247/photos/team-photos/asal-2-8-11zon.webp",
pronouns: "she/her",
@@ -257,7 +262,13 @@ export const teammembers: Array<SteckbriefInterface> = [
"Finding out if a career in academia is something for me",
"Being part of a cool project where I can learn a ton of things along the way",
"The certainty that there must be a way.... but stubbornness definitely helps",
- ],
+ ],
+ /* whyigem: [
+ "The best way to apply theoretical knowledge is through hands-on projects. Taking part in iGEM has allowed me to learn more than I ever would have in the same amount of time at university",
+ "Finding out if a career in academia is something for me",
+ "Being part of a cool project where I can learn a ton of things along the way",
+ "The certainty that there must be a way.... but stubbornness definitely helps",
+ ], */
bestpart: [
"Learning new techniques in the lab",
],
@@ -281,13 +292,13 @@ export const teammembers: Array<SteckbriefInterface> = [
scientificinterests: "Neuroscience, Astronomy, Longevity",
},
- {
+ {
title: "B.Sc.",
vorname: "Kathleen",
nachname: "Susat",
age: "26",
onechange: "XXX",
- linkedinurl: "www.linkedin.com/in/anna-lena-b-a488102a5",
+ linkedinurl: "https://www.linkedin.com/in/anna-lena-b-a488102a5",
hauptfoto: "https://static.igem.wiki/teams/5247/photos/team-photos/kathleen-1-3-11zon.webp",
zweitfoto: "https://static.igem.wiki/teams/5247/photos/team-photos/kathleen-2-4-11zon.webp",
pronouns: "she/her",
@@ -370,7 +381,7 @@ export const teammembers: Array<SteckbriefInterface> = [
},
{
- title: "B.Sc.",
+
vorname: "Liliana",
nachname: "Sanfilippo",
age: "22",
@@ -380,7 +391,7 @@ export const teammembers: Array<SteckbriefInterface> = [
pronouns: "she/her",
studiengang: "M.Sc. Bioinformatics and Genome Research",
headof: "Wiki",
- igemjob: ["Human Practices/ Public Engagement"],
+ igemjob: ["wiki", "Human Practices", "Public Engagement"],
whyigem: [
"I am very curious and like projects",
],
@@ -396,16 +407,16 @@ export const teammembers: Array<SteckbriefInterface> = [
"I just have a serious obsession with isopods and efficiency",
"Doing projects is fun",
],
- favmusic: "Techno workout playlist from Lisa",
+ favmusic: "Classical crossover, Rock and Baroque Pop",
onechange: [
"Make researchers put ALL their data into very detailed databases, that would make looking up data so efficient. You too, faunisticians and anatomists. I'm looking at you"
],
hobbies: [
- "Painting & Drwaing",
+ "Painting & Drawing",
"Maintaining a website",
"Keeping isopods",
],
- scientificinterests: "Terrestrial Isopods, Analysis of Postgenome Data, Phylogenetics & Machine Learning",
+ scientificinterests: "Terrestrial Isopods, Databases, Phylogenetics & Machine Learning",
},
{
@@ -455,7 +466,7 @@ export const teammembers: Array<SteckbriefInterface> = [
vorname: "Malte",
nachname: "Lenger",
age: "21",
- linkedinurl: "www.linkedin.com/in/malte-lenger-08j2003",
+ linkedinurl: "https://www.linkedin.com/in/malte-lenger-08j2003",
hauptfoto: "https://static.igem.wiki/teams/5247/photos/team-photos/malte-1-2-11zon.webp",
zweitfoto: "https://static.igem.wiki/teams/5247/photos/team-photos/malte-2-1-11zon.webp",
pronouns: "he/him",
@@ -683,8 +694,8 @@ export const advisors: Array<SteckbriefInterface> = [
studiengang: "M.Sc. Molecular Cell Biology",
headof: "XXX",
igemjob: ["XXX"],
- whyigem: "XXX",
- bestpart: "XXX",
+ whyigem: ["XXX"],
+ bestpart: ["XXX"],
biggestchallenge: "XXX",
funfacts: [
"XXX",
@@ -710,8 +721,8 @@ export const advisors: Array<SteckbriefInterface> = [
studiengang: "Molecular Biotechnology",
headof: "XXX",
igemjob: ["XXX"],
- whyigem: "XXX",
- bestpart: "XXX",
+ whyigem: ["XXX"],
+ bestpart: ["XXX"],
biggestchallenge: "XXX",
funfacts: [
"XXX",
@@ -810,8 +821,8 @@ export const advisors: Array<SteckbriefInterface> = [
studiengang: "Molecular Biotechnology",
headof: "XXX",
igemjob: ["XXX"],
- whyigem: "XXX",
- bestpart: "XXX",
+ whyigem: ["XXX"],
+ bestpart: ["XXX"],
biggestchallenge: "XXX",
funfacts: [
"XXX",
diff --git a/src/contents/team.tsx b/src/contents/team.tsx
index 09c6b331505b9c5f04ba1873564398d1373aa762..36c7ee1986e716250cd6cf4e6d6533ef529cd589 100644
--- a/src/contents/team.tsx
+++ b/src/contents/team.tsx
@@ -1,6 +1,5 @@
import { SteckbriefInterface, teammembers } from "../components/data/steckbriefe";
import { H2 } from "../components/Headings";
-import { LoremMedium } from "../components/Loremipsum";
import { useNavigateTabs } from "../utils/navigation";
export function Team() {
@@ -17,81 +16,18 @@ export function Team() {
<H2 text="Instructor" id="instructor"/>
- <div className="row center">
- <div className="col">
- </div>
- <div className="col">
- <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
- name="Sinan Zimmermann"
- job="Job"
- >
- .
- </Steckbrief>
-
- </div>
- <div className="col">
-
- </div>
- </div>
+
<H2 text="Advisors" id="Advisors"/>
- <div className="row center">
- <div className="col">
- <Steckbrief
- url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
- name="Felicitas Zimmer"
- job="Job"
- >
- .
- </Steckbrief>
- </div>
- <div className="col">
-
- </div>
- <div className="col">
- <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
- name="Lucas Krause"
- job="Job"
- >
- .
- </Steckbrief>
-
- </div>
- </div>
+
+
<H2 text="Principal Investigators" id="PIS"/>
- <div className="row center">
- <div className="col">
- <Steckbrief
- url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
- name="JÃķrn Kalinowski"
- job="Job"
- >
- .
- </Steckbrief>
- </div>
- <div className="col"></div>
- <div className="col">
- <Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
- name="Kristian MÞller"
- job="Job"
- >
- .
- </Steckbrief>
-
- </div>
- </div>
+
</>
);
}
-interface SteckProps{
- name?: string;
- url: string;
- children: React.ReactNode;
- job: string,
-
-}
function createSteckbriefe(data: Array<SteckbriefInterface>){
let briefe = []
@@ -100,7 +36,7 @@ function createSteckbriefe(data: Array<SteckbriefInterface>){
// Conditional head of
var headof = <></>;
if(data[index].headof){
- var headof = <><div className="">Head of: {data[index].headof} </div> <br/></>;
+ var headof = <><div className=""> <b>Head of:</b> {data[index].headof} </div> <br/></>;
}
// Jobs
var jobs = "";
@@ -126,14 +62,34 @@ function createSteckbriefe(data: Array<SteckbriefInterface>){
else{
hobbs += data[index].hobbies[i] + ", ";
}
- }
+ }
+ // Whyigem
+ var why = [];
+ for (let i = 0; i < data[index].whyigem.length; i++) {
+ why.push(<p>{data[index].whyigem[i]}</p>);
+ }
+ //Title
+ let title = "";
+ if (data[index].title) {
+ title = data[index].title!;
+ }
+ // challenges
+ let challs = [];
+ for (let i = 0; i < data[index].biggestchallenge.length; i++) {
+ challs.push(<li>{data[index].biggestchallenge[i]}</li>);
+ }
+ // bestparts
+ let bests = [];
+ for (let i = 0; i < data[index].bestpart.length; i++) {
+ bests.push(<li>{data[index].bestpart[i]}</li>);
+ }
let frontbriefclass = "frontbrief frontbrief"+thename;
let backbriefclass = "backbrief backbrief"+thename;
let picture = <div className="col-2 lnp center"><img src={data[index].zweitfoto} style={{display: "none"}} className={"img team-img "+backbriefclass}/><img src={data[index].hauptfoto} className={"img team-img "+frontbriefclass}></img></div>
- let namerow = <div className="row"><div className="team-name"> {data[index].title} {data[index].vorname} {data[index].nachname} <span className="pronouns"> {data[index].pronouns} </span> </div> <div className="col"> <a href={data[index].linkedinurl}> <img className="team-socials" src="https://static.igem.wiki/teams/5247/design/icons/linkedin.png" /> </a></div> </div>;
- let frontparagraph = <div className={"row " + frontbriefclass}> <p>"As an international student, iGEM offers me a unique opportunity to not only expand and deepen my scientific experience by working with a research team but also to enhance my social communication skills within my scientific field",</p> </div> ;
- let facts = <div className={frontbriefclass}><div className="">Age: {data[index].age} </div> <br/> {headof} <div>Part of: {jobs}</div> <br/> <div className=""> Major: {data[index].studiengang} </div> <br/> <div className=""> Scientific interests: {data[index].scientificinterests} </div> </div>;
+ let namerow = <div className="row"><div className="team-name"> {data[index].title} {data[index].vorname} {data[index].nachname} <span className="pronouns"> ({data[index].pronouns}) </span> </div> <div className="col"> <a href={data[index].linkedinurl}> <img className="team-socials" src="https://static.igem.wiki/teams/5247/design/icons/linkedin.png" /> </a></div> </div>;
+ let frontparagraph = <div className={"row " + frontbriefclass}> <h6>Why I took part in iGem</h6> {why} </div> ;
+ let facts = <div className={frontbriefclass}><div className=""> <b>Age:</b> {data[index].age} </div> <br/> {headof} <div> <b>Part of:</b> {jobs}</div> <br/> <div className=""> <b>Major:</b> {data[index].studiengang} </div> <br/> <div className=""> <b>Scientific interests:</b> {data[index].scientificinterests} </div> </div>;
let backbutton = <div className={backbriefclass} style={{display: "none"}}> <div className="parent-button"><button onClick={flipBack(thename)} className="frontbutton">Click me</button></div></div>
let funfactlist = <div className={backbriefclass} style={{display: "none"}}><b>Funfacts: </b><ul> {funfacts}</ul></div>
let favmusic = <><h6>Favourite music:</h6><p>{data[index].favmusic}</p></>
@@ -141,7 +97,9 @@ function createSteckbriefe(data: Array<SteckbriefInterface>){
let backparagraph = <div className={"row "+backbriefclass} style={{display: "none"}}>{favmusic}{hobbielist}</div>
let paragraphs = <div className="steckbody"> {frontparagraph} {backparagraph} </div>
let frontbutton = <div className={frontbriefclass}> <div className="parent-button"><button onClick={flip(thename)} className="frontbutton">Click me</button></div></div>
-
+ let challenges = <div> <h6>What were the biggest challenges?</h6> <ul> {challs} </ul> </div>
+ let bestpart = <div> <h6>What were the best parts?</h6> <ul> {bests} </ul></div> ;
+ let details = <div> <br/> {challenges} {bestpart} </div>
let hole =
<div>
<div className="row steckbrief"> {picture}
@@ -154,7 +112,7 @@ function createSteckbriefe(data: Array<SteckbriefInterface>){
<div className="col-4 brieffacts">
<br/><br/> {funfactlist} {facts}
</div>
- </div> <div className="row" style={{marginTop: "1rem", marginBottom: "1rem"}}> <div className="col-2"> {frontbutton} {backbutton}</div> <div className="col"><details className={frontbriefclass} ><summary> <b>Personal motivation and challenges</b> </summary><div> <LoremMedium/></div></details></div> </div>
+ </div> <div className="row" style={{marginTop: "1rem", marginBottom: "1rem"}}> <div className="col-2"> {frontbutton} {backbutton}</div> <div className="col"><details className={frontbriefclass} ><summary> <b>Personal motivation and challenges</b> </summary><div> {details}</div></details></div> </div>
</div>
let whole = <div className={"steckbrief-box"} id={thename}> {hole} </div>;
briefe.push(whole);
@@ -164,17 +122,6 @@ function createSteckbriefe(data: Array<SteckbriefInterface>){
-function Steckbrief({children, url, name,job }: SteckProps){
- let thename = "" + name;
- return(
- <div className={"steckbrief-box"} id={thename}>
-
- {/* front */}
- {/* back */}
-
- </div>
- )
-}
function flip(element: string){
const flipp = (_event: React.MouseEvent<HTMLElement, MouseEvent>) => {