Line 12: | Line 12: | ||
.containerhome { | .containerhome { | ||
width: 100%; | width: 100%; | ||
− | height: 100%; | + | height:100%; |
margin: 0 auto 40px; | margin: 0 auto 40px; | ||
Line 206: | Line 206: | ||
} | } | ||
− | .hero- | + | .hero-home { |
text-align: center; | text-align: center; | ||
position: absolute; | position: absolute; | ||
Line 219: | Line 219: | ||
border-style: solid; | border-style: solid; | ||
border-width:medium; | border-width:medium; | ||
− | color: #0072b2 !important; | + | color: #0072b2!important; |
padding: 1%; | padding: 1%; | ||
text-align: center; | text-align: center; | ||
Line 238: | Line 238: | ||
border-style: solid; | border-style: solid; | ||
border-width:medium; | border-width:medium; | ||
− | color: #0072b2 !important; | + | color: #0072b2;!important; |
padding: 0.5%; | padding: 0.5%; | ||
text-align: center; | text-align: center; | ||
Line 245: | Line 245: | ||
cursor: pointer; | cursor: pointer; | ||
border-radius: 8px; | border-radius: 8px; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
} | } | ||
Line 251: | Line 253: | ||
opacity: 0.75; | opacity: 0.75; | ||
text-decoration:none; | text-decoration:none; | ||
− | color:# | + | color:#ffffff!important; |
} | } | ||
+ | .buttontu3 { | ||
+ | border-color: #ffffff; | ||
+ | border-style: solid; | ||
+ | border-width:medium; | ||
+ | color: #ffffff!important; | ||
+ | padding: 0.5%; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | display: inline-block; | ||
+ | cursor: pointer; | ||
+ | border-radius: 8px; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | |||
+ | } | ||
+ | .buttontu3:hover { | ||
+ | background-color: #ffffff; | ||
+ | opacity: 0.75; | ||
+ | text-decoration:none; | ||
+ | color:#000000!important; | ||
+ | } | ||
.centerjustify2 { | .centerjustify2 { | ||
margin-left: auto; | margin-left: auto; | ||
Line 271: | Line 294: | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
− | + | .hero-home { | |
+ | text-align: center; | ||
+ | position: absolute; | ||
+ | top: 90%; | ||
+ | left: 50%; | ||
+ | transform: translate(-50%, -50%); | ||
+ | color: white; | ||
+ | } | ||
.mySlides {display: none} | .mySlides {display: none} | ||
img {vertical-align: middle;} | img {vertical-align: middle;} | ||
Line 478: | Line 508: | ||
width:80%; | width:80%; | ||
} | } | ||
+ | .containerhome { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | margin: 0 auto 40px; | ||
+ | |||
} | } | ||
− | + | .cardhome { | |
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .cardhome div { | ||
+ | height: auto; | ||
+ | width: 100%; | ||
+ | }} | ||
+ | #my_centered_buttons { display: flex; justify-content: center; } | ||
</style> | </style> | ||
Line 489: | Line 532: | ||
<section class="containerhome"> | <section class="containerhome"> | ||
− | + | ||
− | + | ||
<img src="https://static.igem.org/mediawiki/2019/a/a9/T--TUDelft--homepagefront.jpeg" alt="bacteria1" class="homepage"> | <img src="https://static.igem.org/mediawiki/2019/a/a9/T--TUDelft--homepagefront.jpeg" alt="bacteria1" class="homepage"> | ||
− | + | ||
− | + | <div class="hero-home" style="margin-top:10%"> | |
− | + | ||
− | + | <a href="#ScrollDown1" class="buttontu2 jump"><p style="font-size:xx-large; "> <b> <i class='fas fa-angle-double-down'></i></b></p></a></div> | |
+ | |||
</div> | </div> | ||
Line 506: | Line 550: | ||
<div class="centerjustify2"> | <div class="centerjustify2"> | ||
+ | <div id="ScrollDown1"></div> | ||
<div class="rowhm"> | <div class="rowhm"> | ||
Line 541: | Line 586: | ||
<div class="centerjustify2" style="text-align:center;"> | <div class="centerjustify2" style="text-align:center;"> | ||
<br> | <br> | ||
− | <p style="font-size:xx-large;"> <b> Engineering organism specific parts and utilizing existing parts across different species is extremely laborious and expensive </b> </p> | + | <p style="font-size:xx-large;"> <b> Engineering organism-specific parts and utilizing existing parts across different species is extremely laborious and expensive </b> </p> |
<p style="font-size:large;">which restricts the scope of synthetic biology to a small subset of the bacterial cosmos.</p> | <p style="font-size:large;">which restricts the scope of synthetic biology to a small subset of the bacterial cosmos.</p> | ||
<br> | <br> | ||
Line 574: | Line 619: | ||
<div class="right"> | <div class="right"> | ||
<div class="centerjustify2"> | <div class="centerjustify2"> | ||
− | <p style="font-size:large; line-height: 200%;"> | + | <p style="font-size:large; line-height: 200%;"> We developed <b style="font-size:xx-large;color:#0072b2;">Sci-Phi 29</b>, a platform that expands the scope of synthetic biology by providing essential tools required to engineer a repertoire of bacterial species.</p> |
<br> | <br> | ||
<br> | <br> | ||
Line 615: | Line 660: | ||
<p><b style="font-size:xx-large;color:#0072b2;">Sci-Phi 29</b></p> | <p><b style="font-size:xx-large;color:#0072b2;">Sci-Phi 29</b></p> | ||
− | <p style="width:60%;margin-left:auto; margin-right:auto;font-size:large;"> | + | <p style="width:60%;margin-left:auto; margin-right:auto;font-size:x-large;"> A user-friendly platform that allows engineering your bacteria of choice through:</p><br> |
</div> | </div> | ||
</div> | </div> | ||
Line 653: | Line 698: | ||
<div class="centerjustify2"> | <div class="centerjustify2"> | ||
<center><img src = "https://static.igem.org/mediawiki/2019/5/56/T--TUDelft--logocontrol.png" alt="Controllability" style="width:49.7%;"></center> | <center><img src = "https://static.igem.org/mediawiki/2019/5/56/T--TUDelft--logocontrol.png" alt="Controllability" style="width:49.7%;"></center> | ||
− | <p style="font-size:large; line-height: 200%;"> To tackle the issue of <b style="font-size:x-large;color:#0072b2;">variation in expression</b> across species, we | + | <p style="font-size:large; line-height: 200%;"> To tackle the issue of <b style="font-size:x-large;color:#0072b2;">variation in expression</b> across bacterial species, we applied <b style="font-size:x-large;color:#0072b2;">control systems</b> thinking to achieve controllability. </p> |
<br> | <br> | ||
<p style="font-size:large; line-height: 200%;">We included the following variables in our <a href="https://2019.igem.org/Team:TUDelft/Model"><u style="font-size:x-large;color:#0072b2;">model</u></a> and <a href="https://2019.igem.org/Team:TUDelft/Results"><u style="font-size:x-large;color:#0072b2;">experiments</u></a>:</p> | <p style="font-size:large; line-height: 200%;">We included the following variables in our <a href="https://2019.igem.org/Team:TUDelft/Model"><u style="font-size:x-large;color:#0072b2;">model</u></a> and <a href="https://2019.igem.org/Team:TUDelft/Results"><u style="font-size:x-large;color:#0072b2;">experiments</u></a>:</p> | ||
Line 662: | Line 707: | ||
<div class="boxx3 columnhm" > | <div class="boxx3 columnhm" > | ||
− | <a href="https://2019.igem.org/Team:TUDelft/Model"> <img src = "https://static.igem.org/mediawiki/2019/3/33/T--TUDelft--logoplasmidcopynumber.png" alt="Logo Plasmid Copy Number" style="width:100%;"></a> | + | <a href="https://2019.igem.org/Team:TUDelft/Model#PlasmidCopyNumber"> <img src = "https://static.igem.org/mediawiki/2019/3/33/T--TUDelft--logoplasmidcopynumber.png" alt="Logo Plasmid Copy Number" style="width:100%;"></a> |
</div> | </div> | ||
Line 668: | Line 713: | ||
<div class="boxx3 columnhm" > | <div class="boxx3 columnhm" > | ||
− | <a href="https://2019.igem.org/Team:TUDelft/Model"><img src = "https://static.igem.org/mediawiki/2019/6/6f/T--TUDelft--logo_transcription2.png" alt="Logo Transcriptional Variations" style="width:100%;"></a> | + | <a href="https://2019.igem.org/Team:TUDelft/Model#TranscriptionalVariations"><img src = "https://static.igem.org/mediawiki/2019/6/6f/T--TUDelft--logo_transcription2.png" alt="Logo Transcriptional Variations" style="width:100%;"></a> |
</div> | </div> | ||
<div class="boxx3 columnhm"> | <div class="boxx3 columnhm"> | ||
− | <a href="https://2019.igem.org/Team:TUDelft/Model"><img src = "https://static.igem.org/mediawiki/2019/b/b4/T--TUDelft--logo_transcription.png" alt="Logo Translational Variations" style="width:100%;"></a> | + | <a href="https://2019.igem.org/Team:TUDelft/Model#TranslationalVariations"><img src = "https://static.igem.org/mediawiki/2019/b/b4/T--TUDelft--logo_transcription.png" alt="Logo Translational Variations" style="width:100%;"></a> |
</div> | </div> | ||
</div> | </div> | ||
Line 776: | Line 821: | ||
</div></a> | </div></a> | ||
− | <a href="https://2019.igem.org/Team:TUDelft/ | + | <a href="https://2019.igem.org/Team:TUDelft/Safety"><div class="boxx columnhm"> |
<img src = "https://static.igem.org/mediawiki/2019/8/8e/T--TUDelft--Safety_mini_logo.png" alt="Results logo" style="width:100%;"> | <img src = "https://static.igem.org/mediawiki/2019/8/8e/T--TUDelft--Safety_mini_logo.png" alt="Results logo" style="width:100%;"> | ||
</div></a> | </div></a> | ||
Line 791: | Line 836: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <p style="font-size:xx-large;color:#0072b2;text-align: center;"><a href="https://2019.igem.org/Team:TUDelft/Team" ><b>Click here</b></a> to meet our team!</p> | ||
+ | <br> | ||
+ | <div> | ||
+ | <img src = "https://static.igem.org/mediawiki/2019/2/23/T--TUDelft--Team2.png" alt="Team Picture" style="width:100%;"> | ||
+ | |||
+ | </div> | ||
+ | |||
</div> | </div> | ||
Revision as of 04:52, 30 November 2019
Engineering organism-specific parts and utilizing existing parts across different species is extremely laborious and expensive
which restricts the scope of synthetic biology to a small subset of the bacterial cosmos.
![Parts road](https://static.igem.org/mediawiki/2019/8/84/T--TUDelft--steps_parts.png)
hm
![Sci-Phi 29](https://static.igem.org/mediawiki/2019/e/e7/T--TUDELFT--logonavbar-white.png)
hm
We developed Sci-Phi 29, a platform that expands the scope of synthetic biology by providing essential tools required to engineer a repertoire of bacterial species.
Read More
How does Sci-Phi 29 work?
![Different Bacteria](https://static.igem.org/mediawiki/2019/1/1c/T--TUDelft--Bacteria_home.png)
![Arrow](https://static.igem.org/mediawiki/2019/d/de/T--TUDelft--ArrowPattern.png)
![Different Bacteria](https://static.igem.org/mediawiki/2019/d/d3/T--TUDelft--Sci-PhiKit.png)
Sci-Phi 29
A user-friendly platform that allows engineering your bacteria of choice through:
![Arrow split](https://static.igem.org/mediawiki/2019/9/9e/T--TUDelft--Arrowpatternsplit.png)
![Orthogonality](https://static.igem.org/mediawiki/2019/f/f0/T--TUDelft--logorepli.png)
To express genetic tools across multiple bacterial species, we were inspired by the replication machinery of the phi29 bacteriophage. Its unique protein-primed based replication greatly simplifies the design of replication systems. This system is able to replicate a linear piece of DNA by using only four proteins.
![Orthogonal Replication System](https://static.igem.org/mediawiki/2019/2/2d/T--TUDelft--orthoreplihome.png)
![Controllability](https://static.igem.org/mediawiki/2019/5/56/T--TUDelft--logocontrol.png)
To tackle the issue of variation in expression across bacterial species, we applied control systems thinking to achieve controllability.
We included the following variables in our model and experiments:
![Sci-Phi 29 applications](https://static.igem.org/mediawiki/2019/2/21/T--TUDelft--sci-phitogether.png)
To envision a future where our Sci-Phi 29 platform can be used to tackle a real world problem, we created a hypothetical use-case scenario. We theoretically applied Sci-Phi 29 to engineer P. putida to be able to convert microplastics from waste water streams.
Explore the microbial world with us!
We as a team are fascinated by this microbial diversity and wanted to share our fascination with the rest of the world. That is why our goal this year was to introduce the general public, from children to your neighbor to your teacher, to the hidden world of microbes. We organized multiple events because we wanted to make sure that everyone has access to the invisible microbial world.
Click here to meet our team!
![Team Picture](https://static.igem.org/mediawiki/2019/2/23/T--TUDelft--Team2.png)