Difference between revisions of "Team:TUDelft"
| Line 10: | Line 10: | ||
<style> | <style> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
body{ | body{ | ||
background-color:#ffffff} | background-color:#ffffff} | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.Banner{ | .Banner{ | ||
| − | + | background: linear-gradient( rgba(188, 233, 246,1), rgba(251, 251, 251,1)); | |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size:100% 100%; | background-size:100% 100%; | ||
| Line 309: | Line 229: | ||
max-width: 100%; | max-width: 100%; | ||
position: relative; | position: relative; | ||
| + | margin:auto; | ||
} | } | ||
| Line 317: | Line 238: | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
| − | margin: 0 | + | margin: 0.6%; |
| + | margin-top:1%; | ||
background-color: #bbb; | background-color: #bbb; | ||
border-radius: 50%; | border-radius: 50%; | ||
display: inline-block; | display: inline-block; | ||
transition: background-color 0.6s ease; | transition: background-color 0.6s ease; | ||
| − | |||
| − | |||
} | } | ||
| Line 524: | Line 444: | ||
#my_centered_buttons { display: flex; justify-content: center; } | #my_centered_buttons { display: flex; justify-content: center; } | ||
| + | .centerfoto { | ||
| + | display: block; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | width: 85%; | ||
| + | } | ||
</style> | </style> | ||
| Line 529: | Line 455: | ||
<body> | <body> | ||
| − | + | <div class="Banner"> | |
| − | + | ||
| − | + | <div class="display-2 mb-0"> | |
| − | + | <div class="slideshow-container"> | |
| − | + | <br> | |
| − | + | <br> | |
| − | + | <br> | |
| + | <br> | ||
| + | <div class="mySlides fade"> | ||
| + | <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/c/c8/T--TUDelft--HomeAfter.png" alt="slide 1" > | ||
| − | + | </div> | |
| + | |||
| + | <div class="mySlides fade"> | ||
| + | <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/5/5b/T--TUDelft--HomeAfter5.png" alt="slide 2" > | ||
</div> | </div> | ||
| − | |||
| − | < | + | <div class="mySlides fade"> |
| − | + | ||
| − | + | ||
| − | + | <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/3/3b/T--TUDelft--HomeAfter8.png" alt="slide 3" > | |
| − | + | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <div class="mySlides fade"> | ||
| + | |||
| + | <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/2/2e/T--TUDelft--HomeAfter4.png" alt="slide 4" > | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="mySlides fade"> | ||
| + | |||
| + | <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/e/e4/T--TUDelft--HomeAfter3.png" alt="slide 5" > | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="mySlides fade"> | ||
| + | |||
| + | <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/9/95/T--TUDelft--HomeAfter7.png" alt="slide 6" > | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="mySlides fade"> | ||
| + | |||
| + | <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/8/85/T--TUDelft--HomeAfter6.png" alt="slide 7" > | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="mySlides fade"> | ||
| + | |||
| + | <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/e/e3/T--TUDelft--HomeAfter2.png" alt="slide 8" > | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div style="text-align:center"> | ||
| + | <span class="dot" onclick="currentSlide(1)"></span> | ||
| + | <span class="dot" onclick="currentSlide(2)"></span> | ||
| + | <span class="dot" onclick="currentSlide(3)"></span> | ||
| + | <span class="dot" onclick="currentSlide(4)"></span> | ||
| + | <span class="dot" onclick="currentSlide(5)"></span> | ||
| + | <span class="dot" onclick="currentSlide(6)"></span> | ||
| + | <span class="dot" onclick="currentSlide(7)"></span> | ||
| + | <span class="dot" onclick="currentSlide(8)"></span> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
<div style="background-color:#fbfbfb;"> | <div style="background-color:#fbfbfb;"> | ||
| Line 862: | Line 837: | ||
AOS.init(); | AOS.init(); | ||
| + | |||
| + | var slideIndex = 1; | ||
| + | var timer = null; | ||
| + | showSlides(slideIndex); | ||
| + | |||
| + | function plusSlides(n) { | ||
| + | clearTimeout(timer); | ||
| + | showSlides(slideIndex += n); | ||
| + | } | ||
| + | |||
| + | function currentSlide(n) { | ||
| + | clearTimeout(timer); | ||
| + | showSlides(slideIndex = n); | ||
| + | } | ||
| + | |||
| + | function showSlides(n) { | ||
| + | var i; | ||
| + | var slides = document.getElementsByClassName("mySlides"); | ||
| + | var dots = document.getElementsByClassName("dot"); | ||
| + | if (n==undefined){n = ++slideIndex} | ||
| + | if (n > slides.length) {slideIndex = 1} | ||
| + | if (n < 1) {slideIndex = slides.length} | ||
| + | for (i = 0; i < slides.length; i++) { | ||
| + | slides[i].style.display = "none"; | ||
| + | } | ||
| + | for (i = 0; i < dots.length; i++) { | ||
| + | dots[i].className = dots[i].className.replace(" active", ""); | ||
| + | } | ||
| + | slides[slideIndex-1].style.display = "block"; | ||
| + | dots[slideIndex-1].className += " active"; | ||
| + | timer = setTimeout(showSlides, 4500); | ||
| + | } | ||
var $st = $('.pagination'); | var $st = $('.pagination'); | ||
| Line 911: | Line 918: | ||
}) | }) | ||
| + | |||
</script> | </script> | ||
Revision as of 06:19, 6 December 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.
hm
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?
Sci-Phi 29
A user-friendly platform that allows engineering your bacteria of choice through:
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.
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:
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.
Find out more about other aspects of our project
Click here to meet our team!
