From 6bcd4be6363297280b6238f4fdb7803690619e3c Mon Sep 17 00:00:00 2001
From: liliana <liliana.sanfilippo@uni-bielefeld.de>
Date: Tue, 6 Aug 2024 14:15:59 +0200
Subject: [PATCH] hp

---
 src/App/App.css                  |   2 +-
 src/contents/human-practices.tsx | 241 +++++++++++++++++++++++++++++--
 2 files changed, 226 insertions(+), 17 deletions(-)

diff --git a/src/App/App.css b/src/App/App.css
index cc29efd6..2840b7c2 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -974,7 +974,7 @@ button.tabbutton:nth-child(1){
 .Industry, button.tabbutton:nth-child(5){
   background-color: var(--mediumpurple);
 }
-button.tabbutton:nth-child(6){
+.Activist, button.tabbutton:nth-child(6){
   background-color: var(--igemlightgreen);
 }
 
diff --git a/src/contents/human-practices.tsx b/src/contents/human-practices.tsx
index f0f69232..0281aa56 100644
--- a/src/contents/human-practices.tsx
+++ b/src/contents/human-practices.tsx
@@ -156,14 +156,66 @@ let timelinepersontabs =[
   },
   {
     node: <>
-
-          </>,
+    <br/>
+   <h3>Berens</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: "Berens"
   },
   {
     node: <>
-
-          </>,
+    <br/>
+   <h3>Wischmeyer</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: "Wischmeyer"
   },
   {
@@ -200,9 +252,34 @@ let timelinepersontabs =[
   },
   {
     node: <>
-            <h3>Rnhale</h3>
-            <p></p>
-          </>,
+    <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"
   },
   {
@@ -272,13 +349,70 @@ let timelinepersontabs =[
   },
   {
     node: <>
-
+            <br/>
+            <h3>Julia</h3>
+            <hr/>
+            <div className="row">
+            <div className="col-2">
+            <div className="t-tag Patient">
+                Parent
+            </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: "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-1">
+            <div className="t-tag Activist">
+                Activist
+            </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/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"
   },
@@ -391,21 +525,96 @@ let timelinepersontabs =[
   },
   {
     node: <>
-            <h3>Kolonko</h3>
-            <p></p>
-          </>,
+    <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/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: "InvKolonko"
   },
   {
     node: <>
-            <h3>Weber</h3>
-            <p></p>
-          </>,
+    <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: <>
-            <h3>Hammer</h3>
+             <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"
-- 
GitLab