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