hp datensatz

src/components/HP-timeline.tsx

 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>
     )
   }

src/components/Tabs.tsx

@@ -11,23 +11,143 @@ export function ButtonRowTabs({data, cla}: {data: Array<TabDatensatz>, cla: stri
     return rows; 
   }
   
-  export function BFHStyleTabs({data, cla}: {data: Array<NodeDatensatz>, cla: string}) {
+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"); 
+      }
+
+      /* 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(" aim of contact 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?" ); 
+        }
+      }
+
+      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>Aim of contact</h4>
+                  <p>{data[i].aimofcontact}</p>
+                  <h4>Insights</h4>
+                  <p>{data[i].insights}</p>
+                  {clari}
+                  <h4>Implementation</h4>
+                  <p>{data[i].implementation}</p>
+            </>
+      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

src/components/data/hptimelinedata.ts

-interface TimelineDatenpunkt {
+export interface TimelineDatenpunkt {
   title?: string; 
   vorname: string; 
   nachnname: string; 
@@ -40,24 +40,25 @@ const pics: { [key: string]: string } = {
 };
 
 /* {
-    vorname: "Vorlage",
-    nachnname: "Vorlage",  
+    vorname: "",
+    nachnname: "",  
     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",
+    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",
@@ -66,14 +67,11 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     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",
+    cardtext: "",
+    quote: "",
+    aimofcontact: "",
+    insights: "",
+    implementation: "",
     type: "meta"
   },
   {
@@ -83,14 +81,12 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     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",
+    cardtext: "",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
     type: "meta"
   },
   {
@@ -100,14 +96,11 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     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",
+    cardtext: "",
+    quote: "",
+    aimofcontact: "",
+    insights: "",
+    implementation: "",
     type: "meta"
   },
   { 
@@ -117,17 +110,14 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     job: "Research Group Cellular and Molecular Biotechnology",
     pictureurl: pics['kristian'],
     tag: "Academia",
-    heading: "Vorlage",
+    heading: "",
     interviewtabid: "kristian",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    insights: "",
+    implementation: "",
   },
   { 
     vorname: "Max",
@@ -137,18 +127,16 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Patient",
     heading: "Gathering valuable insights from the patient’s perspective",
     interviewtabid: "maxfirst",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
-    title: "xx",
+    title: "XXX",
     vorname: "Christoph",
     nachnname: "Weber",  
     job: "",
@@ -156,15 +144,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Academia",
     heading: "Feedback Session with Expert",
     interviewtabid: "weber",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "en",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   {
     vorname: "Exploring new ideas",
@@ -174,14 +160,12 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     affiliation: "",
     heading: "Further brainstorming on approaches",
     interviewtabid: "brainstorming",
-    cardtext: "Vorlage",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    cardtext: "",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
     type: "meta"
   },
   { 
@@ -194,15 +178,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Industry",
     heading: "Determining the optimal cell media for experimentation",
     interviewtabid: "michaela",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   {
     vorname: "Looking for expertise",
@@ -211,14 +193,12 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     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",
+    cardtext: "",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
     type: "meta"
   },
   {
@@ -228,34 +208,30 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     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",
+    cardtext: "",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
     type: "meta"
   },
   { 
     vorname: "Katrin",
     nachnname: "Westhoff",  
-    job: "physiotherapist",
-    affiliation: "",
+    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: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    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. ",
   },
   { 
     vorname: "Cristian-Gabriel",
@@ -266,15 +242,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Medical Professional",
     heading: "Discussion with a pediatrician and his former patient about treatment challenges and perspectives",
     interviewtabid: "olariu",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     vorname: "Mattijs",
@@ -285,15 +259,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Academia",
     heading: "Discussion with a Prime Editing Expert on Similar Approaches for Different Mutations",
     interviewtabid: "mattijsinv",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "en",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     vorname: "Nicole",
@@ -304,15 +276,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Academia",
     heading: "Discussion on how health insurance companies manage cystic fibrosis patients and gene therapy treatments",
     interviewtabid: "nicole",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     vorname: "Katrin",
@@ -323,15 +293,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Medical Professional",
     heading: "In-Depth Visit to Specialized Physiotherapist for CF Breathing Therapy",
     interviewtabid: "westhoffvisit",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     vorname: "Jukia",
@@ -342,15 +310,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Patient",
     heading: "Interview with a CF Parent About Their Experience and Treatment Needs",
     interviewtabid: "julia",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     vorname: "Joshua",
@@ -361,15 +327,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Patient",
     heading: "Interview with a CF Parent and Global Advocate on Worldwide Support and Perspectives",
     interviewtabid: "joshua",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "en",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     title: "Prof. Dr.",
@@ -381,15 +345,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Academia",
     heading: "Discussion on Techniques for Measuring CFTR Channel Functionality",
     interviewtabid: "patchclamp",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     title: "Prof. Dr.",
@@ -401,15 +363,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Academia",
     heading: "Safety Briefing and Laboratory Practices Advice",
     interviewtabid: "hammer",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     title: "Dr.",
@@ -421,15 +381,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Academia",
     heading: "First steps in LNPs",
     interviewtabid: "kolonkofirst",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     vorname: "Svenja",
@@ -440,15 +398,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Academia",
     heading: "First steps in LNPs",
     interviewtabid: "svenja",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     vorname: "Max",
@@ -458,15 +414,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Patient",
     heading: "Consultation on University Hygiene Risks and Improvement for Hygiene Concept",
     interviewtabid: "maxhygiene",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     title: "Dr.",
@@ -478,15 +432,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     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: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     vorname: "Collaboration",
@@ -497,15 +449,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Academia",
     heading: "LNP Handbook",
     interviewtabid: "",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     vorname: "",
@@ -516,15 +466,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Industry",
     heading: "Rnhale",
     interviewtabid: "",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     title: "XXX",
@@ -536,14 +484,12 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Academia",
     heading: "",
     interviewtabid: "",
-    cardtext: "Vorlage",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    cardtext: "",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     vorname: "",
@@ -554,15 +500,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Academia",
     heading: "Corden",
     interviewtabid: "",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     vorname: "Mattijs",
@@ -573,15 +517,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Academia",
     heading: "",
     interviewtabid: "mattijsvisit",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "en",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
   { 
     title: "Dr.",
@@ -593,15 +535,13 @@ export const timelinedata: Array<TimelineDatenpunkt> = [
     tag: "Academia",
     heading: "",
     interviewtabid: "patchclamp",
-    cardtext: "Vorlage",
+    cardtext: "",
     language: "de",
-    quote: "Vorlage",
-    quoteNachname: "Vorlage",
-    quoteVorname: "Vorlage",
-    aimofcontact: "Vorlage",
-    clarification: "Vorlage",
-    insights: "Vorlage",
-    implementation: "Vorlage",
+    quote: "",
+    aimofcontact: "",
+    
+    insights: "",
+    implementation: "",
   },
 ]
 

src/components/data/timelinepersontabs.tsx

 import { BlockQuoteB } from "../Quotes"
 
+
+
 export const timelinepersontabs = [
         {
           node: <>
@@ -399,13 +401,13 @@ export const timelinepersontabs = [
                   <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 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">
@@ -450,13 +452,12 @@ export const timelinepersontabs = [
                     </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>
+                  <p></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>
+                  <p></p>
                   <button>Jump to visit</button> 
                 </>,
           cssname: "InvWesthoff"