|
|
Line 188: |
Line 188: |
| </section> | | </section> |
| <section class="text-center text-lg-left py-9 background-white"> | | <section class="text-center text-lg-left py-9 background-white"> |
− | <div id="highlight_head"> | + | |
− | <div style="position: absolute;top:180px;left:16%;height: 200px;width: 25px;background-image:linear-gradient(to bottom, rgb(252, 106, 8), rgb(0, 162, 255));">
| + | |
− |
| + | |
− | </div>
| + | |
− | <p style="position: relative; top: 0px; font-size:35px; text-indent: 60px; left: 20%; width: 60%; word-spacing: 15px;">
| + | |
− | In order to precisely control the velocity of biochemical reactions, we applied phase separation system coupled with light induction in E.coli.
| + | |
− | </p>
| + | |
− |
| + | |
− | </div>
| + | |
− | <div style="height: 10px;"></div>
| + | |
− | <div class = 'row index_para'>
| + | |
− | <div class="col-4"></div>
| + | |
− | <div class="col-1">
| + | |
− | <a class="video-modal" href="https://vimeo.com/367596666" data-start="16" data-end="168">
| + | |
− | <button style="background-image: linear-gradient(to right, #2f80ed, #56ccf2);">Watch Video</button>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | <div class="col-1"></div>
| + | |
− | <button style="background-image: linear-gradient(to right, #ed942f, #d84b20);" onclick="window.location.href='https://cloud.tsinghua.edu.cn/d/9fdab2b92ab0486b980b/'">Download Video</button>
| + | |
− | <div class="col-4"></div>
| + | |
− | </div>
| + | |
− | <div style="height: 90px;"></div>
| + | |
− | <div style="height:1px; width:100%; background: black;"></div>
| + | |
− | <div style="height: 20px;"></div>
| + | |
− | | + | |
− | <div>
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | <div class = "row" id="highlight1">
| + | |
− | <div class="col-1"></div>
| + | |
− | <div class = "col-4">
| + | |
− | <div style="position:relative">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/a/a6/T--Tsinghua--indexhighlight1.png" width="80%">
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-6">
| + | |
− | <div class="circle" style="position: absolute;left: -30px;top:3px;background-image: linear-gradient(to right, #2f80ed,#56ccf2);;"></div>
| + | |
− | <div class="index_para" style="width: 90%;"><h1>Phase separation system</h1>
| + | |
− | <p class="fs-3" style="margin: 1cm 0 1cm 0; text-indent: 1cm; text-align: justify;">We constructed the first artificial phase separation system ever in prokaryotes. These droplets in E.coli exhibit similar spherical shape and high fluidity as they were in eukaryotes. By creating membraneless organelles in a cell, phases could realize the redistribution of various targets, including proteins and small organic molecules.</p>
| + | |
− | <button style="background-image: linear-gradient(to right, #2f80ed,#56ccf2);" onclick="window.location.href='https://2019.igem.org/Team:Tsinghua/Demonstrate'">Read more</button>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="col-1"></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div style="height:100px"></div>
| + | |
− | <div class = "row" id="highlight2">
| + | |
− | <div class="col-2">
| + | |
− |
| + | |
− | </div>
| + | |
− | <div class="col-5">
| + | |
− | <div class="circle" style="position: absolute;left: -30px;top:3px;background-image: linear-gradient(to right,#fbc7d4, #9796f0);"></div>
| + | |
− | <div class="index_para" style="width: 100%;"><h1>Photo-activated switch</h1>
| + | |
− | <p class="fs-3" style="margin: 1cm 0 1cm 0; text-indent: 1cm;text-align: justify;">We use laser as a switch to control our system in a high spatial-temporal resolution. Within a few seconds, target proteins would redistribute into existing phases. After incubated in dark for several minutes, targets can reverse to previous smear state.</p>
| + | |
− | <button style="background-image: linear-gradient(to right, #fbc7d4, #9796f0);" onclick="window.location.href='https://2019.igem.org/Team:Tsinghua/Demonstrate'">Read more</button>
| + | |
− | </div>
| + | |
− |
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class = "col-4">
| + | |
− | <div style="position:relative">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/2/23/T--Tsinghua--indexhighlight2.png" width="100%">
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-1"></div>
| + | |
− | </div>
| + | |
− | <div class = "row" id="highlight3">
| + | |
− | <div class="col-1"></div>
| + | |
− | <div class = "col-4">
| + | |
− | <div style="position:relative">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/4/43/T--Tsinghua--indexhighlight3.jpg" width="80%">
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-6">
| + | |
− | <div class="circle" style="position: absolute;left: -30px;top:3px;background-image: linear-gradient(to right, #ffafbd,#ffc3a0);"></div>
| + | |
− | <div class="index_para" style="width: 85%;"><h1>Modelling our system</h1>
| + | |
− | <p class="fs-3" style="margin: 1cm 0 1cm 0; text-indent: 1cm;text-align: justify;">We modelled the phase separation system and coupled enzymatic reactions using a differential equation model and a collision model of chemical reactions. The model conceptually explained how phase separation would regulate downstream reactions, and provided insights for enzyme concentration and phase separation system selection. In addition, an interactive interface based on the model is presented on our wiki.</p>
| + | |
− | <button style="background-image: linear-gradient(to right, #ffafbd,#ffc3a0);" onclick="window.location.href='https://2019.igem.org/Team:Tsinghua/Model'">Read more</button>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="col-1"></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div style="height:150px"></div>
| + | |
− | <div class = "row" id="highlight4">
| + | |
− | <div class="col-2">
| + | |
− |
| + | |
− | </div>
| + | |
− | <div class="col-5">
| + | |
− | <div class="circle" style="position: absolute;left: -30px;top:3px;background-image: linear-gradient(to right, #ffe259,#ffa751);;"></div>
| + | |
− | <div class="index_para" style="width: 90%;"><h1>Downstream reactions</h1>
| + | |
− | <p class="fs-3" style="margin: 1cm 0 1cm 0; text-indent: 1cm;text-align: justify;">Enzymes of proper size could be recruited into phases by using photo-activated switch. Selecting substrates of proper solubility according to our model, we realized the regulation of enzymatic reactions.</p>
| + | |
− | <button style="background-image: linear-gradient(to right, #ffe259,#ffa751);" onclick="window.location.href='https://2019.igem.org/Team:Tsinghua/Demonstrate'">Read more</button>
| + | |
− | </div>
| + | |
− |
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class = "col-4">
| + | |
− | <div style="position:relative">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/c/c2/T--Tsinghua--indexhighlight4.jpg" style="float:right" width="80%">
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-1"></div>
| + | |
− | </div>
| + | |
− | <div style="height: 10px;"></div>
| + | |
− | <div class = "row" id="highlight5">
| + | |
− | <div class="col-1"></div>
| + | |
− | <div class = "col-4">
| + | |
− | <div style="position:relative">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/9/91/T--Tsinghua--indexhighlight5.png" width="90%">
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-6">
| + | |
− | <div class="circle" style="position: absolute;left: -30px;top:3px;background-image: linear-gradient(to right, #f8ffae,#43c6ac);;"></div>
| + | |
− | <div class="index_para" style="width: 84%;"><h1>Improvement</h1>
| + | |
− | <p class="fs-3" style="margin: 1cm 0 1cm 0; text-indent: 1cm;text-align: justify;">Enrichment of CRY2 in phase include both homo-aggregation of itself and hetero-aggregation of CRY2 and CIB1. By introducing point mutation to C terminal of CRY2, we attenuate homo-aggregation of CRY2 in dark, increasing the threshold of light induction. This improvement may also be helpful for teams who want to modify the sensitivity of their light-controlled information-processing system.</p>
| + | |
− | <button style="background-image: linear-gradient(to right, #f8ffae,#43c6ac);" onclick="window.location.href='https://2019.igem.org/Team:Tsinghua/Improvement'">Read more</button>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="col-1"></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div style="height: 90px;"></div>
| + | |
− | <div class = "row" id="highlight6">
| + | |
− | <div class="col-2">
| + | |
− |
| + | |
− | </div>
| + | |
− | <div class="col-5">
| + | |
− | <div class="circle" style="position: absolute;left: -30px;top:3px;background-image: linear-gradient(to left, #a8ff78,#78ffd6);;"></div>
| + | |
− | <div class="index_para" style="width: 90%;"><h1>More possibilities</h1>
| + | |
− | <p class="fs-3" style="margin: 1cm 0 1cm 0; text-indent: 1cm;text-align: justify;">Upon introducing this powerful tool in E.coli, there are much more prosperous applications waiting to be developed. We propose that by isolating specific material in phase, a uniform E.coli colony could grow into a society with cell differentiation.</p>
| + | |
− | <button style="background-image: linear-gradient(to left, #a8ff78,#78ffd6);" onclick="window.location.href='https://2019.igem.org/Team:Tsinghua/Results'">Read more</button>
| + | |
− | </div>
| + | |
− |
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class = "col-4">
| + | |
− | <div style="position:relative">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/4/48/T--Tsinghua--indexhighlight6.png" style="float:right" width="80%">
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-1"></div>
| + | |
− | </div>
| + | |
− | <div class = "row" id="highlight7">
| + | |
− | <div class="col-1"></div>
| + | |
− | <div class = "col-4">
| + | |
− | <div style="position:relative">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/a/a9/T--Tsinghua--indexhighlight7.png" width="90%">
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-6">
| + | |
− | <div class="circle" style="position: absolute;left: -30px;top:3px;background-image: linear-gradient(to right, #74ebd5,#acb6e5);;"></div>
| + | |
− | <div class="index_para" style="width: 84%;"><h1>Hardware</h1>
| + | |
− | <p class="fs-3" style="margin: 1cm 0 1cm 0; text-indent: 1cm;text-align: justify;">Depending on the manner of reversible amplification in phase, specific proteins can be used to create a biological register. Responding to laser stimulation, the distribution of fluorescence proteins would change, resulting in the variation in FRET signal, which can be detected by fluorescence reader.</p>
| + | |
− | <button style="background-image: linear-gradient(to right, #74ebd5,#acb6e5);" onclick="window.location.href='https://2019.igem.org/Team:Tsinghua/Results'">Read more</button>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="col-1"></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
| | | |
Line 803: |
Line 640: |
| <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/core.js&action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/core.js&action=raw&ctype=text/javascript"></script> |
| <!-- <script src="assets/js/particleanimate.js"></script> --> | | <!-- <script src="assets/js/particleanimate.js"></script> --> |
− | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/particleanimate.js&action=raw&ctype=text/javascript"></script> | + | <!-- <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/particleanimate.js&action=raw&ctype=text/javascript"></script> --> |
| <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.js&action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.js&action=raw&ctype=text/javascript"></script> |
| <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.min.js&action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.min.js&action=raw&ctype=text/javascript"></script> |
| </body> | | </body> |
| </html> | | </html> |