Skip to content
Snippets Groups Projects
Commit e150f709 authored by Liliana Sanfilippo's avatar Liliana Sanfilippo
Browse files

interviews

parent 0d298c2c
No related branches found
No related tags found
No related merge requests found
Pipeline #402889 failed
......@@ -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;
}
......
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">
......
......@@ -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) => {
......
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/>
</>
);
......
......@@ -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>
......
......@@ -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"
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment