From e150f7099b6d380d3bbb35c718b0d57da3430b7a Mon Sep 17 00:00:00 2001
From: liliana <liliana.sanfilippo@uni-bielefeld.de>
Date: Mon, 12 Aug 2024 15:48:39 +0200
Subject: [PATCH] interviews
---
src/App/App.css | 8 +-
src/contents/example.tsx | 4 +-
src/contents/human-practices.tsx | 9 +-
src/contents/interviews.tsx | 164 +++++++++++++++++++++++++++++++
src/contents/partners.tsx | 22 +++--
src/contents/team.tsx | 6 +-
6 files changed, 190 insertions(+), 23 deletions(-)
diff --git a/src/App/App.css b/src/App/App.css
index e7d7f288..4946c95b 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -559,10 +559,13 @@ img .middle{
.img-half{
max-width: 50% !important;
}
+.interview-img{
+ max-height: 70% !important;
+}
.img-round{
border-radius: 50%;
- max-width: 0%;
+ max-width: 80%;
}
.img-cube{
max-width: 80%;
@@ -600,9 +603,10 @@ img .middle{
display: flex;
vertical-align: middle;
}
+
#idt-portrait{
height: 350px !important;
- background-image: url(https://static.igem.wiki/teams/5247/photos/lab/in-inhaler-flipped.jpg);
+ background-image: url(https://static.igem.wiki/teams/5247/sponsors/idt-foto.png);
background-size: auto 100%;
background-repeat: no-repeat;
}
diff --git a/src/contents/example.tsx b/src/contents/example.tsx
index 23ca5764..ee3651f7 100644
--- a/src/contents/example.tsx
+++ b/src/contents/example.tsx
@@ -1,5 +1,3 @@
-import { TimelineItem } from "../components/My-Timeline";
-import SimpleSlider from "../components/slider";
import TestSVG from "../components/testsvganimation";
@@ -191,7 +189,7 @@ export function Example() {
}
- function DocuBox({children}: {children: React.ReactNode}){
+ export function DocuBox({children}: {children: React.ReactNode}){
return(
<>
<div className="example-docu">
diff --git a/src/contents/human-practices.tsx b/src/contents/human-practices.tsx
index ab0ed6e2..427442a8 100644
--- a/src/contents/human-practices.tsx
+++ b/src/contents/human-practices.tsx
@@ -631,13 +631,6 @@ export function HumanPractices() {
{/* <HPTabsTwo/> */}
- <section id="Analysis">
- <div className="center" >
- <h3 className="col personalstyleone">Analysis</h3>
- </div>
- <HPTabs/>
- </section>
-
@@ -661,7 +654,7 @@ export function HumanPractices() {
}
-function HPTabs(){
+export function HPTabs(){
const [value, setValue] = React.useState('1');
const handleChange = (_event: React.SyntheticEvent, newValue: string) => {
diff --git a/src/contents/interviews.tsx b/src/contents/interviews.tsx
index 5acfa1cd..95c338f4 100644
--- a/src/contents/interviews.tsx
+++ b/src/contents/interviews.tsx
@@ -1,8 +1,172 @@
+import { ButtonOne } from "../components/Buttons";
export function Ints() {
return (
<>
+ <br/>
+ <section className="col" id="max">
+ <h3>Max Beckmann</h3>
+ <hr/>
+ <div className="row">
+ <div className="col-2">
+ <div className="t-tag Patient">
+ Patient
+ </div>
+ </div>
+ <div className="col">Original language: German</div>
+ </div>
+ <br/>
+ <div className="row">
+ <div className="col">
+ <div className="col">
+ <ButtonOne text="Erstes Interview" open="maxinv1"></ButtonOne>
+ </div>
+ <br/>
+ <div className="col">
+ <ButtonOne text="Zweites Interview" open="maxinv2"></ButtonOne>
+ </div>
+ </div>
+ <div className="col-3">
+ <img className="interview-img" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
+ </div>
+ </div>
+ <div className="col cycletab" id="maxinv1" style={{display: "block"}}>
+ 1
+ </div>
+ <div className="col cycletab" id="maxinv2" style={{display: "none"}}>
+ 2
+ </div>
+ </section>
+ <br/>
+ <section className="col" id="olariu">
+ <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>
+ <br/>
+ <div className="row">
+ <div className="col-3">
+ <img className="interview-img" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
+ </div>
+ <div className="col">
+ </div>
+ </div>
+ <div className="col cycletab">
+ 1
+ </div>
+ </section>
+ <br/>
+ <section className="col" id="joshua">
+ <h3>Joshua Bauder</h3>
+ <hr/>
+ <div className="row">
+ <div className="col-2">
+ <div className="t-tag Patient">
+ Parent
+ </div>
+ </div>
+ <div className="col">Original language: English</div>
+ </div>
+ <br/>
+ <div className="row">
+ <div className="col"></div>
+ <div className="col-3">
+ <img className="interview-img" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
+ </div>
+ </div>
+ <div className="col cycletab">
+ 1
+ </div>
+ </section>
+ <br/>
+ <section className="col" id="julia">
+ <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>
+ <br/>
+ <div className="row">
+ <div className="col-3">
+ <img className="interview-img" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
+ </div>
+ <div className="col">
+ </div>
+ </div>
+ <div className="col cycletab">
+ 1
+ </div>
+ </section>
+ <br/>
+ <section className="col" id="nicole">
+ <h3>Nicole Friedlein</h3>
+ <hr/>
+ <div className="row">
+ <div className="col-2">
+ <div className="t-tag Patient">
+ Academia
+ </div>
+ </div>
+ <div className="col">Original language: German</div>
+ </div>
+ <br/>
+ <div className="row">
+ <div className="col"></div>
+ <div className="col-3">
+ <img className="interview-img" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
+ </div>
+ </div>
+ <div className="col cycletab">
+ 1
+ </div>
+ </section>
+ <br/>
+ <section className="col" id="mattijs">
+ <h3>Mattijs Bulcean</h3>
+ <hr/>
+ <div className="row">
+ <div className="col-2">
+ <div className="t-tag Academia">
+ Academia
+ </div>
+ </div>
+ <div className="col">Original language: English</div>
+ </div>
+ <br/>
+ <div className="row">
+ <div className="col-3">
+ <img className="interview-img" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
+ </div>
+ <div className="col">
+ <div className="col">
+ <ButtonOne text="Erstes Interview" open="mattijsinv1"></ButtonOne>
+ </div>
+ <br/>
+ <div className="col">
+ <ButtonOne text="Zweites Interview" open="mattijsinv2"></ButtonOne>
+ </div>
+ </div>
+ </div>
+ <div className="col cycletab" id="mattijsinv1" style={{display: "block"}}>
+ 1
+ </div>
+ <div className="col cycletab" id="mattijsinv2" style={{display: "none"}}>
+ 2
+ </div>
+ </section>
+ <br/>
</>
);
diff --git a/src/contents/partners.tsx b/src/contents/partners.tsx
index dcbc7dfc..6d881ae3 100644
--- a/src/contents/partners.tsx
+++ b/src/contents/partners.tsx
@@ -5,6 +5,19 @@ export function Partners() {
<>
<div id="sidebarbox" className="col-1 d-none d-lg-block"> </div>
<br/>
+ <div className="row align-items-center">
+ <div id="idt-text" className="col sponsor-text-left">
+ <h4>Changing CF lives around the world, one vest at a time.</h4>
+ <br/>
+ <p>After being contacted unexpectedly by two previously unknown Cystic Fibrosis patients in Chile and Lebanon months apart in early 2020 to request therapy vests, the great need for this equipment to CF patients around the world became quickly evident. CF Vests Worldwide was established in June 2020 to meet this need. The mission of CF Vests Worldwide is to donate lifesaving therapy vests, with a cost of nearly $20,000, for those with Cystic Fibrosis outside of the United States. The life expectancy of CF patients outside the U.S. can be as limited as approximately 24 years of age. These therapy vests mean everything to the CF patient and their family. Further, in most CF communities in the 59 countries where CF Vests Worldwide has donated over 330 therapy vests, access to the most basic Cystic Fibrosis medication is either limited or non-existent. In these cases, a therapy vest donated by CF Vests Worldwide is the only hope for comfort and an extended life.</p>
+ </div>
+ <div id="" className="col-5 sponsor-portrait">
+ <a href="https://www.cfvww.org/">
+ <img id="idt-portrait-logo" src="https://static.igem.wiki/teams/5247/sponsors/cfvestslogo.png"></img>
+ </a>
+ </div>
+ </div>
+ <br/> <br/>
<div className="row align-items-center">
<div id="zeiss-portrait" className="col-5 sponsor-portrait">
<a href="http://www.zeiss.de/naturwissenschaften">
@@ -24,11 +37,8 @@ export function Partners() {
<br/>
<p> For more than 35 years, Integrated DNA Technologies (IDT) has empowered genomics laboratories with an oligonucleotide manufacturing process unlike anyone else in the industry, featuring the most advanced synthesis, modification, purification, and quality control capabilities available. IDT has supported iGEM team for over a decade with 20kb of free DNA to help accelerate their inspiring projects for the Grand Jamboree. Since its founding in 1987, IDT has progressed from a leading oligo manufacturer to a genomics solutions provider supporting key application areas such as next generation sequencing, CRISPR genome editing, synthetic biology, digital PCR, and RNA interference. IDT manufactures products used by scientists researching the toughest challenges facing our planet today as well as many forms of cancer and most inherited and infectious diseases. </p>
</div>
- <div id="idt-portrait" className="col-5 sponsor-portrait">
- <a href="www.idtdna.com">
- <img id="idt-portrait-logo" src="https://static.igem.wiki/teams/5247/sponsors/idt-logo.png"></img>
- </a>
- </div>
+ <a href="https://www.idtdna.com/" id="idt-portrait" className="col-5 sponsor-portrait">
+ </a>
</div>
<br/> <br/>
<div className="row align-items-center">
@@ -82,7 +92,7 @@ export function Partners() {
</div>
<div className="row align-items-center">
<div className="col">
- <a className="sponsor-container" href="www.snapgene.com">
+ <a className="sponsor-container" href="https://snapgene.com">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/snapgene.png"/>
</a>
</div>
diff --git a/src/contents/team.tsx b/src/contents/team.tsx
index d688e751..f9f4a505 100644
--- a/src/contents/team.tsx
+++ b/src/contents/team.tsx
@@ -7,7 +7,7 @@ export function Team() {
<>
<br/>
<br/>
- <h2>Team</h2>
+ <h2>Members</h2>
<div className="row center">
<div className="col">
<Steckbrief
@@ -195,9 +195,7 @@ export function Team() {
.
</Steckbrief>
</div>
- <div className="col">
-
- </div>
+ <div className="col"></div>
<div className="col">
<Steckbrief url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
name="Kristian Müller"
--
GitLab