diff --git a/src/App/App.css b/src/App/App.css
index 8cc619fd7c93d1ed8a8ba9d7f6cf8b9a32264eed..8a2f6589a82b6b11be71700c1af2ca67f5ba7d5f 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -3419,4 +3419,39 @@ a{
.active-sideitem a summary{
color: white !important;
+}
+
+.flexbox{
+ display: flex;
+ align-items: stretch;
+ margin-bottom: 20px;
+}
+
+.hp-timeline-p{
+ flex: 1;
+ margin-bottom: 0 !important;
+ margin-top: 0 !important;
+}
+.flexbox p{
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+}
+.hp-timeline-p p{
+ margin-top: auto !important;
+}
+.hp-timeline-img{
+ margin-top: 0 !important;
+ height: 100%; /* Das Bild wird in der Höhe an den Container angepasst */
+ max-height: 100%;
+ width: 100%; /* Bild füllt den Image-Container aus */
+ object-fit: cover; /* Optional: Skaliert das Bild so, dass es den Container proportional füllt */
+}
+
+.hti-box{
+ width: min-content;
+ flex: 0 0.2 40%; /* Bild nimmt maximal 40% der Breite ein */
+}
+
+.hti-abstand{
+ width: 20px;
}
\ No newline at end of file
diff --git a/src/components/HP-timeline.tsx b/src/components/HP-timeline.tsx
index 51da27c2c17f661e4e53fa4bf17450baaa69c007..937a31150b88a39eb09f02f1456743d783074a18 100644
--- a/src/components/HP-timeline.tsx
+++ b/src/components/HP-timeline.tsx
@@ -1,8 +1,7 @@
import { TabButtonRow } from "./Buttons";
import TimeHori from "./HorizontalTimeline";
import { BFHStyleTabs, ButtonRowTabs } from "./Tabs";
-import { timelinepersontabs } from "./data/timelinepersontabs";
-
+import { timelinedata } from "./data/hptimelinedata";
export function HPTimeline(){
return(
<section id="Timeline" className="section">
@@ -11,7 +10,7 @@ export function HPTimeline(){
</div>
<TabButtonRow data={timelinebuttonrowdata} classy="" opentype="timelinecardtabs" closing="timelinepersontabs" />
<ButtonRowTabs cla="timelinecardtabs" data={timelinebuttonrowdata}/>
- <BFHStyleTabs cla="timelinepersontabs" data={timelinepersontabs}></BFHStyleTabs>
+ <BFHStyleTabs cla="timelinepersontabs" data={timelinedata}></BFHStyleTabs>
</section>
)
}
@@ -43,4 +42,10 @@ export function HPTimeline(){
cssname: "Industry"
}
]
-
\ No newline at end of file
+
+
+/* export function HPtimelineNew(data: Array<NodeDatensatz>){
+ var timelinecards: React.ReactNode;
+ var interviewtabs:
+
+} */
\ No newline at end of file
diff --git a/src/components/HorizontalTimeline.tsx b/src/components/HorizontalTimeline.tsx
index 78d516f7f3079be35cc61a36bd1f0442bfbf49c2..db8570fc491b40940431eea83b31b81e6c841156 100644
--- a/src/components/HorizontalTimeline.tsx
+++ b/src/components/HorizontalTimeline.tsx
@@ -1,5 +1,5 @@
import { HPMoreButton } from "./Buttons";
-import { data } from "./data/hptimelinedata";
+import { timelinedata } from "./data/hptimelinedata";
function TimeItem({tag, title, pic, author, tabid}: ItemProps){
let cl = "t-tag " + tag;
return(
@@ -116,27 +116,41 @@ function TimeItem({tag, title, pic, author, tabid}: ItemProps){
function AllItems(){
let rows = []
- for ( let i = 0; i < data.length; i++ ){
- if (data[i].type === "meta"){
+ for ( let i = 0; i < timelinedata.length; i++ ){
+ if (timelinedata[i].type === "meta"){
+ var name: string;
+ if (timelinedata[i].title) {
+ name = timelinedata[i].title! + " " + timelinedata[i].vorname + " " + timelinedata[i].nachnname;
+ }
+ else{
+ name = timelinedata[i].vorname + " " + timelinedata[i].nachnname;
+ }
rows.push(<TimeItemMeta
- title={data[i].title}
- pic={data[i].pic}
- tag={data[i].tag}
- author={data[i].author}
- tabid={data[i].tabid}
+ title={timelinedata[i].heading}
+ pic={timelinedata[i].pictureurl}
+ tag={timelinedata[i].tag}
+ author={name}
+ tabid={timelinedata[i].interviewtabid}
>
- {data[i].text}
+ {timelinedata[i].cardtext}
</TimeItemMeta>)
}
else{
+ var name: string;
+ if (timelinedata[i].title) {
+ name = timelinedata[i].title! + " " + timelinedata[i].vorname + " " + timelinedata[i].nachnname;
+ }
+ else{
+ name = timelinedata[i].vorname + " " + timelinedata[i].nachnname;
+ }
rows.push(<TimeItem
- title={data[i].title}
- pic={data[i].pic}
- tag={data[i].tag}
- author={data[i].author}
- tabid={data[i].tabid}
+ title={timelinedata[i].heading}
+ pic={timelinedata[i].pictureurl}
+ tag={timelinedata[i].tag}
+ author={name}
+ tabid={timelinedata[i].interviewtabid}
>
- {data[i].text}
+ {timelinedata[i].cardtext}
</TimeItem>)
}
@@ -147,17 +161,24 @@ function TimeItem({tag, title, pic, author, tabid}: ItemProps){
export function getItemsByType(tabid: string) {
let rows = []
- for (let i = 0; i < data.length; i++) {
- if (tabid === data[i].tag) {
+ for (let i = 0; i < timelinedata.length; i++) {
+ if (tabid === timelinedata[i].tag) {
+ var name: string;
+ if (timelinedata[i].title) {
+ name = timelinedata[i].title! + " " + timelinedata[i].vorname + " " + timelinedata[i].nachnname;
+ }
+ else{
+ name = timelinedata[i].vorname + " " + timelinedata[i].nachnname;
+ }
rows.push(<TimeItem
key={i}
- title={data[i].title}
- pic={data[i].pic}
- tag={data[i].tag}
- author={data[i].author}
- tabid={data[i].tabid}
+ title={timelinedata[i].heading}
+ pic={timelinedata[i].pictureurl}
+ tag={timelinedata[i].tag}
+ author={name}
+ tabid={timelinedata[i].interviewtabid}
>
- {data[i].text}
+ {timelinedata[i].cardtext}
</TimeItem>)
}
}
diff --git a/src/components/Tabs.tsx b/src/components/Tabs.tsx
index 7a0259e1d3a59f984a80e03e2da68c9b08dfa2a6..19359d9aa17613f6627e3104b5bec882aaab1ca1 100644
--- a/src/components/Tabs.tsx
+++ b/src/components/Tabs.tsx
@@ -10,23 +10,198 @@ export function ButtonRowTabs({data, cla}: {data: Array<TabDatensatz>, cla: stri
}
return rows;
}
- export function BFHStyleTabs({data, cla}: {data: Array<NodeDatensatz>, cla: string}) {
+
+import React from "react";
+import { BlockQuoteB } from "./Quotes";
+ import { TimelineDatenpunkt } from "./data/hptimelinedata";
+
+ export function BFHStyleTabs({data, cla}: {data: Array<TimelineDatenpunkt>, cla: string}) {
let rows = []
for ( let i = 0; i < data.length; i++ ){
- if (data[i].cssname === "timeline"){
+ var problem: Boolean = false;
+ var problem_desc: Array<string> = [];
+ /* Language */
+ var lang;
+ if(data[i].language === "en"){
+ lang = "Original language: English"
+ }
+ else if(data[i].language === "de"){
+ lang = "Original language: German"
+ }
+ else if(data[i].type != "meta"){
+ problem = true;
+ problem_desc.push("interview language");
+ }
+
+ /* Aim/Goal */
+ var goalheading: string = "";
+ if(data[i].type === "meta"){
+ goalheading = "Goals";
+ }
+ else{
+ goalheading = "Aim of contact"
+ }
+
+ /* Quotation */
+ var quoted: string = "";
+ if(data[i].quote != ""){
+ if(data[i].quoteNachname && data[i].quoteVorname){
+ quoted = data[i].quoteVorname + " " + data[i].quoteNachname;
+ }
+ else{
+ quoted = data[i].vorname + " " + data[i].nachnname;
+ }
+ }
+ else{
+ problem = true;
+ problem_desc.push("quote missing");
+ }
+
+ /* textparts */
+ if(data[i].aimofcontact === ""){
+ problem = true;
+ problem_desc.push(" " + goalheading + " missing");
+ }
+ if(data[i].insights === ""){
+ problem = true;
+ problem_desc.push(" insights missing");
+ }
+ if(data[i].implementation === ""){
+ problem = true;
+ problem_desc.push(" implementation missing");
+ }
+ /* Clarification */
+ var clari: React.ReactNode = <></>
+ if(data[i].clarification){
+ clari = <>
+ <h4>Clarification</h4>
+ <p>{data[i].clarification}</p>
+ </>
+ }
+ /* Other warnings */
+ if(data[i].interviewtabid === ""){
+ problem = true;
+ problem_desc.push(" interviewtabid missing");
+ }
+ /* if(data[i].cardtext === ""){
+ problem = true;
+ problem_desc.push(" cardtext missing");
+ } */
+ if(data[i].type !== "meta"){
+ if(data[i].affiliation === undefined || data[i].affiliation === ""){
+ problem = true;
+ problem_desc.push(" affiliation missing");
+ }
+ if(data[i].job === undefined || data[i].job === ""){
+ problem = true;
+ problem_desc.push(" job missing" );
+ }
+ }
+ if(data[i].type === "meta"){
+ if(data[i].quoteVorname === undefined || data[i].quoteVorname === ""){
+ problem = true;
+ problem_desc.push(" who is the quote from?" );
+ }
+ }
+
+ /* References */
+ var refs: React.ReactNode = <></>;
+ if (data[i].references) {
+ refs = <> <h4>References </h4> {data[i].references}</>
+ }
+
+ /* Further pictures */
+ var inv_img: React.ReactNode = <></>;
+ if (data[i].pictureurl_interview) {
+ inv_img = <> <div className="hti-box"> <img src={data[i].pictureurl_interview} className="hp-timeline-img hti-right"/> </div> <div className="hti-abstand"/> </>
+
+ }
+ var imp_img: React.ReactNode = <></>;
+ if (data[i].pictureurl_implementation) {
+ imp_img = <> <div className="hti-abstand"/><div className="hti-box">
+ <img src={data[i].pictureurl_implementation} className="hp-timeline-img hti-right"/>
+ </div>
+ </>
+ }
+ var aim_img: React.ReactNode = <></>;
+ if (data[i].pictureurl_aim) {
+ aim_img = <> <div className="hti-abstand"/> <div className="hti-box">
+ <img src={data[i].pictureurl_aim} className="hp-timeline-img hti-left"/>
+ </div></>
+ }
+
+ let node = <>
+ <br/>
+ <h3>{data[i].vorname} {data[i].nachnname}</h3>
+ <hr/>
+ <div className="row">
+ <div className="col-6">
+ <div className={"t-tag " + data[i].tag}>
+ {data[i].job}
+ </div>
+ </div>
+ <div className="col-3">{lang}</div>
+ </div>
+ <div className="row">
+ <div className="col">
+ <BlockQuoteB text={data[i].quote} cite={quoted}></BlockQuoteB>
+ </div>
+ <div className="col-3">
+ <img className="middle sechpro" src={data[i].pictureurl}/>
+ </div>
+ </div>
+
+ <h4>{goalheading}</h4>
+ <div className="flexbox">
+ <p className="hp-timeline-p">{data[i].aimofcontact}</p>
+
+ {aim_img}
+ </div>
+
+
+ <h4>Insights</h4>
+ <div className="flexbox">
+ {inv_img}
+
+ <p className="hp-timeline-p">{data[i].insights}</p>
+ </div>
+
+ {clari}
+
+ <h4>Implementation</h4>
+ <div className="flexbox">
+ <p className="hp-timeline-p">{data[i].implementation}</p>
+
+ {imp_img}
+ </div>
+ {refs}
+ </>
+ if(problem){
rows.push(
- <div id={data[i].cssname} className={cla} style={{display: "block"}}>
- {data[i].node}
+ <div id={data[i].interviewtabid} className={cla} style={{ backgroundColor: "black", color: "white"}}>
+ <h1>PROBLEM with {data[i].vorname} {data[i].nachnname}</h1>
+ <p> because of: </p>
+ {problem_desc}
</div>
)
}
else{
- rows.push(
- <div id={data[i].cssname} className={cla}>
- {data[i].node}
- </div>
- )
+ if (data[i].interviewtabid === "timeline"){
+ rows.push(
+ <div id={data[i].interviewtabid} className={cla} style={{display: "block"}}>
+ {node}
+ </div>
+ )
+ }
+ else{
+ rows.push(
+ <div id={data[i].interviewtabid} className={cla}>
+ {node}
+ </div>
+ )
+ }
}
+
}
return rows;
}
\ No newline at end of file
diff --git a/src/components/data/hptimelinedata.ts b/src/components/data/hptimelinedata.ts
deleted file mode 100644
index 3698da338a80bc877b6e13ef5f4c08f3d748464b..0000000000000000000000000000000000000000
--- a/src/components/data/hptimelinedata.ts
+++ /dev/null
@@ -1,244 +0,0 @@
-export const data = [
- {
- title: "Team",
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Tag",
- author: "Name",
- tabid: "",
- text: " ",
- type: "meta"
- },
- {
- title: "Erste Presi",
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Tag",
- author: "Name",
- tabid: "",
- text: " ",
- type: "meta"
- },
- {
- title: "Verworfenes",
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Tag",
- author: "Name",
- tabid: "",
- text: " ",
- type: "meta"
- },
- {
- title: "",
- pic: "https://static.igem.wiki/teams/5247/photos/hp/kristian.jpeg",
- tag: "Academia",
- author: "Kristian",
- tabid: "",
- text: " "
- },
- {
- title: "First Impression",
- pic: "https://static.igem.wiki/teams/5247/photos/hp/hp-max-portrait.jpg",
- tag: "Patient",
- author: "Max Beckmann",
- tabid: "InvMax1",
- text: " "
- },
- {
- title: "Approach??" ,
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Academia",
- author: "Prof. Dr. Christoph Weber",
- tabid: "InvWeber",
- text: "Text",
- },
- {
- title: "Brainstorming",
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Tag",
- author: "Name",
- tabid: "",
- text: " ",
- type: "meta"
- },
- {
- title: "",
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Industry",
- author: "Michaela",
- tabid: "",
- text: " "
- },
- {
- title: "More Experts",
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Tag",
- author: "Name",
- tabid: "",
- text: " ",
- type: "meta"
- },
- {
- title: "Progress",
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Tag",
- author: "Name",
- tabid: "",
- text: " ",
- type: "meta"
- },
- {
- title: "Breathing therapy" ,
- pic: "https://static.igem.wiki/teams/5247/photos/hp/hp-katrin-portrait.jpg",
- tag: "Medical Professional",
- author: "Katrin Westhoff",
- tabid: "InvWesthoff",
- text: "Text",
- },
- {
- title: "" ,
- pic: "https://static.igem.wiki/teams/5247/photos/hp/olariu-cristian.jpg",
- tag: "Medical Professional",
- author: "Cristian-Gabriel Olariu",
- tabid: "InvOlariu",
- text: "Text",
- },
- {
- title: "" ,
- pic: "https://static.igem.wiki/teams/5247/photos/hp/mattijs.jpg",
- tag: "Academia",
- author: "Mattijs Bulcaen",
- tabid: "InvBulcaen1",
- text: "Text",
- },
- {
- title: "" ,
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Academia",
- author: "Nicole Friedlein",
- tabid: "InvFriedlein",
- text: "Text",
- },
- {
- title: "Physiotherapie live" ,
- pic: "https://static.igem.wiki/teams/5247/photos/hp/hp-katrin-portrait.jpg",
- tag: "Medical Professional",
- author: "Katrin Westhoff",
- tabid: "BesWesthoff",
- text: "Text",
- },
- {
- title: "" ,
- pic: "https://static.igem.wiki/teams/5247/photos/hp/julia.jpg",
- tag: "Patient",
- author: "Julia",
- tabid: "InvJulia",
- text: "Text",
- },
- {
- title: "" ,
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Patient",
- author: "Joshua",
- tabid: "InvJoshua",
- text: "Text",
- },
- {
- title: "Research Group Cellular Neurophysiology" ,
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Academia",
- author: "Prof. Dr. Erhard Wischmeyer",
- tabid: "InvWischmeyer",
- text: "Text",
- },
-/* {
- title: "Approach??" ,
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Academia",
- author: "Prof. Dr. Stefan Hammer",
- tabid: "InvHammer",
- text: "Text",
- }, */
- {
- title: "First Steps in LNP" ,
- pic: "https://static.igem.wiki/teams/5247/photos/hp/kolonko-neu.jpg",
- tag: "Academia",
- author: "Dr. Katharina Kolonko",
- tabid: "InvKolonko",
- text: "Text",
- },
- {
- title: "",
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Academia",
- author: "Vinke",
- tabid: "",
- text: " "
- },
- {
- title: "Hygiene Concept",
- pic: "https://static.igem.wiki/teams/5247/photos/hp/hp-max-portrait.jpg",
- tag: "Patient",
- author: "Max Beckmann",
- tabid: "InvMax2",
- text: " "
- },
- {
- title: "",
- pic: "https://static.igem.wiki/teams/5247/photos/hp/berens.jpg",
- tag: "Academia",
- author: "Dr. Eva-Maria Berens",
- tabid: "Berens",
- text: ""
- },
- {
- title: "",
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Academia",
- author: "Collabs",
- tabid: "",
- text: " "
- },
- {
- title: "" ,
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Industry",
- author: "RNale",
- tabid: "InvRNale",
- text: "Text",
- },
- {
- title: "",
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Academia",
- author: "LiU",
- tabid: "",
- text: " "
- },
- {
- title: "",
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Academia",
- author: "Corden Pharma",
- tabid: "",
- text: " "
- },
- {
- title: "" ,
- pic: "https://static.igem.wiki/teams/5247/photos/hp/mattijs.jpg",
- tag: "Academia",
- author: "Mattijs Bulcaen",
- tabid: "InvBulcaen2",
- text: "Text",
- },
- {
- title: "Research Group Cellular Neurophysiology" ,
- pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
- tag: "Academia",
- author: "Dr. Oliver Dräger",
- tabid: "InvWischmeyer",
- text: "Text",
- },
-
-
-
-
- ]
\ No newline at end of file
diff --git a/src/components/data/hptimelinedata.tsx b/src/components/data/hptimelinedata.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a63f13394dacca4ed294465ec05974c5afa94cfa
--- /dev/null
+++ b/src/components/data/hptimelinedata.tsx
@@ -0,0 +1,652 @@
+import {ScrollLinkWithChild } from "../ScrollLink";
+
+
+export interface TimelineDatenpunkt {
+ title?: string; /* Prof. , Dr., ... */
+ vorname: string;
+ nachnname: string;
+ pictureurl: string;
+ tag: StakeholderTag;
+ heading: string;
+ interviewtabid: string;
+ type?: TypeTag; /* nur falls es ein meta tag ist */
+ affiliation?: string;
+ job?: string;
+ cardtext: string;
+ language?: Language;
+ quote: string;
+ quoteVorname?: string; /* Wenn die quote nicht von der Person ist über die der Text ist */
+ quoteNachname?: string;
+ aimofcontact: string | Array<string> | Array<React.ReactNode>; /* Sobald Zitierungen drin sind oder Links muss es HTML Code sein, ansonsten gehen strings */
+ insights: string | Array<string> | Array<React.ReactNode>; /* Sobald Zitierungen drin sind oder Links muss es HTML Code sein, ansonsten gehen strings */
+ clarification?: string | Array<string> | Array<React.ReactNode>; /* Sobald Zitierungen drin sind oder Links muss es HTML Code sein, ansonsten gehen strings */
+ implementation: string | Array<string> | Array<React.ReactNode>; /* Sobald Zitierungen drin sind oder Links muss es HTML Code sein, ansonsten gehen strings */
+ pictureurl_interview?: string; /* Picture that goes into the paragraph "Insights" */
+ pictureurl_aim?: string; /* Picture that goes into the paragraph "Aim of contact" */
+ pictureurl_implementation?: string; /* Picture that goes into the paragraph "Implementation" */
+ more_pictures?: Array<string> ;
+ references?: Array<React.ReactNode>; /* Muss HTML Code sein - Liliana erstellt den aus Bib dateien */
+}
+type StakeholderTag = 'Industry' | 'Academia' | 'Patient' | 'Medical Professional' | 'Milestone' | 'Other';
+type TypeTag = 'meta' ;
+type Language = 'en' | 'de';
+
+const pics: { [key: string]: string } = {
+ placeholder: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
+ max: "https://static.igem.wiki/teams/5247/photos/hp/hp-max-portrait.jpg",
+ kristian: "https://static.igem.wiki/teams/5247/photos/hp/kristian.jpeg",
+ olariu: "https://static.igem.wiki/teams/5247/photos/hp/olariu-cristian.jpg",
+ westhoff: "https://static.igem.wiki/teams/5247/photos/hp/hp-katrin-portrait.jpg",
+ mattijs: "https://static.igem.wiki/teams/5247/photos/hp/mattijs.jpg",
+ julia: "https://static.igem.wiki/teams/5247/photos/hp/julia.jpg",
+ kolonko: "https://static.igem.wiki/teams/5247/photos/hp/kolonko-neu.jpg",
+ svenja: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
+ berens: "https://static.igem.wiki/teams/5247/photos/hp/berens.jpg",
+ draeger: "https://static.igem.wiki/teams/5247/photos/hp/oliver-draeger-patch-clamp.jpeg",
+ winkeljann: "https://static.igem.wiki/teams/5247/photos/hp/rnhale-winkeljann.jpg",
+ kuehnel: "https://static.igem.wiki/teams/5247/photos/hp/hp-philippk-hnel.jpeg ",
+};
+
+/* {
+ vorname: "",
+ nachnname: "",
+ pictureurl: pics['placeholder'],
+ tag: "",
+ heading: "",
+ interviewtabid: "",
+ cardtext: "",
+ language: "",
+ quote: "",
+ aimofcontact: "",
+ insights: "",
+ implementation: "",
+ } */
+
+
+ /* WICHTIG!
+ Fehlende Infos einfach leer lassen und keine Dummy-Texte einfügen!
+ */
+
+export const timelinedata: Array<TimelineDatenpunkt> = [
+ {
+ vorname: "Building the team",
+ nachnname: "",
+ pictureurl: pics['placeholder'],
+ tag: "Other",
+ heading: "Development of a multidisciplinary team structure",
+ interviewtabid: "recruiting",
+ cardtext: "",
+ quote: "",
+ aimofcontact: "",
+ insights: "",
+ implementation: "",
+ type: "meta"
+ },
+ {
+ vorname: "Pitching ideas",
+ nachnname: "",
+ pictureurl: pics['placeholder'],
+ tag: "Other",
+ heading: "Getting Acquainted with Cystic Fibrosis",
+ interviewtabid: "firstpresi",
+ cardtext: "",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ type: "meta"
+ },
+ {
+ vorname: "Ideation",
+ nachnname: "",
+ pictureurl: pics['placeholder'],
+ tag: "Other",
+ heading: "Brainstorming and selection of ideas and concepts",
+ interviewtabid: "ideas",
+ cardtext: "",
+ quote: "",
+ aimofcontact: "",
+ insights: "",
+ implementation: "",
+ type: "meta"
+ },
+ {
+ title: "Prof. Dr.",
+ vorname: "Kristian",
+ nachnname: "Müller",
+ job: "Research Group Cellular and Molecular Biotechnology",
+ pictureurl: pics['kristian'],
+ tag: "Academia",
+ heading: "",
+ interviewtabid: "kristian",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "",
+ insights: "",
+ implementation: "",
+ },
+ {
+ vorname: "Max",
+ nachnname: "Beckmann",
+ job: "Bielefeld University",
+ pictureurl: pics['max'],
+ tag: "Patient",
+ heading: "Gathering valuable insights from the patient’s perspective",
+ interviewtabid: "maxfirst",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ },
+ {
+ title: "XXX",
+ vorname: "Christoph",
+ nachnname: "Weber",
+ job: "",
+ pictureurl: pics['placeholder'],
+ tag: "Academia",
+ heading: "Feedback Session with Expert",
+ interviewtabid: "weber",
+ cardtext: "",
+ language: "en",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ },
+ {
+ vorname: "Exploring new ideas",
+ nachnname: "",
+ pictureurl: pics['placeholder'],
+ tag: "Other",
+ affiliation: "",
+ heading: "Further brainstorming on approaches",
+ interviewtabid: "brainstorming",
+ cardtext: "",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ type: "meta"
+ },
+ {
+ title: "Dr.",
+ vorname: "Michaela",
+ nachnname: "Bienert",
+ job: " Scientific Sales Representative for Cell Culture Products",
+ affiliation: "Stemcell",
+ pictureurl: pics['placeholder'],
+ tag: "Industry",
+ heading: "Determining the optimal cell media for experimentation",
+ interviewtabid: "michaela",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ },
+ {
+ vorname: "Looking for expertise",
+ nachnname: "",
+ pictureurl: pics['placeholder'],
+ tag: "Other",
+ heading: "Identifying key experts in cystic fibrosis and prime editing",
+ interviewtabid: "experts",
+ cardtext: "",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ type: "meta"
+ },
+ {
+ vorname: "Documenting progress",
+ nachnname: "",
+ pictureurl: pics['placeholder'],
+ tag: "Other",
+ heading: "Tracking progress in expert search and idea development",
+ interviewtabid: "progress",
+ cardtext: "",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ type: "meta"
+ },
+ {
+ vorname: "Katrin",
+ nachnname: "Westhoff",
+ job: "Physiotherapist",
+ affiliation: "Independent",
+ pictureurl: pics['westhoff'],
+ tag: "Medical Professional",
+ heading: "Interview with a specialized physiotherapist regarding breathing therapy for cystic fibrosis patients",
+ interviewtabid: "westhoffinv",
+ cardtext: "",
+ language: "de",
+ quote: "The more we know, the more opportunities we have.",
+ aimofcontact: "The objective of the contact was to gain in-depth insights into the treatment and care of children with cystic fibrosis. The therapist's expertise was intended to help develop a better understanding of the challenges and necessary measures in the treatment of this chronic disease. In addition, the aim was to ascertain how the therapy is implemented in everyday life and which specific approaches and methods are particularly effective.",
+ insights: "The interview yielded valuable insights into the regular implementation of the therapy, the use of aids and the adaptation of exercises to the individual needs of the patients. It was notable that the therapy has improved considerably thanks to better medication and adapted exercises, with a concomitant increase in life expectancy for children affected by cystic fibrosis. Of particular interest was the emphasis on the importance of sport and exercise, which should not only be therapeutically effective, but also increase quality of life. ",
+ implementation: "The following statement by Katrin Westhoff had a particularly profound impact on our project: 'The more we know, the more opportunities we have.' We learned from the interview that the current medication is already helping many patients to a huge extent, but that there is still a significant opportunity for improvement. After all, successful gene therapy would markedly enhance the quality of life for those affected. The findings of this project will be disseminated to the relevant researchers in order to facilitate the rapid improvement of the quality of life of all cystic fibrosis patients, regardless of their mutation. ",
+ pictureurl_interview: "https://static.igem.wiki/teams/5247/photos/hp/katrin-westhoff-zoom.webp",
+ },
+ {
+ vorname: "Cristian-Gabriel",
+ nachnname: "Olariu",
+ job: "pediatrician",
+ affiliation: "OWL University Hospital",
+ pictureurl: pics['olariu'],
+ tag: "Medical Professional",
+ heading: "Discussion with a pediatrician and his former patient about treatment challenges and perspectives",
+ interviewtabid: "olariu",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ },
+ {
+ vorname: "Mattijs",
+ nachnname: "Bulcaen",
+ job: "PhD Researcher at Laboratory for Molecular Virology & Gene Therapy",
+ affiliation: "KU Leuven",
+ pictureurl: pics['mattijs'],
+ tag: "Academia",
+ heading: "Discussion with a Prime Editing Expert on Similar Approaches for Different Mutations",
+ interviewtabid: "mattijsinv",
+ cardtext: "",
+ language: "en",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ },
+ {
+ vorname: "Nicole",
+ nachnname: "Friedlein",
+ job: "Research group on fundamental rights",
+ affiliation: "Universität Potsdam",
+ pictureurl: pics['placeholder'],
+ tag: "Academia",
+ heading: "Discussion on how health insurance companies manage cystic fibrosis patients and gene therapy treatments",
+ interviewtabid: "nicole",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ },
+ {
+ vorname: "Katrin",
+ nachnname: "Westhoff",
+ job: "physiotherapist",
+ affiliation: "",
+ pictureurl: pics['westhoff'],
+ tag: "Medical Professional",
+ heading: "In-Depth Visit to Specialized Physiotherapist for CF Breathing Therapy",
+ interviewtabid: "westhoffvisit",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ },
+ {
+ vorname: "Jukia",
+ nachnname: "XXX",
+ job: "parent",
+ affiliation: "",
+ pictureurl: pics['julia'],
+ tag: "Patient",
+ heading: "Interview with a CF Parent About Their Experience and Treatment Needs",
+ interviewtabid: "julia",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "",
+ insights: "",
+ implementation: "",
+ },
+ {
+ vorname: "Joshua",
+ nachnname: "Bauder",
+ job: "parent and activist",
+ affiliation: "CF vests worldwide",
+ pictureurl: pics['placeholder'],
+ tag: "Patient",
+ heading: "Interview with a CF Parent and Global Advocate on Worldwide Support and Perspectives",
+ interviewtabid: "joshua",
+ cardtext: "",
+ language: "en",
+ quote: "",
+ aimofcontact: "",
+ insights: "",
+ implementation: "",
+ pictureurl_interview: ""
+ },
+ {
+ title: "Prof. Dr.",
+ vorname: "Erhard",
+ nachnname: "Wischmeyer",
+ job: "Research Group Cellular Neurophysiology",
+ affiliation: "Universität Bielefeld",
+ pictureurl: pics['placeholder'],
+ tag: "Academia",
+ heading: "Discussion on Techniques for Measuring CFTR Channel Functionality",
+ interviewtabid: "patchclamp",
+ cardtext: "",
+ language: "de",
+ quoteNachname: "Guckes",
+ quoteVorname: "Isabell",
+ quote: "We hadn’t initially considered patch-clamp measurements in our set of downstream applications, but it’s proven to be an exceptionally sensitive method for assessing CFTR conductance.",
+ aimofcontact: [<p>As part of our project, we aimed to demonstrate the functionality of the CFTR ion channel, after restoring
+ it through our optimized Prime Editing, by using Patch-Clamp measurements. To ensure the optimal use of the
+ Patch-Clamp and to gain an insight into electrophysiology, we asked experts from the medical faculty at
+ Bielefeld University to critically examine our measurement planning. Prof. Dr. Erhard Wischmeyer, an
+ experienced scientist in this field who has worked at the Max Planck Institute for Biophysical Chemistry
+ in Göttingen, the development site of the Patch-Clamp technique<ScrollLinkWithChild targetId="desc-1"><sup>1</sup></ScrollLinkWithChild>, and currently leads the Cellular
+ Neurophysiology working group at Bielefeld University, seemed to be an ideal interviewee. His
+ knowledge and experience promised valuable insights and advice for conducting and optimizing our
+ experiments. </p>],
+ insights: [ <><p>Prof. Dr. Wischmeyer taught us about the workflow of the Patch-Clamp technique. He highlighted the need
+ for specialized electrodes and glass pipettes that must form a smooth surface devoid of the extracellular
+ matrix (ECM). Additionally, he pointed out that measuring CFTR conductivity with the Patch-Clamp technique
+ poses a technical challenge due to the low currents involved<ScrollLinkWithChild targetId="desc-2"><sup>2</sup></ScrollLinkWithChild>. He recommended using expression vectors
+ for overexpressing the CFTR gene in HEK cells instead of epithelial cells from a nasal swab to achieve
+ better results. Since Patch-Clamp measurements require a very sensitive testing environment, even
+ challenging for the most experienced scientists, Prof. Dr. Wischmeyer invited us to conduct the
+ measurements together with members of his group.
+ </p>
+ <p>In addition to the Patch-Clamp technique, Prof. Dr. Wischmeyer informed us about E-cis measurements as a
+ current electrophysiological measurement method alongside the Patch-Clamp technique. This method allows
+ the measurement of the membrane potential above and below a monolayer of confluent cells<ScrollLinkWithChild targetId="desc-3"><sup>3</sup></ScrollLinkWithChild>. Consequently,
+ it enables precise measurement of conductivity dependent on CFTR expression. </p>
+ </>],
+ implementation: [<> <p>We decided to use HEK293T cells lines from Mattijs Bulcaen from KU Leuven [Link] which do overexpress the
+ correct CFTR and those which express CFTR with F508del for the Patch-Clamp measurements. To conduct the
+ Patch-Clamp experiments, we contacted the Cellular Neurophysiology group to perform the necessary
+ measurements. It was a pleasure to work together with Dr. Oliver Dräger[Link], who is working as a post-doc for
+ the Cellular Neurophysiology working group at Bielefeld University. He taught us about the Patch-Clamp
+ method and spent his valuable time supporting our project by guiding our Patch-Clamp measurements. </p>
+ <p>In summary, through the interview with Prof. Dr. Wischmeyer and the collaboration with his employee
+ Oliver Dräger, we gained valuable insights and optimized our approach to effectively investigate and
+ measure the functionality of the CFTR ion channel, thereby determining the efficiency of our Prime
+ Editing strategy. </p></>],
+ pictureurl_implementation: "https://static.igem.wiki/teams/5247/photos/for-wiki-texts/hp-patch-clamp/bild-interssierte-wissenschaftler-oho.jpeg",
+ pictureurl_aim: "https://static.igem.wiki/teams/5247/photos/for-wiki-texts/hp-patch-clamp/20240625-184032.jpg",
+ references: [
+ <ol>
+ {/*<!-- Citation num 1--> */}
+ <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="bielefeld-cebitec/human-practices#desc-1">
+ <span property="schema:author" typeof="schema:Person">
+ <span property="schema:Name"> Roth, F.</span>;
+ <span property="schema:Name"> Draguhn, A.</span>
+ </span>
+ <span property="schema:name"> Die Entwicklung der Patch-Clamp-Technik. </span>
+ <i property="schema:publisher" typeof="schema:Organization"> Springer eBooks</i>
+ <b property="issueNumber" typeof="PublicationIssue"> </b>,
+ <span property="schema:pageBegin"> 1</span>-<span property="schema:pageEnd">14</span>
+ (<time property="schema:datePublished" datatype="xsd:gYear" dateTime=" 2023">2023</time>).
+ <a className="doi" href="https://doi.org/10.1007/978-3-662-66053-9_1"> doi: 10.1007/978-3-662-66053-9_1</a>
+ </li>
+
+ {/*<!-- Citation num 2--> */}
+ <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-2">
+ <span property="schema:author" typeof="schema:Person">
+ <span property="schema:Name"> Mete, V.</span>
+ </span>
+ <span property="schema:name"> Entwicklung und Validierung neuer nicht-invasiver Diagnosesysteme für Mucociliary Clearance Disorders (MCCD). </span>
+ <i property="schema:publisher" typeof="schema:Organization"> Dissertation, Westfälische Wilhelms-Universität Münster</i>
+ <b property="issueNumber" typeof="PublicationIssue"> </b>,
+ <span property="schema:pageBegin"> </span>
+ (<time property="schema:datePublished" datatype="xsd:gYear" dateTime=" 2023">2023</time>).
+ <a className="doi" href="https://doi.org/10.17879/98958441905"> doi: 10.17879/98958441905</a>
+ </li>
+
+ {/*<!-- Citation num 3--> */}
+ <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-3">
+ <span property="schema:author" typeof="schema:Person">
+ <span property="schema:Name"> Giaever, I.</span>;
+ <span property="schema:Name"> Keese, C.</span>
+ </span>
+ <span property="schema:name"> A morphological biosensor for mammalian cells. </span>
+ <i property="schema:publisher" typeof="schema:Organization"> Nature</i>
+ <b property="issueNumber" typeof="PublicationIssue"> 366</b>,
+ <span property="schema:pageBegin"> 591</span>-<span property="schema:pageEnd">592</span>
+ (<time property="schema:datePublished" datatype="xsd:gYear" dateTime=" 1993">1993</time>).
+ <a className="doi" href="https://doi.org/10.1038/366591a0"> doi: 10.1038/366591a0</a>
+ </li>
+ </ol>
+ ],
+ },
+ {
+ title: "Prof. Dr.",
+ vorname: "Stefan",
+ nachnname: "Hammer",
+ job: "Junior Professor of Organic Chemistry and Biocatalysis",
+ affiliation: "Universität Bielefeld",
+ pictureurl: pics['placeholder'],
+ tag: "Academia",
+ heading: "Safety Briefing and Laboratory Practices Advice",
+ interviewtabid: "hammer",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ },
+ {
+ title: "Dr.",
+ vorname: "Katharina",
+ nachnname: "Kolonko",
+ job: "",
+ affiliation: "",
+ pictureurl: pics['kolonko'],
+ tag: "Academia",
+ heading: "First steps in LNPs",
+ interviewtabid: "kolonkofirst",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ },
+ {
+ vorname: "Svenja",
+ nachnname: "Vinke",
+ job: "PostDoc at Harvard Medical School",
+ affiliation: "Harvard Medical School",
+ pictureurl: pics['svenja'],
+ tag: "Academia",
+ heading: "",
+ interviewtabid: "svenja",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ },
+ {
+ vorname: "Max",
+ nachnname: "Beckmann",
+ job: "Bielefeld University",
+ pictureurl: pics['max'],
+ tag: "Patient",
+ heading: "Consultation on University Hygiene Risks and Improvement for Hygiene Concept",
+ interviewtabid: "maxhygiene",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "",
+ insights: "",
+ implementation: "",
+ },
+ {
+ title: "Dr.",
+ vorname: "Eva-Maria",
+ nachnname: "Berens",
+ job: "Ethics Committee of Bielefeld University",
+ affiliation: "Bielefeld University",
+ pictureurl: pics['berens'],
+ tag: "Academia",
+ heading: "Bioethics: Best Practices for Handling Patient Data and Primary Cells", /* Guidance from Ethics Committee on Best Practices for Patient Data and Primary Cells */
+ interviewtabid: "berens",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "The aim of the interview was to get an answer to the question of whether we need an ethics vote for our project or not and to obtain guidelines for dealing with patient cells regarding ethical issues and data protection. ",
+ insights: "The discussion was very informative in terms of how we should approach this topic and focused primarily on the important factors that need to be considered when planning the handling of patient cells. These include which legal principles need to be observed, data protection, ethical considerations and, above all, detailed and specific information for the donor. It also made us look at the situation from many different angles and consider the risks of worst-case scenarios. Overall, this interview was very useful to us, and we were able to use the information we gained to develop a kind of guideline that allowed us to approach this sensitive topic, which was new to us, with a certain degree of confidence. ",
+ implementation: "Based on the knowledge we have gained, we have drawn up guidelines for our handling of the cells. We used this guide when handling the patient cells, to ensure they were handled in an ethically correct manner.",
+ },
+ {
+ vorname: "Collaboration",
+ nachnname: "",
+ job: "",
+ affiliation: "",
+ pictureurl: pics['placeholder'],
+ tag: "Academia",
+ heading: "LNP Handbook",
+ interviewtabid: "handbook",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "",
+ insights: "",
+ implementation: "",
+ },
+ {
+ vorname: "Benjamin",
+ title: "Dr.",
+ nachnname: "Winkeljann",
+ job: "Co-Founder and CEO at RNhale",
+ affiliation: "RNhale",
+ pictureurl: pics['winkeljann'],
+ tag: "Industry",
+ heading: "Rnhale",
+ interviewtabid: "rnhale",
+ cardtext: "",
+ language: "de",
+ quote: "Spray-drying LNPs is a groundbreaking approach that enhances stability and enables efficient pulmonary delivery of mRNA, paving the way for innovative therapies for conditions like cystic fibrosis.",
+ aimofcontact: [<p>As part of our development process of an innovative, effective pulmonary delivery of therapeutic mRNA to fight cystic fibrosis,
+ we conducted an interview with Dr. Benjamin Winkeljann, who is the Co-Founder of <a href="https://rnhale.com/">RNhale</a>. Dr. Benjamin
+ Winkeljann has a wealth of experience in the field of RNA therapeutics and nanotechnology. His background includes extensive research in the
+ development of lipid-based delivery systems, focusing on optimizing stability and efficacy for therapeutic applications. Winkeljann’s work
+ is supported by cutting-edge research from academic institutions, including collaborations with Professor Olivia Merkel from the
+ Ludwig-Maximilians-Universität in Munich, Germany, since his doctoral thesis in her working group. The interview with Winkeljann promoted
+ our project, which aimed to utilize spray-dried lipid nanoparticles (LNPs) for efficient delivery to the lung. By engaging with RNhale, we
+ sought to understand the nuances of their nano-embedded microparticle technology and how it could enhance our delivery systems. </p>],
+ insights: [<p>RNhale's technology leverages advanced spray drying techniques to stabilize and deliver RNA therapeutics. During our interview,
+ Winkeljann detailed several crucial aspects. Firstly, the stability and shelf-life of spray-dried LNPs are remarkable. RNhale’s siRNA
+ formulations have maintained their integrity for up to 18 months at room temperature, and although specific data for mRNA is still pending,
+ this suggests a promising shelf-life for mRNA formulations under similar conditions. The spray drying process itself involves mixing an ethanol
+ phase containing lipids with an aqueous phase containing RNA. This mixture is then spray-dried, forming LNPs as tiny spherical particles.
+ Key parameters for this process include maintaining an internal drying temperature of around 100 °C and using excipients like lactose to
+ preserve the nanoparticles' structure and function​ [1]. </p>,
+ <p>Ensuring the integrity and efficiency of the LNPs involves various methods, including gel electrophoresis, blotting, and functional readouts through transfection assays.
+ After drying, the nanoparticles retain their spherical structure, which resembles that of "golf balls" under scanning electron microscopy (SEM)[1].
+ Moreover, RNhale employs artificial intelligence to optimize LNP formulations and predict the best drying conditions, reducing the need for
+ extensive wet lab work. This AI-driven approach enhances efficiency and reliability in developing therapeutic nanoparticles. </p>],
+ implementation: [
+ <p>The interview with Dr. Benjamin Winkeljann from RNhale provided invaluable insights that will significantly enhance our project
+ focused on mRNA delivery to the lungs using spray-dried LNPs. By seeking to integrate their proven techniques and innovative approach
+ to spray-dry LNPs, we are optimistic about achieving superior stability, efficacy, and scalability in our therapeutic delivery systems. </p>
+ ],
+ pictureurl_aim: "https://static.igem.wiki/teams/5247/photos/hp/hp-rnhale-zoom.png",
+ pictureurl_interview: "https://static.igem.wiki/teams/5247/photos/for-wiki-texts/del-interview-rnhale/paper-overview.jpg",
+ pictureurl_implementation: "https://static.igem.wiki/teams/5247/photos/for-wiki-texts/del-interview-rnhale/paper-sem.jpg",
+ references: [<div>noch einfügen</div>]
+ },
+ {
+ title: "XXX",
+ vorname: "David",
+ nachnname: "Liu",
+ job: "",
+ affiliation: "",
+ pictureurl: pics['placeholder'],
+ tag: "Academia",
+ heading: "",
+ interviewtabid: "liu",
+ cardtext: "",
+ quote: "",
+ aimofcontact: "",
+ insights: "",
+ implementation: "",
+ },
+ {
+ vorname: "",
+ nachnname: "",
+ job: "",
+ affiliation: "Corden Pharma",
+ pictureurl: pics['placeholder'],
+ tag: "Academia",
+ heading: "Corden",
+ interviewtabid: "corden",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ },
+ {
+ vorname: "Mattijs",
+ nachnname: "Bulcaen",
+ job: "PhD Researcher at Laboratory for Molecular Virology & Gene Therapy",
+ affiliation: "KU Leuven",
+ pictureurl: pics['mattijs'],
+ tag: "Academia",
+ heading: "",
+ interviewtabid: "mattijsvisit",
+ cardtext: "",
+ language: "en",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ },
+ {
+ title: "Dr.",
+ vorname: "Oliver",
+ nachnname: "Dräger",
+ job: "Bielefeld University",
+ affiliation: "Research Group Cellular Neurophysiology",
+ pictureurl: pics['draeger'],
+ tag: "Academia",
+ heading: "",
+ interviewtabid: "patchclamp",
+ cardtext: "",
+ language: "de",
+ quote: "",
+ aimofcontact: "",
+
+ insights: "",
+ implementation: "",
+ },
+]
+
diff --git a/src/components/data/steckbriefe.ts b/src/components/data/steckbriefe.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a93eda0d0b748fb20507731e5bd4b13af7d1f88b
--- /dev/null
+++ b/src/components/data/steckbriefe.ts
@@ -0,0 +1,443 @@
+interface Steckbrief{
+ title?: string; /* Dr. oder Prof. oder so bei Jörn und so*/
+ vorname: string;
+ nachname: string;
+ age: number;
+ linkedinurl?: string;
+ hauptfoto: string;
+ zweitfoto?: string;
+ pronouns: string;
+ studiengang: string;
+ headof?: string; /* Nur Team angeben, nicht "Head of" dazuschreiben */
+ igemjob: string | Array<string>;
+ whyigem: string | Array<string>;
+ bestpart: string | Array<string>;
+ biggestchallenge: string | Array<string>;
+ funfacts:string | Array<string>;
+ favmusic: string;
+ sciencemedia: string; /* Is there a particular book, movie or series that has influenced your view of science? */
+ onechange: string; /* If you had the opportunity to change one thing in the world of science, what would it be and why? */
+ hobbies: Array<string>; /* Hobbies/interests outside of science */
+ scientificinterests: Array<string> ; /* Scientific interest/research focus [keywords] */
+}
+
+
+/*
+Legende:
+ string -> Text in "" oder ''
+ Array<string> -> Liste von Text in der Form ["", ""] oder ['','']
+ string | Array<string> -> Text ODER Liste von Text
+ number -> eine Zahl, zb 22
+
+Anmerkung:
+ Eine Liste darf auch nur ein Element haben, das ist okay. Also z.B. ["hallo"]
+
+ Und wenn du Daten noch nicht hast ist das vorgehen "XXX" einzutragen sehr gut, denn dann kann man später per
+ Textsuche die fehlenden Stellen heraussuchen (Daumen hoch).
+*/
+
+
+/*
+Vorlage Datensatz:
+
+ title: "",
+ vorname: "",
+ nachname: "",
+ age: ,
+ linkedinurl: "",
+ hauptfoto: "",
+ zweitfoto?: "",
+ pronouns: "",
+ studiengang: "",
+ headof?: "",
+ igemjob: [ "", ""],
+ whyigem: [ "", ""],
+ bestpart: [ "", ""],
+ biggestchallenge: [ "", ""],
+ funfacts: [ "", ""],
+ favmusic: "",
+ sciencemedia: "",
+ onechange: "",
+ hobbies: [ "", ""],
+ scientificinterests: [ "", ""],
+
+
+*/
+export const teammembers: Array<Steckbrief> = [
+ {
+ vorname: "Anna",
+ nachname: "Baack",
+ linkedinurl: "www.linkedin.com/in/anna-lena-b-a488102a5",
+ hauptfoto: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
+ pronouns: "she/her",
+ studiengang: "M.Sc. Molecular Cell Biology",
+ headof: "Laboratory",
+ igemjob: ["Delivery", "Creativity","Sponsoring"],
+ 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"
+ ],
+ bestpart: [
+ "My Team",
+ "Chlorella x Kombucha",
+ "Expanding my skills in the lab",
+ ],
+ biggestchallenge: [
+ ">12-hour shift in the lab",
+ "Don't let anyone see your tears"
+ ],
+ funfacts: "Proud Lab Mom - They see me rollin' with my E-Scooter",
+ favmusic: "The techno workout playlist from Lisa",
+ },
+
+ {
+ vorname: "Asal Sahami",
+ nachname: "Moghaddam",
+ linkedinurl: "www.linkedin.com/in/ asal-sahami-moghaddam-665302315",
+ hauptfoto: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
+ pronouns: "she/her",
+ studiengang: "M.Sc. Bioinformatics",
+ igemjob: "Wiki, Mechanism & Public Outreach",
+ whyigem: "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. iGEM provides different perspectives; it is not just a research project, but also a social activity where one can engage with diverse social opportunities and activities. This allows me to recognize and explore various possibilities beyond the science, making it a well-rounded and enriching experience",
+ bestpart: "The competition format of that and as a group we have the same goal",
+ biggestchallenge: "A strong presentation of your work, showing what you've accomplished and the ideas you've contributed as part of the team",
+ favmusic: "The techno workout playlist from Lisa",
+ },
+
+ {
+ vorname: "Christian",
+ nachname: "Michalek",
+ hauptfoto: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
+ pronouns: "he/him",
+ studiengang: "M.Sc. Cellular Biochemistry",
+ igemjob: "Wet lab, PrimeGuide, Biosafety",
+ whyigem: "To get to know new people with the same interests from different disciplines and to work together on a great project",
+ bestpart: "To live up to the responsibility and to keep going even if nothing works out again",
+ biggestchallenge: "A strong presentation of your work, showing what you've accomplished and the ideas you've contributed as part of the team",
+ favmusic: "There's nothing better than a relaxed, groovy techno set in the morning when you're starting work",
+ },
+
+ {
+ vorname: "Isabell",
+ nachname: "Guckes",
+ hauptfoto: "https://www.linkedin.com/in/isabell-alexandra-guckes-5023a030b/",
+ pronouns: "she/her",
+ studiengang: "M.Sc. Molecular Cell Biology",
+ headof: "Sponsoring",
+ igemjob: "Wet lab, AirBuddy, Creativity",
+ whyigem: "It’s great to be part of a project from the formation of the idea until the final results, so you can contribute with your work but also gain new experiences",
+ bestpart: "Learning new techniques in the lab",
+ biggestchallenge: "Coordination of many people and their individual work styles to work as one",
+ funfacts: "Can't decide if I'm left- or right-handed",
+ favmusic: "Disney songs sung by Kaya",
+ },
+
+ {
+ vorname: "Kai",
+ nachname: "Kanthak",
+ hauptfoto: "https://www.linkedin.com/in/kai-kanthak-1715901b9/",
+ pronouns: "he/him",
+ studiengang: "B.Sc. Molecular Biotechnology",
+ igemjob: "PrimeGuide, Biosafety, Sponsoring",
+ 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",
+ bestpart: "When something meticulously thought out and planned works as intended in the laboratory. And to experience this together with the team",
+ biggestchallenge: "Getting a team of very different people with different schedules and lifes to work together effectively and efficiently on something",
+ favmusic: "radio, techno",
+ },
+
+ {
+ vorname: "Kathleen",
+ nachname: "Susat",
+ hauptfoto: "https://www.linkedin.com/in/kathleen-susat-261979301?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app",
+ pronouns: "she/her",
+ studiengang: "M.Sc. Genome Based Systems Biologie",
+ igemjob: "Wet lab, PrimeGuide, Biosafety, Human Practices, Public Engagement",
+ whyigem: "I want to acquire new skills and develop my character. Moreover working on an exciting project alongside passionate researchers enables meaningful contributions to be made",
+ bestpart: "Lab time and of course our wonderful team",
+ biggestchallenge: "Not going crazy",
+ funfacts: [
+ "Passionate handball player",
+ "Food lover",
+ ],
+ favmusic: "Musicals",
+ },
+
+ {
+ vorname: "Kaya",
+ nachname: "Lange",
+ hauptfoto: "https://www.linkedin.com/in/kaya-lange?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app",
+ pronouns: "she/her",
+ studiengang: "M.Sc. Molecular Biotechnology",
+ igemjob: "Wet lab, PrimeGuide, AirBuddy, Human Practices, Public Engagement",
+ whyigem: "I wanted to be part of an incredible team implementing a large and significant project together",
+ bestpart: "My favorite part of iGEM is learning a lot about scientific research, handling stress and working in a wonderful team on one page together to achieve our goal",
+ biggestchallenge: "The biggest challenge is time management. It is quite difficult to manage all the different aspects of the project",
+ funfacts: [
+ "I tend to say yes to everything",
+ "My friends are often impressed by how I squeeze so much into my life",
+ "I love travelling and have lived in South America, Sweden and Spain"
+ ],
+ favmusic: "I like to listen to french café music to prepare for the grand jamboree in paris",
+ },
+
+ {
+ vorname: "Liliana",
+ nachname: "Sanfilippo",
+ hauptfoto: "https://www.linkedin.com/in/liliana-sanfilippo-425709231/",
+ pronouns: "she/her",
+ studiengang: "M.Sc. Bioinformatic and Genome Research",
+ headof: "Wiki",
+ igemjob: "Human Practices/ Public Engagement",
+ whyigem: "I am very curious and like projects",
+ bestpart: "Actually seeing results of what you are doing",
+ biggestchallenge: "The biggest challenge is time management. It is quite difficult to manage all the different aspects of the project",
+ },
+
+ {
+ vorname: "Lisa",
+ nachname: "Wiesner",
+ hauptfoto: "XXX",
+ pronouns: "she/her",
+ studiengang: "XXX",
+ igemjob: "XXX",
+ whyigem: "XXX",
+ bestpart: "XXX",
+ biggestchallenge: "XXX",
+ funfacts: [
+ "XXX"
+ ],
+ favmusic: "XXX",
+ },
+
+ {
+ vorname: "Malte",
+ nachname: "Lenger",
+ hauptfoto: "www.linkedin.com/in/malte-lenger-08j2003",
+ pronouns: "he/him",
+ studiengang: "B.Sc. Molecular Biotechnology",
+ igemjob: "Wet lab, PrimeGuide, Biosafety",
+ whyigem: "I wanted to take part in a research project like this to network with industry and other enthusiastic students worldwide, to learn about new molecular biology methods and to experience what it is like to do research and work independently at such a level, while coordinating and working in a team",
+ bestpart: "My favourite part of iGEM was/is meeting new people as well as working and researching with them. It's also the new insights you gain: both into working methods, for example in the lab, and into the field of work in general",
+ biggestchallenge: "The biggest challenge at iGEM during the semester was balancing the project and my own university tasks. And in general, it was to remain self-confident, both with some setbacks and with activities where you had a lot of responsibility but had never done them yourself before",
+ funfacts: [
+ "I like meeting up with people, especially if you go out in the city in the evening and meet up for a drink or something like that",
+ "I also like travelling, although at the end of my life I would like to be able to say that I have seen most of the world",
+ "But last but not least I am very interested in sports, with my favourite sports being football, basketball, skiing and tennis. However, I am very broad-minded when it comes to sports, so I actually watch every sport if none of the above are on TV. For example, during the Olympic Games this year, I might spend a whole afternoon just watching the swimming competitions."
+ ],
+ favmusic: "My favorite music in the lab is the music I usually listen to. This mainly includes hip-hop and American rap, especially artists like Travis Scott, Gunna, Metro Boomin and Reezy",
+ },
+
+ {
+ vorname: "Michael",
+ nachname: "Gröning",
+ hauptfoto: "https://www.linkedin.com/in/michael-gröning-671732191",
+ pronouns: "he/him",
+ studiengang: "M.Sc. Media Production",
+ headof: "Creativity",
+ igemjob: "Design, Public Engagement",
+ whyigem: "I like worldwide competitions, team spirit and realizing projects that help people living a better life",
+ bestpart: "Huge community and creative freedom",
+ biggestchallenge: "To decipher every second technical term in discussions",
+ funfacts: [
+ "I've never worked in the lab",
+ "I can speak with different professional sounding voices and have plans for a podcast",
+ "I'm not related to the creator of The Simpsons",
+ ],
+ favmusic: "I would choose epic orchestras with choirs",
+ },
+
+ {
+ vorname: "Philip",
+ nachname: "Mundt",
+ hauptfoto: "linkedin.com/in/philip-mundt-3b1a53306",
+ pronouns: "he/him",
+ studiengang: "B.Sc. Molecular Biology",
+ headof: "Mechanism",
+ igemjob: "Wet lab, PrimeGuide, Wiki",
+ whyigem: "To learn, to work as a team and to experience research from the ground up",
+ bestpart: "I like that it brings people together to strive for a common goal",
+ biggestchallenge: "The biggest challenge definitely is to handle the neverending amount of tasks, most of which are completely new challenges you have to learn by yourself",
+ funfacts: [
+ "I've never worked in the lab",
+ "I can speak with different professional sounding voices and have plans for a podcast",
+ "I'm not related to the creator of The Simpsons",
+ ],
+ favmusic: "Technoo",
+ },
+
+ {
+ vorname: "Vera",
+ nachname: "Köhler",
+ hauptfoto: "XXX",
+ pronouns: "she/her",
+ studiengang: "M.Sc. Genome Based Systems Biology",
+ headof: "Delivery",
+ igemjob: "Wet lab, AirBuddy, Human Practices/ Public Outreach, Creativity",
+ whyigem: "To test my limits and expand various laboratory and soft skills",
+ bestpart: "The amazing Team and the funny, but also frustrating moments we lived through",
+ biggestchallenge: "Completing ten different emergency tasks at the same time without losing your head",
+ funfacts: [
+ "As a child I thought I would be arrested if I ate in the car, so I hid my snack as soon as we passed another car. I wonder what my parents had drilled into me",
+ ],
+ favmusic: "Upbeat fun songs like Unwritten, C'est la bourgeoisie or Feminenomenom to keep me motivated",
+ },
+
+ {
+ vorname: "Vincent Carl",
+ nachname: "Stöckl",
+ hauptfoto: "XXX",
+ pronouns: "he/him",
+ studiengang: "B.Sc. Molecular Biotechnology",
+ igemjob: "Wet lab, AirBuddy, Sponsoring",
+ whyigem: "A chance to work as a real scientist as well as being part of a team working at the cutting edge of biotechnology",
+ bestpart: "The challenge of trying new things and working as a real scientist",
+ biggestchallenge: "Balancing iGEM and university work ",
+ },
+
+]
+export const advisors: Array<Steckbrief> = [
+
+ {
+ vorname: "Felicitas",
+ nachname: "Zimmer",
+ hauptfoto: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
+ pronouns: "she/her",
+ studiengang: "M.Sc. Molecular Cell Biology",
+ headof: "XXX",
+ igemjob: "XXX",
+ whyigem: "XXX",
+ bestpart: "XXX",
+ biggestchallenge: "XXX",
+ funfacts: [
+ "XXX",
+ "XXX",
+ "XXX",
+ "XXX"
+ ],
+ favmusic: "XXX",
+ },
+
+ {
+ title: "M.Sc.",
+ vorname: "Lucas",
+ nachname: "Krause",
+ linkedinurl: "XXX",
+ hauptfoto: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
+ pronouns: "he/him",
+ studiengang: "Molecular Biotechnology",
+ headof: "XXX",
+ igemjob: "XXX",
+ whyigem: "XXX",
+ bestpart: "XXX",
+ biggestchallenge: "XXX",
+ funfacts: [
+ "XXX",
+ "XXX",
+ "XXX",
+ "XXX"
+ ],
+ favmusic: "XXX",
+ },
+
+ {
+ vorname: "Maximilian Leo",
+ nachname: "Huber",
+ hauptfoto: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
+ pronouns: "he/him",
+ studiengang: "M.Sc. Bioinformatics and Genome Research",
+ igemjob: "Wiki",
+ whyigem: "I am helping the current iGEM team as an advisor, because I competed last year and fell in love with the iGEM project",
+ bestpart: "Giving aspiring scientists the chance to do awesome research and connect with other science loving students all around the globe",
+ biggestchallenge: "Getting everything done in time",
+ funfacts: [
+ "I really like programming and have multiple personal programming projects",
+ "I love animals, most of all cats, dogs, reptiles, fish and more",
+ "I adore baking, especially sourdough bread and banana bread"
+ ],
+ favmusic: "Pokémon OST",
+ },
+
+ {
+ title: "M.Sc.",
+ vorname: "Utkarsh Anil",
+ nachname: "Mahajan",
+ linkedinurl: "XXX",
+ hauptfoto: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
+ pronouns: "he/him",
+ studiengang: "Molecular Biotechnology",
+ headof: "XXX",
+ igemjob: "XXX",
+ whyigem: "XXX",
+ bestpart: "XXX",
+ biggestchallenge: "XXX",
+ funfacts: [
+ "XXX",
+ "XXX",
+ "XXX",
+ "XXX"
+ ],
+ favmusic: "XXX",
+ }
+]
+
+export const instructor: Array<Steckbrief> = [
+
+ {
+ title: "M.Sc.",
+ vorname: "Sinan",
+ nachname: "Zimmermann",
+ linkedinurl: "https://www.linkedin.com/in/sinan-zimmermann-50977323b/",
+ hauptfoto: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
+ pronouns: "he/him",
+ studiengang: "Molecular Cell Biology",
+ headof: "I'm involved in nearly every subteam, just a bit here and there",
+ igemjob: "proud dad of my academic weapons",
+ whyigem: "Last year, I led the charge as Team Captain and Lab, and honestly… iGEM got me hooked for life! The experience pushed me past my limits and transformed both my personal growth and scientific journey. Now, it’s my turn to guide the next generation and watch them rise – that’s why I’m back as the instructor for iGEM Bielefeld and iGEM Judge of 2024!",
+ bestpart: "Connections and networks formed during your iGEM journey have a lasting impact. That’s why I’m excited to launch a new platform for socializing and networking: the 'BFH European Meet-Up' - a collaboration between Bielefeld, Frankfurt, and Hamburg",
+ biggestchallenge: "Whether it's during night shifts or endless team meetings. Staying awake can be a challenge. Sometimes I need to mediate between my kidz or try to help them out, but they grow up so fast and are ready to spread their wings. As a dad, it’s challenging for me to let them fly. But even then, I’m proud to see how they handle their challenges and come back stronger every time!",
+ funfacts: [
+ "I function perfectly well without sleep – but beware if anyone expects me to be in a good mood without my beauty rest!",
+ "Coffee and energy drinks are basically my life elixir. Without them, I'd probably be a walking zombi",
+ "My team has a special talent for making me “weak†- very effective",
+ "Some people says that I'm a walking stock image.. can't relate"
+ ],
+ favmusic: "PCR and the Amplifiers – their hit single 'Heating Up the Room (Denaturation Blues)' really gets things going!",
+ }
+
+]
+export const pis: Array<Steckbrief> = [
+
+ {
+ title: "Prof. Dr.",
+ vorname: "Jörn",
+ nachname: "Kalinowski",
+ linkedinurl: "linkedin.com/in/jörn-kalinowski-b7033b1b",
+ hauptfoto: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
+ pronouns: "he/him",
+ studiengang: "Research Group Leader - Microbial Genomics and Biotechnology",
+ igemjob: "Center for Biotechnology of Bielefeld University",
+ whyigem: "Because it is the best complement to our regular life sciences studies in educating scientists",
+ bestpart: "The jamboree in which all participants get to know that they are not alone with their dreams but a huge worldwide community",
+ biggestchallenge: "To be on time",
+ funfacts: [
+ "As a scientist never had to change my working place (from studies to retirement). Started parallel educations in biology and computer sciences when these disciplines were worlds apart (starting in 1977)."],
+ favmusic: "Metal (e.g. System of a down)",
+ },
+
+ {
+ title: "Prof. Dr.",
+ vorname: "Kristian",
+ nachname: "Müller",
+ linkedinurl: "https://www.linkedin.com/in/kristian-mueller/",
+ hauptfoto: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
+ pronouns: "he/him",
+ studiengang: "Research Group Leader - Molecular and Cellular Biotechnology",
+ igemjob: "Technical Facility of Bielefeld University",
+ whyigem: "The combination of fun and progress",
+ bestpart: "Motivated coworkers",
+ biggestchallenge: "Exaggerated statements",
+ funfacts: [
+ "iGEMmer since 2007 and keeping it rolling (any resemblance to Sisyphus is purely coincidental)"],
+ favmusic: "Sam Cooke - Wonderful World",
+ }
+]
\ No newline at end of file
diff --git a/src/components/data/timelinepersontabs.tsx b/src/components/data/timelinepersontabs.tsx
index be312dde459f61f98cd4edb0fc27c23ba3b2fe1b..a76f15ba8b9dbc41cc1fc8098cbe3c5a8f6cd6d9 100644
--- a/src/components/data/timelinepersontabs.tsx
+++ b/src/components/data/timelinepersontabs.tsx
@@ -1,627 +1,10 @@
-import { BlockQuoteB } from "../Quotes"
+
+
+
export const timelinepersontabs = [
- {
- node: <>
- <br/>
- <h3>Max Beckmann</h3>
- <h5>First official interview</h5>
- <hr/>
- <div className="row">
- <div className="col-2">
- <div className="t-tag Patient">
- Patient
- </div>
- </div>
- <div className="col-3">Original language: German</div>
- <div className="col"><button>Go to interview</button></div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/photos/hp/hp-max-portrait.jpg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p></p>
- <h4>Insights</h4>
- <p></p>
- <h4>Clarification</h4>
- <p></p>
- <h4>Implementation</h4>
- <p></p>
- </>,
- cssname: "InvMax1"
- },
- {
- node: <>
- <br/>
- <h3>Max Beckmann</h3>
- <h5>Feedback Interview</h5>
- <hr/>
- <div className="row">
- <div className="col-2">
- <div className="t-tag Patient">
- Patient
- </div>
- </div>
- <div className="col-3">Original language: German</div>
- <div className="col"><button>Go to interview</button></div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/photos/hp/hp-max-portrait.jpg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p></p>
- <h4>Insights</h4>
- <p></p>
- <h4>Clarification</h4>
- <p></p>
- <h4>Implementation</h4>
- <p></p>
- </>,
- cssname: "InvMax2"
- },
- {
- node: <>
- <br/>
- <h3>Dr. Eva-Maria Berens</h3>
- <hr/>
- <div className="row">
- <div className="col-2">
- <div className="t-tag Academia">
- Ethics Committee
- </div>
- </div>
- <div className="col-3">Original language: German</div>
- <div className="col"><button>Go to interview</button></div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="Dr. Eva-Maria Berens"></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/photos/hp/berens.jpg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p>The aim of the interview was to get an answer to the question of whether we need an ethics vote for our project or not and to obtain guidelines for dealing with patient cells regarding ethical issues and data protection. </p>
- <h4>Insights</h4>
- <p>The discussion was very informative in terms of how we should approach this topic and focused primarily on the important factors that need to be considered when planning the handling of patient cells. These include which legal principles need to be observed, data protection, ethical considerations and, above all, detailed and specific information for the donor. It also made us look at the situation from many different angles and consider the risks of worst-case scenarios. Overall, this interview was very useful to us, and we were able to use the information we gained to develop a kind of guideline that allowed us to approach this sensitive topic, which was new to us, with a certain degree of confidence. </p>
- {/* <h4>Clarification</h4>
- <p></p> */}
- <h4>Implementation</h4>
- <p>Based on the knowledge we have gained, we have drawn up guidelines for our handling of the cells. We used this guide when handling the patient cells, to ensure they were handled in an ethically correct manner. </p>
- </>,
- cssname: "Berens"
- },
- {
- node: <>
- <br/>
- <h3>Prof. Dr. Erhard Wischmeyer und Dr. Oliver Dräger </h3>
- <h4>Research Group Cellular Neurophysiology, Bielefeld University</h4>
- <hr/>
- <div className="row">
- <div className="col-2">
- <div className="t-tag Academia">
- Research Group
- </div>
- </div>
- <div className="col-3">Original language: German</div>
- <div className="col"><button>Got to Interview with Prof. Wischmeyer</button></div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
- </div>
- </div>
- <img className="img-right img-half" src="https://static.igem.wiki/teams/5247/photos/for-wiki-texts/hp-patch-clamp/20240625-184032.jpg"/>
- <div>
- <h4>Aim of contact</h4>
- <p>As part of our project, we aimed to demonstrate the functionality of the CFTR ion channel, after restoring
- it through our optimized Prime Editing, by using Patch-Clamp measurements. To ensure the optimal use of the
- Patch-Clamp and to gain an insight into electrophysiology, we asked experts from the medical faculty at
- Bielefeld University to critically examine our measurement planning. Prof. Dr. Erhard Wischmeyer, an
- experienced scientist in this field who has worked at the Max Planck Institute for Biophysical Chemistry
- in Göttingen, the development site of the Patch-Clamp technique<a href="desc-1"><sup>1</sup></a>, and currently leads the Cellular
- Neurophysiology working group at Bielefeld University, seemed to be an ideal interviewee. His
- knowledge and experience promised valuable insights and advice for conducting and optimizing our
- experiments. </p>
- </div>
- <br/>
- <div className="row">
- <div className="col2punkt5">
- <img src="https://static.igem.wiki/teams/5247/photos/for-wiki-texts/hp-patch-clamp/bild-patch-clamp-isi-oliver.jpeg" />
- </div>
- <div className="col">
- <h4>Insights</h4>
- <p>Prof. Dr. Wischmeyer taught us about the workflow of the Patch-Clamp technique. He highlighted the need
- for specialized electrodes and glass pipettes that must form a smooth surface devoid of the extracellular
- matrix (ECM). Additionally, he pointed out that measuring CFTR conductivity with the Patch-Clamp technique
- poses a technical challenge due to the low currents involved<a href="desc-2"><sup>2</sup></a>. He recommended using expression vectors
- for overexpressing the CFTR gene in HEK cells instead of epithelial cells from a nasal swab to achieve
- better results. Since Patch-Clamp measurements require a very sensitive testing environment, even
- challenging for the most experienced scientists, Prof. Dr. Wischmeyer invited us to conduct the
- measurements together with members of his group.
- </p>
- <p>In addition to the Patch-Clamp technique, Prof. Dr. Wischmeyer informed us about E-cis measurements as a
- current electrophysiological measurement method alongside the Patch-Clamp technique. This method allows
- the measurement of the membrane potential above and below a monolayer of confluent cells<a href="desc-3"><sup>3</sup></a>. Consequently,
- it enables precise measurement of conductivity dependent on CFTR expression. </p>
- </div>
- </div>
-
-
- <h4>Implementation</h4>
- <div className="row align-items-center">
- <div className="col">
- <p>We decided to use HEK293T cells lines from Mattijs Bulcaen from KU Leuven [Link] which do overexpress the
- correct CFTR and those which express CFTR with F508del for the Patch-Clamp measurements. To conduct the
- Patch-Clamp experiments, we contacted the Cellular Neurophysiology group to perform the necessary
- measurements. It was a pleasure to work together with Dr. Oliver Dräger, who is working as a post-doc for
- the Cellular Neurophysiology working group at Bielefeld University. He taught us about the Patch-Clamp
- method and spent his valuable time supporting our project by guiding our Patch-Clamp measurements. </p>
- <p>In summary, through the interview with Prof. Dr. Wischmeyer and the collaboration with his employee
- Oliver Dräger, we gained valuable insights and optimized our approach to effectively investigate and
- measure the functionality of the CFTR ion channel, thereby determining the efficiency of our Prime
- Editing strategy. </p>
- </div>
- <div className="col-5">
- <img src="https://static.igem.wiki/teams/5247/photos/for-wiki-texts/hp-patch-clamp/bild-interssierte-wissenschaftler-oho.jpeg" style={{maxHeight: "300px"}}/>
- </div>
- </div>
-
-
-
- <h4>References</h4>
- {/*<!-- Citation num 1--> */}
- <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="bielefeld-cebitec/human-practices#desc-1">
- <span property="schema:author" typeof="schema:Person">
- <span property="schema:Name"> Roth, F.</span>;
- <span property="schema:Name"> Draguhn, A.</span>
- </span>
- <span property="schema:name"> Die Entwicklung der Patch-Clamp-Technik. </span>
- <i property="schema:publisher" typeof="schema:Organization"> Springer eBooks</i>
- <b property="issueNumber" typeof="PublicationIssue"> </b>,
- <span property="schema:pageBegin"> 1</span>-<span property="schema:pageEnd">14</span>
- (<time property="schema:datePublished" datatype="xsd:gYear" dateTime=" 2023">2023</time>).
- <a className="doi" href="https://doi.org/10.1007/978-3-662-66053-9_1"> doi: 10.1007/978-3-662-66053-9_1</a>
- </li>
-
- {/*<!-- Citation num 2--> */}
- <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-2">
- <span property="schema:author" typeof="schema:Person">
- <span property="schema:Name"> Mete, V.</span>
- </span>
- <span property="schema:name"> Entwicklung und Validierung neuer nicht-invasiver Diagnosesysteme für Mucociliary Clearance Disorders (MCCD). </span>
- <i property="schema:publisher" typeof="schema:Organization"> Dissertation, Westfälische Wilhelms-Universität Münster</i>
- <b property="issueNumber" typeof="PublicationIssue"> </b>,
- <span property="schema:pageBegin"> </span>
- (<time property="schema:datePublished" datatype="xsd:gYear" dateTime=" 2023">2023</time>).
- <a className="doi" href="https://doi.org/10.17879/98958441905"> doi: 10.17879/98958441905</a>
- </li>
-
- {/*<!-- Citation num 3--> */}
- <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-3">
- <span property="schema:author" typeof="schema:Person">
- <span property="schema:Name"> Giaever, I.</span>;
- <span property="schema:Name"> Keese, C.</span>
- </span>
- <span property="schema:name"> A morphological biosensor for mammalian cells. </span>
- <i property="schema:publisher" typeof="schema:Organization"> Nature</i>
- <b property="issueNumber" typeof="PublicationIssue"> 366</b>,
- <span property="schema:pageBegin"> 591</span>-<span property="schema:pageEnd">592</span>
- (<time property="schema:datePublished" datatype="xsd:gYear" dateTime=" 1993">1993</time>).
- <a className="doi" href="https://doi.org/10.1038/366591a0"> doi: 10.1038/366591a0</a>
- </li>
-
-
- </>,
- cssname: "InvWischmeyer"
- },
- {
- node: <>
- <br/>
- <h3>Nicole Friedlein</h3>
- <hr/>
- <div className="row">
- <div className="col-2">
- <div className="t-tag Ethics">
- Phd
- </div>
- </div>
- <div className="col-3">Original language: German</div>
- <div className="col"><button>Go to interview</button></div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p></p>
- <h4>Insights</h4>
- <p></p>
- <h4>Clarification</h4>
- <p></p>
- <h4>Implementation</h4>
- <p></p>
- </>,
- cssname: "InvFriedlein"
- },
- {
- node: <>
- <br/>
- <h3>Rnahale</h3>
- <hr/>
- <div className="row">
- <div className="col-2">
- <div className="t-tag Industry">
- Beruf
- </div>
- </div>
- <div className="col">Original language: German</div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p></p>
- <h4>Insights</h4>
- <p></p>
- <h4>Clarification</h4>
- <p></p>
- <h4>Implementation</h4>
- <p></p>
- </>,
- cssname: "InvRNale"
- },
- {
- node: <>
- <br/>
- <h3>Mattijs Bulcaen</h3>
- <hr/>
- <div className="row">
- <div className="col-5">
- <div className="t-tag Academia">
- Phd. Student (Molecular Virology and Gene Therapy)
- </div>
- </div>
- <div className="col-3">Original language: English</div>
- <div className="col"><button>Go to interview</button></div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/photos/hp/mattijs.jpg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p></p>
- <h4>Insights</h4>
- <p></p>
- <h4>Clarification</h4>
- <p></p>
- <h4>Implementation</h4>
- <p></p>
- </>,
- cssname: "InvBulcaen1"
- },
- {
- node: <>
- <br/>
- <h3>Mattijs Bulcaen</h3>
- <h5>Feedback Interview</h5>
- <hr/>
- <div className="row">
- <div className="col-5">
- <div className="t-tag Academia">
- Phd. Student (Molecular Virology and Gene Therapy)
- </div>
- </div>
- <div className="col">Original language: English</div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/photos/hp/mattijs.jpg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p></p>
- <h4>Insights</h4>
- <p></p>
- <h4>Clarification</h4>
- <p></p>
- <h4>Implementation</h4>
- <p></p>
- </>,
- cssname: "InvBulcaen2"
- },
- {
- node: <>
- <br/>
- <h3>Julia</h3>
- <hr/>
- <div className="row">
- <div className="col-2">
- <div className="t-tag Patient">
- Parent
- </div>
- </div>
- <div className="col-3">Original language: German</div>
- <div className="col"><button>Go to interview</button></div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/photos/hp/julia.jpg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p></p>
- <h4>Insights</h4>
- <p></p>
- <h4>Clarification</h4>
- <p></p>
- <h4>Implementation</h4>
- <p></p>
- </>,
- cssname: "InvJulia"
- },
- {
- node: <>
- <br/>
- <h3>Joshua Bauder</h3>
- <hr/>
- <div className="row">
- <div className="col-1">
- <div className="t-tag Patient">
- Parent
- </div>
- </div>
- <div className="col-3">Original language: English</div>
- <div className="col"><button>Go to interview</button></div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p></p>
- <h4>Insights</h4>
- <p></p>
- <h4>Clarification</h4>
- <p></p>
- <h4>Implementation</h4>
- <p></p>
- </>,
- cssname: "InvJoshua"
- },
- {
- node: <>
- <br/>
- <h3>Katrin Westhoff</h3>
- <h5>Initial Interview</h5>
- <hr/>
- <div className="row">
- <div className="col-2">
- <div className="t-tag Medical">
- Physiotherapist
- </div>
- </div>
- <div className="col-3">Original language: German</div>
- <div className="col"><button>See interview</button></div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="The more we know, the more opportunities we have." cite="Katrin Westhoff"></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/photos/hp/hp-katrin-portrait.jpg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p>The objective of the contact was to gain in-depth insights into the treatment and care of children with cystic fibrosis. The therapist's expertise was intended to help develop a better understanding of the challenges and necessary measures in the treatment of this chronic disease. In addition, the aim was to ascertain how the therapy is implemented in everyday life and which specific approaches and methods are particularly effective. </p>
- <h4>Insights</h4>
- <p>The interview yielded valuable insights into the regular implementation of the therapy, the use of aids and the adaptation of exercises to the individual needs of the patients. It was notable that the therapy has improved considerably thanks to better medication and adapted exercises, with a concomitant increase in life expectancy for children affected by cystic fibrosis. Of particular interest was the emphasis on the importance of sport and exercise, which should not only be therapeutically effective, but also increase quality of life. </p>
- {/* <h4>Clarification</h4>
- <p></p> */}
- <h4>Implementation</h4>
- <p>The following statement by Katrin Westhoff had a particularly profound impact on our project: "The more we know, the more opportunities we have." We learned from the interview that the current medication is already helping many patients to a huge extent, but that there is still a significant opportunity for improvement. After all, successful gene therapy would markedly enhance the quality of life for those affected. The findings of this project will be disseminated to the relevant researchers in order to facilitate the rapid improvement of the quality of life of all cystic fibrosis patients, regardless of their mutation. </p>
- <button>Jump to visit</button>
- </>,
- cssname: "InvWesthoff"
- },
- {
- node: <>
- <br/>
- <h3>Katrin Westhoff</h3>
- <h5>Visit</h5>
- <hr/>
- <div className="row">
- <div className="col-2">
- <div className="t-tag Medical">
- Physiotherapist
- </div>
- </div>
- <div className="col">Original language: German</div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/photos/hp/hp-katrin-portrait.jpg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p></p>
- <h4>Insights</h4>
- <p></p>
- <h4>Clarification</h4>
- <p></p>
- <h4>Implementation</h4>
- <p></p>
- </>,
- cssname: "BesWesthoff"
- },
- {
- node: <>
- <br/>
- <h3>Cristian-Gabriel Olariu</h3>
- <hr/>
- <div className="row">
- <div className="col-2">
- <div className="t-tag Medical">
- Pediatrician
- </div>
- </div>
- <div className="col">Original language: German</div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/photos/hp/olariu-cristian.jpg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p></p>
- <h4>Insights</h4>
- <p></p>
- <h4>Clarification</h4>
- <p></p>
- <h4>Implementation</h4>
- <p></p>
- </>,
- cssname: "InvOlariu"
- },
- {
- node: <>
- <br/>
- <h3>Dr. Katharina Kolonko</h3>
- <hr/>
- <div className="row">
- <div className="col-2">
- <div className="t-tag Academia">
- Beruf
- </div>
- </div>
- <div className="col">Original language: German</div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/photos/hp/kolonko-neu.jpg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p></p>
- <h4>Insights</h4>
- <p></p>
- <h4>Clarification</h4>
- <p></p>
- <h4>Implementation</h4>
- <p></p>
- </>,
- cssname: "InvKolonko"
- },
- {
- node: <>
- <br/>
- <h3>Prof. Dr. Christoph Weber</h3>
- <hr/>
- <div className="row">
- <div className="col-2">
- <div className="t-tag Academia">
- Beruf
- </div>
- </div>
- <div className="col">Original language: German</div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p></p>
- <h4>Insights</h4>
- <p></p>
- <h4>Clarification</h4>
- <p></p>
- <h4>Implementation</h4>
- <p></p>
- </>,
- cssname: "InvWeber"
- },
- {
- node: <>
- <br/>
- <h3>Prof. Dr. Stefan Hammer</h3>
- <hr/>
- <div className="row">
- <div className="col-2">
- <div className="t-tag Academia">
- Beruf
- </div>
- </div>
- <div className="col">Original language: German</div>
- </div>
- <div className="row">
- <div className="col">
- <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
- </div>
- <div className="col-3">
- <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
- </div>
- </div>
- <h4>Aim of contact</h4>
- <p></p>
- <h4>Insights</h4>
- <p></p>
- <h4>Clarification</h4>
- <p></p>
- <h4>Implementation</h4>
- <p></p>
- </>,
- cssname: "InvHammer"
- },
+
+
]
\ No newline at end of file
diff --git a/src/components/landingpage/Airbuddy.tsx b/src/components/landingpage/Airbuddy.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..0a15615aee18c3f0e8bf9a105346fee186f920fd
--- /dev/null
+++ b/src/components/landingpage/Airbuddy.tsx
@@ -0,0 +1,9 @@
+function Airbuddy() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/Bacteria.tsx b/src/components/landingpage/Bacteria.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..8ba710cb52c07d489e94e48d74c2681995cf923a
--- /dev/null
+++ b/src/components/landingpage/Bacteria.tsx
@@ -0,0 +1,9 @@
+function Bacteria() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/BlackFadeCircle.tsx b/src/components/landingpage/BlackFadeCircle.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e35590ee06885d0b306e0b1233174d6f5d2af7e2
--- /dev/null
+++ b/src/components/landingpage/BlackFadeCircle.tsx
@@ -0,0 +1,9 @@
+function BlackFadeCircle() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/LandingPageAnim.tsx b/src/components/landingpage/LandingPageAnim.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fb824252d61984f76cc5824fa021ed9cf7c5d073
--- /dev/null
+++ b/src/components/landingpage/LandingPageAnim.tsx
@@ -0,0 +1,36 @@
+function LandingPageAnim () {
+ return(
+ <div className="row col">
+ {/*
+ <PersonXRayMagenta></PersonXRayMagenta>
+ <MagentaFadeCircle></MagentaFadeCircle>
+ <BlackFadeCircle></BlackFadeCircle>
+ <PersonXRayBlack></PersonXRayBlack>
+ <PersonXRayGrey></PersonXRayGrey>
+ <PinkCircles></PinkCircles>
+ <PersonCoughing></PersonCoughing>
+ <PersonSick></PersonSick>
+ <PersonFever></PersonFever>
+ <Virus></Virus>
+ <Mask></Mask>
+ <Bacteria></Bacteria>
+ <Psych></Psych>
+ <WorldMap></WorldMap>
+ <TwentyPeople></TwentyPeople>
+ <OneInTwenty></OneInTwenty>
+ <Mutation></Mutation>
+ <Newborns></Newborns>
+ <LimitsTreatment><LimitsTreatment>
+ <PreCyse></PreCyse>
+ <PreCyse2></PreCyse2>
+ <Airbuddy></Airbuddy>
+ <PrimeGuide></PrimeGuide>
+ <PrimeGuide2></PrimeGuide2>
+ <PrimeGuide3></PrimeGuide3>
+ <PrimeGuide4></PrimeGuide4>
+ <PreCyseFunctions></PreCyseFunctions>
+ */}
+
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/LimitsTreatment.tsx b/src/components/landingpage/LimitsTreatment.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..637d7385c1e861de645e8ca9c761f225cefd619a
--- /dev/null
+++ b/src/components/landingpage/LimitsTreatment.tsx
@@ -0,0 +1,9 @@
+function LimitsTreatment() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/MagentaFadeCircle.tsx b/src/components/landingpage/MagentaFadeCircle.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ed1c0ddac719d4a9e632bc7a2b9d9aa807d5cf18
--- /dev/null
+++ b/src/components/landingpage/MagentaFadeCircle.tsx
@@ -0,0 +1,9 @@
+function MagentaFadeCircle() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/Mask.tsx b/src/components/landingpage/Mask.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ee9205ef0af0167e48d71bb5a447651d5071e4e4
--- /dev/null
+++ b/src/components/landingpage/Mask.tsx
@@ -0,0 +1,9 @@
+function Mask() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/Mutation.tsx b/src/components/landingpage/Mutation.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1e9a7faacfc9143ba7402f4dc8b288cff03784fc
--- /dev/null
+++ b/src/components/landingpage/Mutation.tsx
@@ -0,0 +1,9 @@
+function Mutation() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/Newborns.tsx b/src/components/landingpage/Newborns.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..bdfb9baeeedce225084b50d3b614d521002fb1d3
--- /dev/null
+++ b/src/components/landingpage/Newborns.tsx
@@ -0,0 +1,9 @@
+function Newborns() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/OneInTwentyPerson.tsx b/src/components/landingpage/OneInTwentyPerson.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..62eb9c58babcc188f1a5060ffe63452268e7692c
--- /dev/null
+++ b/src/components/landingpage/OneInTwentyPerson.tsx
@@ -0,0 +1,9 @@
+function OneInTwentyPerson() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/PersonCoughing.tsx b/src/components/landingpage/PersonCoughing.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..8e8c309cb5a1002d8a7ae4adb9f7996c9fc7c2dc
--- /dev/null
+++ b/src/components/landingpage/PersonCoughing.tsx
@@ -0,0 +1,9 @@
+function PersonCoughing() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/PersonFever.tsx b/src/components/landingpage/PersonFever.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b10a7549dc9b18ad76e2fba36086a2efda964393
--- /dev/null
+++ b/src/components/landingpage/PersonFever.tsx
@@ -0,0 +1,9 @@
+function PersonFever() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/PersonSick.tsx b/src/components/landingpage/PersonSick.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c02fd956433b47d34fa3ec542a5e2c21c7597ded
--- /dev/null
+++ b/src/components/landingpage/PersonSick.tsx
@@ -0,0 +1,9 @@
+function PersonSick() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/PersonXRayBlack.tsx b/src/components/landingpage/PersonXRayBlack.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9010d4059f12c04de7e81500f952c8af02c3991e
--- /dev/null
+++ b/src/components/landingpage/PersonXRayBlack.tsx
@@ -0,0 +1,9 @@
+function PersonXRayBlack() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/PersonXRayGrey.tsx b/src/components/landingpage/PersonXRayGrey.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f0f312b8268f545c8a222564f72c452d12117776
--- /dev/null
+++ b/src/components/landingpage/PersonXRayGrey.tsx
@@ -0,0 +1,9 @@
+function PersonXRayGrey() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/PersonXRayMagenta.tsx b/src/components/landingpage/PersonXRayMagenta.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6496860e6d9136cb3708797453c20f78159da337
--- /dev/null
+++ b/src/components/landingpage/PersonXRayMagenta.tsx
@@ -0,0 +1,9 @@
+function PersonXRayMagenta() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/PinkCircle.tsx b/src/components/landingpage/PinkCircle.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e0c95281edf8bf852903524ff4e97206a32bf002
--- /dev/null
+++ b/src/components/landingpage/PinkCircle.tsx
@@ -0,0 +1,9 @@
+function PinkCircles() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/PreCyse.tsx b/src/components/landingpage/PreCyse.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..417126ccfb53f2f6b4c5990ffc39689df5fb6ff0
--- /dev/null
+++ b/src/components/landingpage/PreCyse.tsx
@@ -0,0 +1,9 @@
+function PreCyse() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/PreCyse2.tsx b/src/components/landingpage/PreCyse2.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..4d100b531d08affc6cb43c97ac111779f6291219
--- /dev/null
+++ b/src/components/landingpage/PreCyse2.tsx
@@ -0,0 +1,9 @@
+function PreCyse2() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/PreCyse3.tsx b/src/components/landingpage/PreCyse3.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..49fee677a5721db39e4419444c0efa2c38be5191
--- /dev/null
+++ b/src/components/landingpage/PreCyse3.tsx
@@ -0,0 +1,9 @@
+function PreCyse3() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/PreCyse4.tsx b/src/components/landingpage/PreCyse4.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..643980d947c5b825f4722bffc0293e3d4d770d77
--- /dev/null
+++ b/src/components/landingpage/PreCyse4.tsx
@@ -0,0 +1,9 @@
+function PreCyse4() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/PreCyseFunctions.tsx b/src/components/landingpage/PreCyseFunctions.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/components/landingpage/PrimeGuide.tsx b/src/components/landingpage/PrimeGuide.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ecaefc29e42283da9bedfab907936ead0bc843e8
--- /dev/null
+++ b/src/components/landingpage/PrimeGuide.tsx
@@ -0,0 +1,9 @@
+function PrimeGuide() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/PrimeGuide2.tsx b/src/components/landingpage/PrimeGuide2.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/components/landingpage/PrimeGuide3.tsx b/src/components/landingpage/PrimeGuide3.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/components/landingpage/PrimeGuide4.tsx b/src/components/landingpage/PrimeGuide4.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/components/landingpage/Psych.tsx b/src/components/landingpage/Psych.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..7f7e4d6f9655bed98bef7d34f7246c9f86439a5c
--- /dev/null
+++ b/src/components/landingpage/Psych.tsx
@@ -0,0 +1,9 @@
+function Psych() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/TwentyPeople.tsx b/src/components/landingpage/TwentyPeople.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e9fe7f71421960aba601b0863c30e298f82b41f1
--- /dev/null
+++ b/src/components/landingpage/TwentyPeople.tsx
@@ -0,0 +1,9 @@
+function TwentyPeople() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/Virus.tsx b/src/components/landingpage/Virus.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e6f2ea7caf7e127f8bbd628b79637ce97c05f5d4
--- /dev/null
+++ b/src/components/landingpage/Virus.tsx
@@ -0,0 +1,9 @@
+function Virus() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/WorldMap.tsx b/src/components/landingpage/WorldMap.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d6ad9b4aabf9c1aea78ea075abcc748c14b9cf0e
--- /dev/null
+++ b/src/components/landingpage/WorldMap.tsx
@@ -0,0 +1,9 @@
+function WorldMap() {
+ return(
+ <div className="row col">
+ {
+ /* */
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx
index 25c06619e83d9beb5dbb6d5242876930eebae9ee..417738ab4e2bbbe8dfa7866f705554cd895e34d5 100644
--- a/src/contents/Home.tsx
+++ b/src/contents/Home.tsx
@@ -54,7 +54,7 @@ export function Home() {
const main = gsap.timeline({
scrollTrigger: {
- trigger: "svg",
+ trigger: "animStarterClass",
scrub: true,
start:"top middle",
end: "bottom middle"
@@ -74,24 +74,26 @@ export function Home() {
return (
<>
- <div className="row col">
- <H2 text="iGEM Bielefeld-CeBiTec 2024"/>
- </div>
- <div className="row col">
- <svg id="svg" viewBox="0 0 2000 2500">
- <path className="homeAnimLine" d="
- M 50 50
- C 500 -50 1000 100 1870 50
- C 1820 220 2024 528 1870 590
- C 1351 678 118 451 54 561
- C 3 672 12 985 55 985
- C 586 1090 1342 898 1881 1038
- C 1994 1194 1986 1568 1890 1681
- C 1751 1803 281 1481 168 1646
- C 81 1794 21 1977 168 2142
- C 499 2246 1403 2325 1081 2142"/>
- </svg>
- <img className="vector" ref={vectorRef} src={"https://static.igem.wiki/teams/5247/placeholders/vector.webp"} alt="vectorImg"/>
+ <div className="animStarterClass">
+ <div className="row col">
+ <H2 text="iGEM Bielefeld-CeBiTec 2024"/>
+ </div>
+ <div className="row col">
+ <svg id="svg" viewBox="0 0 2000 2500">
+ <path className="homeAnimLine" d="
+ M 50 50
+ C 500 -50 1000 100 1870 50
+ C 1820 220 2024 528 1870 590
+ C 1351 678 118 451 54 561
+ C 3 672 12 985 55 985
+ C 586 1090 1342 898 1881 1038
+ C 1994 1194 1986 1568 1890 1681
+ C 1751 1803 281 1481 168 1646
+ C 81 1794 21 1977 168 2142
+ C 499 2246 1403 2325 1081 2142"/>
+ </svg>
+ <img className="vector" ref={vectorRef} src={"https://static.igem.wiki/teams/5247/placeholders/vector.webp"} alt="vectorImg"/>
+ </div>
</div>
</>
);
diff --git a/src/pages.ts b/src/pages.ts
index 38f1bad4ea58105185a606d825e9bb0747e66352..73d4d0717fe9466620bfb0c97d9201225339acd3 100644
--- a/src/pages.ts
+++ b/src/pages.ts
@@ -4,33 +4,24 @@
Engineering,
Experiments,
Home,
- Bfh,
- Drylab,
Attributions,
HumanPractices,
- Ethics,
Supplementary,
Parts,
- Proof,
- Design,
Judging,
Partners,
- Ints,
Measurement,
Notebook,
Results,
Safety,
Team,
- Education,
- Wiki,
Impressum,
Example,
- Survey,
Collaborations
} from "./contents";
-import { DescSidebar, IntSidebar, EthicsSidebar, SafetySidebar, NoSidebar, EngSide } from "./contents";
-import { BFHH, SURH, COLLH, EDUH, ETHH, JUDGEH, DESH, PROOFH, SUPH, PARTH, MESH, ENGH, DRYH, HOMEH, HPH, INTSH, SPONH, RESH, ATTH, CONTH, DESCH, EXPH, IMPH, NOTEH, SAFEH, TEAMH, WIKIH } from "./contents";
+import { DescSidebar, SafetySidebar, NoSidebar, EngSide } from "./contents";
+import { COLLH, JUDGEH, SUPH, PARTH, MESH, ENGH, HOMEH, HPH, SPONH, RESH, ATTH, CONTH, DESCH, EXPH, IMPH, NOTEH, SAFEH, TEAMH } from "./contents";
interface Base {
name: string | undefined;
@@ -59,14 +50,6 @@ const Pages: (Page | Folder)[] = [
header: ATTH,
navlist: NoSidebar,
},
- {
- name: "MeetUp",
- title: "BFH European MeetUp",
- path: "/bfh",
- component: Bfh,
- header: BFHH,
- navlist: NoSidebar,
- },
{
name: "Collaborations",
title: "Collaborations",
@@ -91,30 +74,6 @@ const Pages: (Page | Folder)[] = [
header: DESCH,
navlist: DescSidebar
},
- {
- name: "Design",
- title: "Design",
- path: "/design",
- component: Design,
- header: DESH,
- navlist: NoSidebar,
- },
- {
- name: "Dry Lab",
- title: "Dry Lab",
- path: "/dry-lab",
- component: Drylab,
- header: DRYH,
- navlist: NoSidebar,
- },
- {
- name: "Education",
- title: "Education",
- path: "/education",
- component: Education,
- header: EDUH,
- navlist: NoSidebar,
- },
{
name: "Engineering Success",
title: "Engineering",
@@ -123,14 +82,6 @@ const Pages: (Page | Folder)[] = [
header: ENGH,
navlist: EngSide,
},
- {
- name: "Ethics",
- title: "Ethics",
- path: "/ethics",
- component: Ethics,
- header: ETHH,
- navlist: EthicsSidebar,
- },
{
name: "Example",
title: "Example",
@@ -181,14 +132,6 @@ const Pages: (Page | Folder)[] = [
header: IMPH,
navlist: NoSidebar,
},
- {
- name: "Interviews",
- title: "Interviews",
- path: "/interviews",
- component: Ints,
- header: INTSH,
- navlist: IntSidebar,
- },
{
name: "Judging",
title: "Judging",
@@ -229,14 +172,6 @@ const Pages: (Page | Folder)[] = [
header: PARTH,
navlist: NoSidebar,
},
- {
- name: "Proof of Concept",
- title: "Proof of Concept",
- path: "/proof-of-concept",
- component: Proof,
- header: PROOFH,
- navlist: NoSidebar,
- },
{
name: "Results",
title: "Results",
@@ -262,29 +197,13 @@ const Pages: (Page | Folder)[] = [
navlist: NoSidebar,
},
{
- name: "Survey",
- title: "Survey",
- path: "/survey",
- component: Survey,
- header: SURH,
- navlist: NoSidebar,
- },
- {
- name: "Team",
- title: "Team",
+ name: "Rooster",
+ title: "Rooster",
path: "/team",
component: Team,
header: TEAMH,
navlist: NoSidebar,
},
- {
- name: "Wiki",
- title: "wiki",
- path: "/wiki",
- component: Wiki,
- header: WIKIH,
- navlist: NoSidebar,
- },
];
export const NavPages: (Page | Folder)[] = [
@@ -300,8 +219,8 @@ export const NavPages: (Page | Folder)[] = [
name: "Team",
folder: [
{
- name: "Team",
- title: "Team",
+ name: "Rooster",
+ title: "Rooster",
path: "/team",
component: Team,
header: TEAMH,
@@ -373,14 +292,6 @@ export const NavPages: (Page | Folder)[] = [
header: PARTH,
navlist: NoSidebar,
},
- {
- name: "Proof of Concept",
- title: "Proof of Concept",
- path: "/proof-of-concept",
- component: Proof,
- header: PROOFH,
- navlist: NoSidebar,
- },
{
name: "Engineering Success",
title: "Engineering",
@@ -389,14 +300,6 @@ export const NavPages: (Page | Folder)[] = [
header: ENGH,
navlist: EngSide ,
},
- {
- name: "Design",
- title: "Design",
- path: "/design",
- component: Design,
- header: DESH,
- navlist: NoSidebar,
- },
{
name: "Supplementary",
title: "Supplementary",
@@ -433,31 +336,7 @@ export const NavPages: (Page | Folder)[] = [
component: HumanPractices,
header: HPH,
navlist: NoSidebar
- },
- {
- name: "Interviews",
- title: "Interviews",
- path: "/interviews",
- component: Ints,
- header: INTSH,
- navlist: IntSidebar,
- },
- {
- name: "Education and Outreach",
- title: "Education",
- path: "/education",
- component: Education,
- header: EDUH,
- navlist: NoSidebar,
- },
- {
- name: "Survey",
- title: "Survey",
- path: "/survey",
- component: Survey,
- header: SURH,
- navlist: NoSidebar,
- },
+ }
]
},
{
@@ -470,23 +349,7 @@ export const NavPages: (Page | Folder)[] = [
component: Contribution,
header: CONTH,
navlist: NoSidebar,
- },
- {
- name: "MeetUp",
- title: "BFH European MeetUp",
- path: "/bfh",
- component: Bfh,
- header: BFHH,
- navlist: NoSidebar,
- },
- {
- name: "Wiki",
- title: "wiki",
- path: "/wiki",
- component: Wiki,
- header: WIKIH,
- navlist: NoSidebar,
- },
+ }
]
},
];