From 3d9664d9afeb6f66f57de0bf8635bd3a3a54b492 Mon Sep 17 00:00:00 2001
From: liliana <liliana.sanfilippo@uni-bielefeld.de>
Date: Wed, 11 Sep 2024 13:08:21 +0200
Subject: [PATCH] hp timeline datensatz

---
 src/components/HP-timeline.tsx        |   6 +-
 src/components/HorizontalTimeline.tsx |  67 ++-
 src/components/Tabs.tsx               |   1 +
 src/components/data/hptimelinedata.ts | 822 ++++++++++++++++++--------
 4 files changed, 617 insertions(+), 279 deletions(-)

diff --git a/src/components/HP-timeline.tsx b/src/components/HP-timeline.tsx
index 92be4ccf..530f7df3 100644
--- a/src/components/HP-timeline.tsx
+++ b/src/components/HP-timeline.tsx
@@ -2,7 +2,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">
@@ -45,8 +45,8 @@ export function HPTimeline(){
   ]
   
 
-export function HPtimelineNew(data: Array<NodeDatensatz>){
+/* export function HPtimelineNew(data: Array<NodeDatensatz>){
   var timelinecards: React.ReactNode; 
   var interviewtabs: 
 
-}
\ No newline at end of file
+} */
\ No newline at end of file
diff --git a/src/components/HorizontalTimeline.tsx b/src/components/HorizontalTimeline.tsx
index 78d516f7..db8570fc 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 7a0259e1..331d915f 100644
--- a/src/components/Tabs.tsx
+++ b/src/components/Tabs.tsx
@@ -10,6 +10,7 @@ export function ButtonRowTabs({data, cla}: {data: Array<TabDatensatz>, cla: stri
     }
     return rows; 
   }
+  
   export function BFHStyleTabs({data, cla}: {data: Array<NodeDatensatz>, cla: string}) {
     let rows = []
     for ( let i = 0;  i < data.length; i++ ){
diff --git a/src/components/data/hptimelinedata.ts b/src/components/data/hptimelinedata.ts
index 79d431e5..248cbbc4 100644
--- a/src/components/data/hptimelinedata.ts
+++ b/src/components/data/hptimelinedata.ts
@@ -5,10 +5,12 @@ interface TimelineDatenpunkt {
   pictureurl: string; 
   tag: StakeholderTag; 
   heading: string; 
-  intervietabid: string; 
+  interviewtabid: string; 
   type?: TypeTag; 
+  affiliation?: string; 
+  job?: string; 
   cardtext: string; 
-  language: Language; 
+  language?: Language; 
   quote: string; 
   quoteVorname?: string; 
   quoteNachname?: string; 
@@ -18,19 +20,577 @@ interface TimelineDatenpunkt {
   implementation: string | Array<string> | Array<React.ReactNode>; 
   
 }
-type StakeholderTag = 'Industry' | 'Academia' | 'Patient' | 'Medical' | 'Milestone' | 'Other'; 
+type StakeholderTag = 'Industry' | 'Academia' | 'Patient' | 'Medical Professional' | 'Milestone' | 'Other'; 
 type TypeTag = 'meta' ; 
 type Language = 'en' | 'de'; 
 
-export const timelinedata: Array<TimelineDatenpunkt> = [
-  {
-    title: "Vorlage",
+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",
+};
+
+/* {
     vorname: "Vorlage",
     nachnname: "Vorlage",  
-    pictureurl: "Vorlage",
+    pictureurl: pics['placeholder'],
+    tag: "Other",
+    heading: "Vorlage",
+    interviewtabid: "Vorlage",
+    cardtext: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  } */
+
+
+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: "Vorlage",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+    type: "meta"
+  },
+  {
+    vorname: "Pitching ideas",
+    nachnname: "",  
+    pictureurl: pics['placeholder'],
+    tag: "Other",
+    heading: "Getting Acquainted with Cystic Fibrosis",
+    interviewtabid: "firstpresi",
+    cardtext: "Vorlage",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+    type: "meta"
+  },
+  {
+    vorname: "Ideation",
+    nachnname: "",  
+    pictureurl: pics['placeholder'],
     tag: "Other",
+    heading: "Brainstorming and selection of ideas and concepts",
+    interviewtabid: "ideas",
+    cardtext: "Vorlage",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+    type: "meta"
+  },
+  { 
+    title: "Prof. Dr.",
+    vorname: "Kristian",
+    nachnname: "Müller",  
+    job: "Research Group Cellular and Molecular Biotechnology",
+    pictureurl: pics['kristian'],
+    tag: "Academia",
     heading: "Vorlage",
-    intervietabid: "Vorlage",
+    interviewtabid: "kristian",
+    cardtext: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    vorname: "Max",
+    nachnname: "Beckmann",  
+    job: "Bielefeld University",
+    pictureurl: pics['max'],
+    tag: "Patient",
+    heading: "Gathering valuable insights from the patient’s perspective",
+    interviewtabid: "maxfirst",
+    cardtext: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    title: "xx",
+    vorname: "Christoph",
+    nachnname: "Weber",  
+    job: "",
+    pictureurl: pics['placeholder'],
+    tag: "Academia",
+    heading: "Feedback Session with Expert",
+    interviewtabid: "weber",
+    cardtext: "Vorlage",
+    language: "en",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  {
+    vorname: "Exploring new ideas",
+    nachnname: "",  
+    pictureurl: pics['placeholder'],
+    tag: "Other",
+    affiliation: "",
+    heading: "Further brainstorming on approaches",
+    interviewtabid: "brainstorming",
+    cardtext: "Vorlage",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+    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: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  {
+    vorname: "Looking for expertise",
+    nachnname: "",  
+    pictureurl: pics['placeholder'],
+    tag: "Other",
+    heading: "Identifying key experts in cystic fibrosis and prime editing",
+    interviewtabid: "experts",
+    cardtext: "Vorlage",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+    type: "meta"
+  },
+  {
+    vorname: "Documenting progress",
+    nachnname: "",  
+    pictureurl: pics['placeholder'],
+    tag: "Other",
+    heading: "Tracking progress in expert search and idea development",
+    interviewtabid: "progress",
+    cardtext: "Vorlage",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+    type: "meta"
+  },
+  { 
+    vorname: "Katrin",
+    nachnname: "Westhoff",  
+    job: "physiotherapist",
+    affiliation: "",
+    pictureurl: pics['westhoff'],
+    tag: "Medical Professional",
+    heading: "Interview with a specialized physiotherapist regarding breathing therapy for cystic fibrosis patients",
+    interviewtabid: "westhoffinv",
+    cardtext: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    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: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    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: "Vorlage",
+    language: "en",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    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: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    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: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    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: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    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: "Vorlage",
+    language: "en",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    title: "Prof. Dr.",
+    vorname: "Erhard",
+    nachnname: "Wischmeyer",  
+    job: "Research Group Cellular Neurophysiology",
+    affiliation: "Universität Bielefeld",  
+    pictureurl: pics['placeholder'],
+    tag: "Academia",
+    heading: "",
+    interviewtabid: "patchclamp",
+    cardtext: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    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: "",
+    interviewtabid: "hammer",
+    cardtext: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    title: "Dr.",
+    vorname: "Katharina",
+    nachnname: "Kolonko",  
+    job: "",
+    affiliation: "",  
+    pictureurl: pics['kolonko'],
+    tag: "Academia",
+    heading: "First steps in LNPs",
+    interviewtabid: "kolonkofirst",
+    cardtext: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    vorname: "Svenja",
+    nachnname: "Vinke",  
+    job: "PostDoc at Harvard Medical School",
+    affiliation: "Harvard Medical School",  
+    pictureurl: pics['svenja'],
+    tag: "Academia",
+    heading: "First steps in LNPs",
+    interviewtabid: "svenja",
+    cardtext: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    vorname: "Max",
+    nachnname: "Beckmann",  
+    job: "Bielefeld University",
+    pictureurl: pics['max'],
+    tag: "Patient",
+    heading: "Hygiene concept",
+    interviewtabid: "maxhygiene",
+    cardtext: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    title: "Dr.",
+    vorname: "Eva-Maria",
+    nachnname: "Berens",  
+    job: "Ethics Committee of Bielefeld University",
+    affiliation: "Bielefeld University", 
+    pictureurl: pics['berens'],
+    tag: "Academia",
+    heading: "Ethics",
+    interviewtabid: "berens",
+    cardtext: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    vorname: "Collaboration",
+    nachnname: "",  
+    job: "",
+    affiliation: "", 
+    pictureurl: pics['placeholder'],
+    tag: "Academia",
+    heading: "LNP Handbook",
+    interviewtabid: "",
+    cardtext: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    vorname: "",
+    nachnname: "",  
+    job: "",
+    affiliation: "RNhale", 
+    pictureurl: pics['placeholder'],
+    tag: "Industry",
+    heading: "Rnhale",
+    interviewtabid: "",
+    cardtext: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    title: "XXX",
+    vorname: "David",
+    nachnname: "Liu",  
+    job: "",
+    affiliation: "", 
+    pictureurl: pics['placeholder'],
+    tag: "Academia",
+    heading: "",
+    interviewtabid: "",
+    cardtext: "Vorlage",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    vorname: "",
+    nachnname: "",  
+    job: "",
+    affiliation: "Corden Pharma", 
+    pictureurl: pics['placeholder'],
+    tag: "Academia",
+    heading: "Corden",
+    interviewtabid: "",
+    cardtext: "Vorlage",
+    language: "de",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    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: "Vorlage",
+    language: "en",
+    quote: "Vorlage",
+    quoteNachname: "Vorlage",
+    quoteVorname: "Vorlage",
+    aimofcontact: "Vorlage",
+    clarification: "Vorlage",
+    insights: "Vorlage",
+    implementation: "Vorlage",
+  },
+  { 
+    title: "Dr.",
+    vorname: "Oliver",
+    nachnname: "Dräger",  
+    job: "Bielefeld University",
+    affiliation: "Research Group Cellular Neurophysiology", 
+    pictureurl: pics['placeholder'],
+    tag: "Academia",
+    heading: "",
+    interviewtabid: "patchclamp",
     cardtext: "Vorlage",
     language: "de",
     quote: "Vorlage",
@@ -40,250 +600,6 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     clarification: "Vorlage",
     insights: "Vorlage",
     implementation: "Vorlage",
-  }
+  },
 ]
 
-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
-- 
GitLab