Difference between revisions of "Team:Tsinghua/Description"

(Prototype team page)
 
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Tsinghua}}
 
{{Tsinghua}}
<html>
+
<html lang="en-US">
 
+
<head>
<div class="column full_size judges-will-not-evaluate">
+
    <meta charset="utf-8">
<h3> ALERT! </h3>
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<p>This page is used by the judges to evaluate your team for the <a href="https://2019.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2019.igem.org/Judging/Awards"> award listed below</a>. </p>
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2019.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
    <!-- -->
</div>
+
    <!--    Document Title-->
 
+
    <!-- =============================================-->
 
+
    <title>iGEM Tsinghua</title>
<div class="clear"></div>
+
    <!--  -->
 
+
    <!--    Favicons-->
<div class="column full_size">
+
    <!--    =============================================-->
<h1>Project Inspiration and Description </h1>
+
    <!-- <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png">
<h3>NEW: Bronze Medal Criterion #4</h3>
+
        <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png">
 
+
        <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
<p>Document how and why you chose your iGEM project on this page. Reference work outside or inside of iGEM that inspired your project, how you selected your project goal, and why you thought this project was a useful application of synthetic biology. Finally, provide a clear and concise description of what you plan on doing for your project.</p>
+
        <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicons/favicon.ico">
 
+
        <link rel="manifest" href="assets/images/favicons/manifest.json">
<p>To be eligible for this award, you must add clear documentation to this page and delete the alert box at the top of this page.</p>
+
        <link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#5bbad5">
 
+
        <meta name="msapplication-TileImage" content="assets/images/favicons/mstile-150x150.png">
</div>
+
        <meta name="theme-color" content="#ffffff">
 
+
    -->
 
+
    <!--    Stylesheets-->
 
+
    <!--    =============================================-->
<div class="column two_thirds_size">
+
    <!-- Default stylesheets-->
<h3>What should this page contain?</h3>
+
    <!-- <link href="assets/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> -->
<ul>
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/bootstrap.min.css&action=raw&ctype=text/css" >
<li> A clear and concise description of your project.</li>
+
   
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
    <!-- Template specific stylesheets-->
<li>References and sources to document your research.</li>
+
    <!-- <link href="assets/lib/loaders.css/loaders.min.css" rel="stylesheet"> -->
<li>Use illustrations and other visual resources to explain your project.</li>
+
    <link href="https://fonts.googleapis.com/css?family=Hind+Madurai:300,400,500,600,700|Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet">
</ul>
+
    <!-- <link href="assets/lib/hamburgers/dist/hamburgers.min.css" rel="stylesheet"> -->
</div>
+
    <!-- <link href="assets/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"> -->
 
+
    <!-- <link href="assets/lib/lightbox2/dist/css/lightbox.css" rel="stylesheet"> -->
<div class="column third_size" >
+
    <!-- <link href="assets/lib/flexslider/flexslider.css" rel="stylesheet"> -->
<div class="highlight decoration_A_full">
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/flexslider2.css&action=raw&ctype=text/css" >
<h3>Inspiration</h3>
+
   
<p>See how other teams have described and presented their projects: </p>
+
    <!-- Main stylesheet and color file-->
 
+
    <!-- <link href="assets/css/style.css" rel="stylesheet"> -->
<ul>
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/font-awesome.min.css&action=raw&ctype=text/css">
<li><a href="https://2016.igem.org/Team:Imperial_College/Description">2016 Imperial College</a></li>
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/style.css&action=raw&ctype=text/css" >
<li><a href="https://2016.igem.org/Team:Wageningen_UR/Description">2016 Wageningen UR</a></li>
+
   
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> 2014 UC Davis</a></li>
+
    <!-- <link href="assets/css/custom.css" rel="stylesheet"> </head> -->
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">2014 SYSU Software</a></li>
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/custom.css&action=raw&ctype=text/css" >
</ul>
+
   
</div>
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/remodal.css&action=raw&ctype=text/css" >
</div>
+
   
 
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/remodal-default-theme.css&action=raw&ctype=text/css" >
 
+
    <style>
 
+
        *{margin:0;padding:0;}
 
+
        .box{height:1px;width:1%;background:#ccc;}
<div class="column two_thirds_size" >
+
        .progress{position:fixed;top:1rem; z-index:9999;height:5px;background-image: linear-gradient(to right, rgb(252, 141, 15),rgb(14, 178, 243));}
<h3>Advice on writing your Project Description</h3>
+
    </style>
 
+
</head>  
<p>
+
<body data-spy="scroll" data-target=".inner-link" data-offset="60">
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be concise, accurate, and unambiguous in your achievements.  
+
    <main>
 +
       
 +
        <div class="loading" id="preloader">
 +
            <div class="h-100vh d-flex align-items-center justify-content-center background-white">
 +
                <div>                       
 +
                    <img src="https://static.igem.org/mediawiki/2019/1/15/T--Tsinghua--loading.gif" style="width:5%;  position:absolute; left: 46%; top: 43%">
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="sticky-lg-top pt-4" style="z-index: 1000;">
 +
            <div style="background: rgba(30, 30, 30, 0.936);position: absolute; width: 100%; height: 10rem;top:-3.2rem;"></div>
 +
            <div class="znav-container znav-transparent sticky-lg-top pt-4 mt-0" id="znav-container" style="left:10%">
 +
               
 +
                <div class="container">
 +
                    <img src="https://static.igem.org/mediawiki/2019/b/be/T--Tsinghua--logo.png" style="width: 8%;position: absolute;left: -6%;">
 +
                    <nav class="navbar navbar-expand-lg">
 +
                       
 +
                        <a class="navbar-brand overflow-hidden pr-3 fs-3" href="https://2019.igem.org/Team:Tsinghua">
 +
                           
 +
                            iGEM
 +
                            <span class="d-none d-lg-inline-block">Tsinghua</span>
 +
                        </a>
 +
                        <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 +
                            <div class="hamburger hamburger--emphatic">
 +
                                <div class="hamburger-box">
 +
                                    <div class="hamburger-inner"></div>
 +
                                   
 +
                                </div>
 +
                            </div>
 +
                        </button> -->
 +
                        <div class="collapse navbar-collapse" id="navbarNavDropdown">
 +
                            <ul class="navbar-nav font-2 fs-1">
 +
                                <li>
 +
                                    <a href="https://2019.igem.org/Team:Tsinghua"><span class="fa fa-home"></span> Home</a>
 +
                                   
 +
                                </li>
 +
                                <li>
 +
                                    <a href="JavaScript:void(0)"><span class="fa fa-group"></span> Team</a>
 +
                                    <ul class="dropdown fs-0">
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Team">Members</a>
 +
                                        </li> 
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Collaborations">Collaborations</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Notebook">Notebook</a>
 +
                                        </li>
 +
                                       
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Attributions">Attributions</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Design">Design</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="JavaScript:void(0)"><span class="fa fa-flask"></span> Project</a>
 +
                                    <ul class="dropdown fs-0">
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Description">Description</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Experiments">Experiments</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Demonstrate">Results</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Measurement">Measurement</a>
 +
                                        </li>
 +
                                       
 +
                                    </ul>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="JavaScript:void(0)"><span class="fa fa-cube"></span> Model</a>
 +
                                    <ul class="dropdown fs-0">
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Model">Part I</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Model2">Part II</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Model3">Part III</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="JavaScript:void(0)"><span class="fa fa-gears"></span> Parts</a>
 +
                                    <ul class="dropdown fs-0">
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Improvement">Improvement</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Characterization">Characterization</a>
 +
                                        </li>
 +
                                       
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Chart">Chart Form</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                               
 +
                                <li>
 +
                                    <a href="JavaScript:void(0)"><span class="fa fa-male"></span> Human Practices</a>
 +
                                    <ul class="dropdown fs-0">
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Human_Practices">General</a>
 +
                                        </li>
 +
                                       
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Integrated">Integrated</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Safety">Safety</a>
 +
                                        </li>
 +
                                       
 +
                                    </ul>
 +
                                </li>
 +
                            </ul>
 +
                           
 +
                        </div>
 +
                       
 +
                    </nav>
 +
                   
 +
                </div>
 +
            </div>
 +
        </div>
 +
<section class="py-0 overflow-hidden">
 +
<div class="background-holder overlay overlay-2 parallax" style="background-image:url(https://static.igem.org/mediawiki/2019/9/95/T--Tsinghua--subpage1_project.jpg);"> </div>
 +
<!--/.background-holder-->
 +
<div class="container">
 +
<div class="row align-items-center justify-content-center text-center pt-8 pb-6" style="height: 50vh; min-height: 300px;" data-zanim-timeline="{}" data-zanim-trigger="scroll">
 +
<div class="col">
 +
<div class="overflow-hidden">
 +
<h1 class="color-white fs-5 fs-lg-7"  > Project Inspiration and Description </h1>
 +
</div>
 +
</div>
 +
</div>
 +
<!--/.row-->
 +
</div>
 +
<!--/.container-->
 +
</section>
 +
 +
<section>
 +
<div class="container">
 +
<div class="row no-gutters">
 +
 +
<p class="dropcap">Our group developed a system named PhASE, or Photo-Activated Switch in E.coli as an approach to manipulating cellular activities. Our system is based on liquid-liquid phase separation (LLPS) and the light-induced protein-protein interaction (PPI) pairs, through which we can redistribute biomolecules into artificially-induced subcellular liquid-phase micro-compartments in a spatio-temporal and reversible manner, and thus regulate enzymatic catalysis and induce cell heterogeneity. </p>
 +
<p></p>
 +
<div class="col-12">
 +
<img src="https://static.igem.org/mediawiki/2019/0/0e/T--Tsinghua--des1.png" alt="" />
 +
<p></p>
 +
<p></p>
 +
</div>
 +
 +
 +
<p class="dropcap">When we were going through the previous iGEM projects trying to devise our own, we noticed that almost all the previous projects focused on engineering at molecular scale, namely nanoscale, where gene expression circuits and signal transduction pathways were modified and regulated. In this way tissues and individuals at macro scale could be adjusted. However, there were rarely any projects targeting engineering at mesoscale, or subcellular scale, a scale that includes different kinds of organelles such as mitochondria and lysosomes. Few such projects as there were, mesoscale engineering is too important to be ignored because of the importance of these organelles to compartmentalize the intracellular environment, make it well-organized, and maximize the overall efficiency of cellular activities. We immediately agreed that it would be truly awesome if we could engineer at mesoscale to manipulate cellular activities and would probably provide a novel approach to previous iGEM obstacles, and even to solutions of ever unsolved synthetic biological problems.</p>
 +
        <p></p>
 +
        <div class="col-12">
 +
<img src="https://static.igem.org/mediawiki/2019/c/ce/T--Tsinghua--des2.png" alt="" />
 +
<p></p>
 +
                        <p></p>
 +
</div>
 +
                       
 +
<p class="dropcap">We decided to try this idea in E. coli first for two reasons. Firstly, E. coli is such a simple model organism that it would be easier to engineer than eukaryotic cell. Besides, the fact that E. coli has no mesoscale organelles could make it more obvious to test the effect of mesoscale engineering. Thinking about a specific plan for such engineering, we were inspired by the polymer physical conception of LLPS that has been extensively studied in biological researches in the past ten years, especially by Clifford P. Brangwynne’s work on the development of technologies for light-activated control of intracellular phase transitions. Phase separation condensate was found to be a great platform of mesoscale engineering and optical induction was a great tool for spatio-temporal and reversible regulation. This is how the idea of PhASE was conceived.</p>
 +
        <p></p>
 +
       
 +
 +
<p class="dropcap">
 +
We saw a broad application prospect of PhASE, among which we finally selected two that matter the most to cells to put into practice: the control of cellular reaction efficiency and induction of cell heterogeneity. The enzymatic reaction is the main way cells perform their functions and compartmentalization makes it possible for numerous reactions to be carried out simultaneously. Cell heterogeneity is the key to cell differentiation and biological development, as well as a critical step taken by unicellular organisms towards multicellular organisms in evolution. With these two crucial biological processes successfully engineered at mesoscale in E. Coli, we anticipate our work to be a novel approach to cellular activity modification in E.coli and a starting point for more sophisticated cellular manipulation in a wealth of organisms.
 
</p>
 
</p>
 +
<p></p>
 +
<p></p>
 +
 +
<h3>References:</h3>
 +
<p>Li, P., Banjade, S., Cheng, H. C., Kim, S., Chen, B., Guo, L., ... & Russo, P. S. (2012). Phase transitions in the assembly of multivalent signalling proteins. Nature, 483(7389), 336.</p>
  
</div>
+
<p>Shin, Y., Berry, J., Pannucci, N., Haataja, M. P., Toettcher, J. E., & Brangwynne, C. P. (2017). Spatiotemporal control of intracellular phase transitions using light-activated optoDroplets. Cell, 168(1-2), 159-171.</p>
 
+
<div class="column third_size">
+
<h3>References</h3>
+
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
+
 
+
</div>
+
 
+
 
+
 
+
 
+
 
+
  
</html>
+
<p>Shin, Y., Chang, Y. C., Lee, D. S., Berry, J., Sanders, D. W., Ronceray, P., ... & Brangwynne, C. P. (2018). Liquid nuclear condensates mechanically sense and restructure the genome. Cell, 175(6), 1481-1491.</p>
 +
<p></p>
 +
<p></p>
 +
</div>
 +
                           
 +
                          </div> 
 +
 +
<!--/.container-->
 +
</section>
 +
            <section class="text-center pb-3">
 +
                    <div class="background-holder overlay overlay-2" style="background-image:url(https://static.igem.org/mediawiki/2019/f/fb/T--Tsinghua--footimg.png);background-position: top;"> </div>
 +
                    <!--/.background-holder-->
 +
                    <div class="container">
 +
                        <div class="row justify-content-center">
 +
                            <div class="col-12">
 +
                                <h4 class="mb-4 color-white">Thanks for your support !</h4>
 +
                               
 +
                            </div>
 +
                            <div style="height: 30px;"></div>
 +
                            <div class ="row">
 +
                               
 +
                                <div class="col-2">
 +
                                </div>
 +
                                <div class="col-2">
 +
                                    <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
 +
                                        <img src="https://static.igem.org/mediawiki/2019/f/f2/T--Tsinghua--colab_bitlogo2.png" style="width: 50%;">
 +
                                    </a>
 +
                                   
 +
                                </div>
 +
                                <div class="col-2">
 +
                                    <a href="https://2019.igem.org/Team:Peking/Collaborations" target="_blank">
 +
                                        <img src="https://static.igem.org/mediawiki/2019/b/bf/T--Tsinghua--colab_pkulogo3.png" style="width:50%;">
 +
                                    </a>
 +
                                </div>
 +
                                <div class="col-2">
 +
                                    <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
 +
                                        <img src="https://static.igem.org/mediawiki/2019/1/16/T--Tsinghua--colab_bitlogo3.png" style="width:50%;">
 +
                                    </a>
 +
                                </div>
 +
                               
 +
                                <div class="col-2">
 +
                                    <a href="https://2019.igem.org/Team:SJTU-BioX-Shanghai/Collaborations#section4" target="_blank">
 +
                                        <img src="https://static.igem.org/mediawiki/2019/1/12/T--Tsinghua--sj3.jpg" style="width: 50%;">
 +
                                    </a>
 +
                                </div>
 +
                                <div class="col-2">
 +
                                </div>
 +
                               
 +
                            </div>
 +
                            <div style="height: 1cm;"></div>
 +
                            <div class="row">
 +
                                <div class="col-3"></div>
 +
                                <div class="col-2">
 +
                                    <a href="https://2019.igem.org/Team:Peking/Collaborations" target="_blank">
 +
                                        <img src="https://static.igem.org/mediawiki/2019/2/2e/T--Tsinghua--colab_pkulogo.png">
 +
                                    </a>
 +
                                </div>
 +
                                <div class="col-2">
 +
                                    <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
 +
                                        <img src="https://static.igem.org/mediawiki/2019/4/4a/T--Tsinghua--colab_bitlogo.png">
 +
                                    </a>
 +
                                </div>
 +
                                <div class="col-2">
 +
                                    <a href="https://2019.igem.org/Team:SJTU-BioX-Shanghai/Collaborations#section4" target="_blank">
 +
                                        <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Tsinghua--Colab_sj2.png">
 +
                                    </a>
 +
                                </div>
 +
                                <div class="col-3">
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="row mt-8 fs--1">
 +
                            <div class="col-lg-auto ml-lg-auto order-lg-2 mb-2 mb-lg-0">
 +
                                <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua">Home</a>
 +
                                <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Team</a>
 +
                                <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Description">Project</a>
 +
                                <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Model">Model</a>
 +
                                <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Improvement">Parts</a>
 +
                                <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Human_Practices">HP</a>
 +
                                <a class="d-inline-block mx-2 color-8" href="mailto:igem.thu@outlook.com"><span class="fa fa-envelope"></span> Contact Us</a>
 +
                                <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Experiments">Next Page <span class="fa fa-chevron-right"></span></span></a>
 +
                            </div>
 +
                            <div class="col-lg text-lg-left">
 +
                                <div class="color-8">&copy; Tsinghua iGEM 2019
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!--/.row-->
 +
                   
 +
                    <!--/.container-->
 +
                </section>
 +
            </main>
 +
            <!--  -->
 +
            <!--    JavaScripts-->
 +
            <!--    =============================================-->
 +
            <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> -->
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/modernizr.min.js&action=raw&ctype=text/javascript"></script>
 +
           
 +
            <!-- <script src="assets/lib/jquery/dist/jquery.min.js"></script> -->
 +
            <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> -->
 +
            <!-- <script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script> -->
 +
            <!-- <script src="assets/js/googlemap.js"></script> -->
 +
           
 +
            <!-- <script src="assets/lib/imagesloaded/imagesloaded.pkgd.min.js"></script> -->
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/imagesloaded.pkgd.min.js&action=raw&ctype=text/javascript"></script>
 +
            <!-- <script src="assets/lib/jquery-menu-aim/jquery.menu-aim.js"></script> -->
 +
            <!-- <script src="assets/lib/gsap/src/minified/TweenMax.min.js"></script> -->
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/TweenMax.min.js&action=raw&ctype=text/javascript"></script>
 +
           
 +
            <!-- <script src="assets/lib/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script> -->
 +
            <!-- <script src="assets/lib/CustomEase.min.js"></script> -->
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/CustomEase.min.js&action=raw&ctype=text/javascript"></script>
 +
           
 +
            <!-- <script src="assets/js/config.js"></script> -->
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/config.js&action=raw&ctype=text/javascript"></script>
 +
           
 +
            <!-- <script src="assets/lib/rellax/rellax.min.js"></script> -->
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/rellax.min.js&action=raw&ctype=text/javascript"></script>
 +
           
 +
            <!-- <script src="assets/js/zanimation.js"></script> -->
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/zanimation.js&action=raw&ctype=text/javascript"></script>
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/inertia.js&action=raw&ctype=text/javascript"></script>
 +
           
 +
            <!-- <script src="assets/js/inertia.js"></script> -->
 +
            <!-- <script src="assets/lib/lightbox2/dist/js/lightbox.js"></script> -->
 +
            <!-- <script src="assets/lib/flexslider/jquery.flexslider-min.js"></script> -->
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/jquery.flexslider-min.js&action=raw&ctype=text/javascript"></script>
 +
           
 +
            <!-- <script src="assets/js/core.js"></script> -->
 +
            <!-- <script src="assets/js/main.js"></script> -->
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/main.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 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.min.js&action=raw&ctype=text/javascript"></script>
 +
            <script>
 +
                (function(){
 +
                    let pageHeight = document.body.scrollHeight || document.documentElement.scrollHeight; // 页面总高度
 +
                    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight; // 浏览器视口高度
 +
                    let scrollAvail = pageHeight - windowHeight; // 可滚动的高度
 +
                    console.log('可滚动的高度:', scrollAvail);
 +
                    window.onscroll = function () {
 +
                        let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;  // 获取滚动条的高度
 +
                        console.log('滚动条的高度:', scrollTop);
 +
                        document.querySelector('.progress').style.width = (scrollTop/scrollAvail)*100 + '%';    // 计算占比
 +
                    };
 +
                }());
 +
            </script>
 +
        </body>
 +
        <body>
 +
            <div class="progress"></div>
 +
            <div>
 +
                <div class="box">1</div>
 +
            </div>
 +
        </body>
 +
        </html>

Latest revision as of 02:13, 22 October 2019

iGEM Tsinghua

Project Inspiration and Description

Our group developed a system named PhASE, or Photo-Activated Switch in E.coli as an approach to manipulating cellular activities. Our system is based on liquid-liquid phase separation (LLPS) and the light-induced protein-protein interaction (PPI) pairs, through which we can redistribute biomolecules into artificially-induced subcellular liquid-phase micro-compartments in a spatio-temporal and reversible manner, and thus regulate enzymatic catalysis and induce cell heterogeneity.

When we were going through the previous iGEM projects trying to devise our own, we noticed that almost all the previous projects focused on engineering at molecular scale, namely nanoscale, where gene expression circuits and signal transduction pathways were modified and regulated. In this way tissues and individuals at macro scale could be adjusted. However, there were rarely any projects targeting engineering at mesoscale, or subcellular scale, a scale that includes different kinds of organelles such as mitochondria and lysosomes. Few such projects as there were, mesoscale engineering is too important to be ignored because of the importance of these organelles to compartmentalize the intracellular environment, make it well-organized, and maximize the overall efficiency of cellular activities. We immediately agreed that it would be truly awesome if we could engineer at mesoscale to manipulate cellular activities and would probably provide a novel approach to previous iGEM obstacles, and even to solutions of ever unsolved synthetic biological problems.

We decided to try this idea in E. coli first for two reasons. Firstly, E. coli is such a simple model organism that it would be easier to engineer than eukaryotic cell. Besides, the fact that E. coli has no mesoscale organelles could make it more obvious to test the effect of mesoscale engineering. Thinking about a specific plan for such engineering, we were inspired by the polymer physical conception of LLPS that has been extensively studied in biological researches in the past ten years, especially by Clifford P. Brangwynne’s work on the development of technologies for light-activated control of intracellular phase transitions. Phase separation condensate was found to be a great platform of mesoscale engineering and optical induction was a great tool for spatio-temporal and reversible regulation. This is how the idea of PhASE was conceived.

We saw a broad application prospect of PhASE, among which we finally selected two that matter the most to cells to put into practice: the control of cellular reaction efficiency and induction of cell heterogeneity. The enzymatic reaction is the main way cells perform their functions and compartmentalization makes it possible for numerous reactions to be carried out simultaneously. Cell heterogeneity is the key to cell differentiation and biological development, as well as a critical step taken by unicellular organisms towards multicellular organisms in evolution. With these two crucial biological processes successfully engineered at mesoscale in E. Coli, we anticipate our work to be a novel approach to cellular activity modification in E.coli and a starting point for more sophisticated cellular manipulation in a wealth of organisms.

References:

Li, P., Banjade, S., Cheng, H. C., Kim, S., Chen, B., Guo, L., ... & Russo, P. S. (2012). Phase transitions in the assembly of multivalent signalling proteins. Nature, 483(7389), 336.

Shin, Y., Berry, J., Pannucci, N., Haataja, M. P., Toettcher, J. E., & Brangwynne, C. P. (2017). Spatiotemporal control of intracellular phase transitions using light-activated optoDroplets. Cell, 168(1-2), 159-171.

Shin, Y., Chang, Y. C., Lee, D. S., Berry, J., Sanders, D. W., Ronceray, P., ... & Brangwynne, C. P. (2018). Liquid nuclear condensates mechanically sense and restructure the genome. Cell, 175(6), 1481-1491.

Thanks for your support !

1