Difference between revisions of "Team:Tsinghua"

Line 58: Line 58:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <div class="znav-container znav-transparent mt-4" id="znav-container">
+
         <div class="sticky-lg-top pt-4">
            <div class="container">
+
            <div class="znav-container znav-transparent mt-4" id="znav-container">
                <img src="https://static.igem.org/mediawiki/2019/b/be/T--Tsinghua--logo.png" style="width: 8%;position: absolute;left: -6%;">
+
                <div class="container">
                <nav class="navbar navbar-expand-lg">
+
                    <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
+
                         <a class="navbar-brand overflow-hidden pr-3 fs-3" href="https://2019.igem.org/Team:Tsinghua">
                        <span class="d-none d-lg-inline-block">Tsinghua</span>
+
                           
                    </a>
+
                            iGEM
                    <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+
                            <span class="d-none d-lg-inline-block">Tsinghua</span>
                        <div class="hamburger hamburger--emphatic">
+
                        </a>
                            <div class="hamburger-box">
+
                        <!-- <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-inner"></div>
+
                            <div class="hamburger hamburger--emphatic">
                                  
+
                                <div class="hamburger-box">
 +
                                    <div class="hamburger-inner"></div>
 +
                                   
 +
                                 </div>
 
                             </div>
 
                             </div>
                         </div>
+
                         </button> -->
                    </button> -->
+
                        <div class="collapse navbar-collapse" id="navbarNavDropdown">
                    <div class="collapse navbar-collapse" id="navbarNavDropdown">
+
                            <ul class="navbar-nav font-2 fs-1">
                        <ul class="navbar-nav font-2 fs-1">
+
                                <li>
                            <li>
+
                                    <a href="https://2019.igem.org/Team:Tsinghua"><span class="fa fa-home"></span> Home</a>
                                <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>
+
                                </li>
                                         <a href="https://2019.igem.org/Team:Tsinghua/Attributions">Attributions</a>
+
                                <li>
                                    </li>
+
                                     <a href="JavaScript:void(0)"><span class="fa fa-group"></span> Team</a>
                                    <li>
+
                                    <ul class="dropdown fs-0">
                                        <a href="https://2019.igem.org/Team:Tsinghua/Design">Design</a>
+
                                        <li>
                                    </li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Team">Members</a>
                                </ul>
+
                                         </li> 
                            </li>
+
                                        <li>
                            <li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Collaborations">Collaborations</a>
                                <a href="JavaScript:void(0)"><span class="fa fa-flask"></span> Project</a>
+
                                        </li>
                                <ul class="dropdown fs-0">
+
                                        <li>
                                    <li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Notebook">Notebook</a>
                                        <a href="https://2019.igem.org/Team:Tsinghua/Description">Description</a>
+
                                        </li>
                                    </li>
+
                                       
                                    <li>
+
                                        <li>
                                        <a href="https://2019.igem.org/Team:Tsinghua/Experiments">Experiments</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Attributions">Attributions</a>
                                    </li>
+
                                        </li>
                                    <li>
+
                                        <li>
                                        <a href="https://2019.igem.org/Team:Tsinghua/Demonstrate">Results</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Design">Design</a>
                                    </li>
+
                                        </li>
                                   
+
                                    </ul>
                                </ul>
+
                                </li>
                            </li>
+
                                <li>
                            <li>
+
                                    <a href="JavaScript:void(0)"><span class="fa fa-flask"></span> Project</a>
                                <a href="JavaScript:void(0)"><span class="fa fa-cube"></span> Model</a>
+
                                    <ul class="dropdown fs-0">
                                <ul class="dropdown fs-0">
+
                                        <li>
                                    <li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Description">Description</a>
                                        <a href="https://2019.igem.org/Team:Tsinghua/Model">Part I</a>
+
                                        </li>
                                    </li>
+
                                        <li>
                                    <li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Experiments">Experiments</a>
                                        <a href="https://2019.igem.org/Team:Tsinghua/Model2">Part II</a>
+
                                        </li>
                                    </li>
+
                                        <li>
                                    <li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Demonstrate">Results</a>
                                        <a href="https://2019.igem.org/Team:Tsinghua/Model3">Part III</a>
+
                                        </li>
                                    </li>
+
                                       
                                </ul>
+
                                    </ul>
                            </li>
+
                                </li>
                            <li>
+
                                <li>
                                <a href="JavaScript:void(0)"><span class="fa fa-gears"></span> Parts</a>
+
                                    <a href="JavaScript:void(0)"><span class="fa fa-cube"></span> Model</a>
                                <ul class="dropdown fs-0">
+
                                    <ul class="dropdown fs-0">
                                    <li>
+
                                        <li>
                                        <a href="https://2019.igem.org/Team:Tsinghua/Improvement">Improvement</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Model">Part I</a>
                                    </li>
+
                                        </li>
                                    <li>
+
                                        <li>
                                        <a href="https://2019.igem.org/Team:Tsinghua/Composite">Composite</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Model2">Part II</a>
                                    </li>
+
                                        </li>
                                   
+
                                        <li>
                                    <li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Model3">Part III</a>
                                        <a href="https://2019.igem.org/Team:Tsinghua/Basic">Basic Part</a>
+
                                        </li>
                                     </li>
+
                                    </ul>
                                 </ul>
+
                                </li>
                            </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/Composite">Composite</a>
 +
                                        </li>
 +
                                       
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Basic">Basic Part</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">Overview</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/General">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>
 
                              
 
                              
                            <li>
+
                         </div>
                                <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">Overview</a>
+
                                    </li>
+
                                    <li>
+
                                        <a href="https://2019.igem.org/Team:Tsinghua/General">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>
 
                      
 
                      
                 </nav>
+
                 </div>
               
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
       
 
 
         <div class="flexslider flexslider-simple h-box parallax">
 
         <div class="flexslider flexslider-simple h-box parallax">
 
             <div id="whiteMask"><a href="#afterwhiteMask">
 
             <div id="whiteMask"><a href="#afterwhiteMask">
Line 330: Line 331:
 
                     <div style="height: 90px;"></div>
 
                     <div style="height: 90px;"></div>
 
                 </div>
 
                 </div>
                               
+
               
 
             </div>
 
             </div>
 
             <div style="height: 10px;"></div>
 
             <div style="height: 10px;"></div>
Line 491: Line 492:
 
              
 
              
 
             <div class="container background-white" >
 
             <div class="container background-white" >
                    <video width="100%"  controls>
+
                <video width="100%"  controls>
                        <source src="https://static.igem.org/mediawiki/2019/f/f7/T--Tsinghua--video1.mp4" type="video/mp4">
+
                    <source src="https://static.igem.org/mediawiki/2019/f/f7/T--Tsinghua--video1.mp4" type="video/mp4">
                           
+
                    </video>
+
            </div>
+
        </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>
+
                     </video>
                    <div style="height: 30px;"></div>
+
                </div>
                    <div class ="row">
+
            </section>
                       
+
            <section class="text-center pb-3">
                        <div class="col-2">
+
                <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>
                        </div>
+
                <!--/.background-holder-->
                        <div class="col-2">
+
                <div class="container">
                            <img src="https://static.igem.org/mediawiki/2019/f/f2/T--Tsinghua--colab_bitlogo2.png" style="width: 50%;">
+
                    <div class="row justify-content-center">
 +
                        <div class="col-12">
 +
                            <h4 class="mb-4 color-white">Thanks for your support !</h4>
 
                              
 
                              
 
                         </div>
 
                         </div>
                         <div class="col-2">
+
                        <div style="height: 30px;"></div>
                             <img src="https://static.igem.org/mediawiki/2019/b/bf/T--Tsinghua--colab_pkulogo3.png" style="width:50%;">
+
                         <div class ="row">
                        </div>
+
                           
                        <div class="col-2">
+
                            <div class="col-2">
                            <img src="https://static.igem.org/mediawiki/2019/1/16/T--Tsinghua--colab_bitlogo3.png" style="width:50%;">
+
                             </div>
                        </div>
+
                            <div class="col-2">
                       
+
                                <img src="https://static.igem.org/mediawiki/2019/f/f2/T--Tsinghua--colab_bitlogo2.png" style="width: 50%;">
                        <div class="col-2">
+
                               
                            <img src="https://static.igem.org/mediawiki/2019/1/12/T--Tsinghua--sj3.jpg" style="width: 50%;">
+
                            </div>
 +
                            <div class="col-2">
 +
                                <img src="https://static.igem.org/mediawiki/2019/b/bf/T--Tsinghua--colab_pkulogo3.png" style="width:50%;">
 +
                            </div>
 +
                            <div class="col-2">
 +
                                <img src="https://static.igem.org/mediawiki/2019/1/16/T--Tsinghua--colab_bitlogo3.png" style="width:50%;">
 +
                            </div>
 +
                           
 +
                            <div class="col-2">
 +
                                <img src="https://static.igem.org/mediawiki/2019/1/12/T--Tsinghua--sj3.jpg" style="width: 50%;">
 +
                               
 +
                            </div>
 +
                            <div class="col-2">
 +
                            </div>
 
                              
 
                              
 
                         </div>
 
                         </div>
                         <div class="col-2">
+
                        <div style="height: 1cm;"></div>
 +
                         <div class="row">
 +
                            <div class="col-3"></div>
 +
                            <div class="col-2">
 +
                                <img src="https://static.igem.org/mediawiki/2019/2/2e/T--Tsinghua--colab_pkulogo.png">
 +
                            </div>
 +
                            <div class="col-2">
 +
                                <img src="https://static.igem.org/mediawiki/2019/4/4a/T--Tsinghua--colab_bitlogo.png">
 +
                            </div>
 +
                            <div class="col-2">
 +
                                <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Tsinghua--Colab_sj2.png">
 +
                            </div>
 +
                            <div class="col-3">
 +
                            </div>
 
                         </div>
 
                         </div>
                       
 
 
                     </div>
 
                     </div>
                     <div style="height: 1cm;"></div>
+
                     <div class="row mt-8 fs--1">
                    <div class="row">
+
                        <div class="col-lg-auto ml-lg-auto order-lg-2 mb-2 mb-lg-0">
                        <div class="col-3"></div>
+
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua">Home</a>
                        <div class="col-2">
+
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Team</a>
                             <img src="https://static.igem.org/mediawiki/2019/2/2e/T--Tsinghua--colab_pkulogo.png">
+
                            <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/Team">Next Page <span class="fa fa-chevron-right"></span></span></a>
 
                         </div>
 
                         </div>
                         <div class="col-2">
+
                         <div class="col-lg text-lg-left">
                            <img src="https://static.igem.org/mediawiki/2019/4/4a/T--Tsinghua--colab_bitlogo.png">
+
                            <div class="color-8">&copy; Tsinghua iGEM 2019
                        </div>
+
                             </div>
                        <div class="col-2">
+
                             <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Tsinghua--Colab_sj2.png">
+
                        </div>
+
                        <div class="col-3">
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                 <div class="row mt-8 fs--1">
+
                 <!--/.row-->
                    <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>
+
                <!--/.container-->
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Team</a>
+
            </section>
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Description">Project</a>
+
        </main>
                        <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>
+
        <!--    JavaScripts-->
                        <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>
+
        <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> -->
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Next Page <span class="fa fa-chevron-right"></span></span></a>
+
        <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>
                    </div>
+
       
                    <div class="col-lg text-lg-left">
+
        <!-- <script src="assets/lib/jquery/dist/jquery.min.js"></script> -->
                        <div class="color-8">&copy; Tsinghua iGEM 2019
+
        <!-- <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> -->
                        </div>
+
        <!-- <script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script> -->
                    </div>
+
        <!-- <script src="assets/js/googlemap.js"></script> -->
                </div>
+
       
            </div>
+
        <!-- <script src="assets/lib/imagesloaded/imagesloaded.pkgd.min.js"></script> -->
            <!--/.row-->
+
        <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> -->
            <!--/.container-->
+
        <!-- <script src="assets/lib/gsap/src/minified/TweenMax.min.js"></script> -->
        </section>
+
        <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>
    </main>
+
       
    <!--  -->
+
        <!-- <script src="assets/lib/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script> -->
    <!--    JavaScripts-->
+
        <!-- <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="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/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/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/rellax/rellax.min.js"></script> -->
    <!-- <script src="assets/lib/bootstrap/dist/js/bootstrap.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/googlemap.js"></script> -->
+
       
   
+
        <!-- <script src="assets/js/zanimation.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/zanimation.js&action=raw&ctype=text/javascript"></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 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/lib/jquery-menu-aim/jquery.menu-aim.js"></script> -->
+
       
    <!-- <script src="assets/lib/gsap/src/minified/TweenMax.min.js"></script> -->
+
        <!-- <script src="assets/js/inertia.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/lightbox2/dist/js/lightbox.js"></script> -->
   
+
        <!-- <script src="assets/lib/flexslider/jquery.flexslider-min.js"></script> -->
    <!-- <script src="assets/lib/gsap/src/minified/plugins/ScrollToPlugin.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/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/core.js"></script> -->
   
+
        <!-- <script src="assets/js/main.js"></script> -->
    <!-- <script src="assets/js/config.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/config.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/lib/rellax/rellax.min.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/rellax.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.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 src="assets/js/zanimation.js"></script> -->
+
    </body>
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/zanimation.js&action=raw&ctype=text/javascript"></script>
+
    </html>
    <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>
+
</body>
+
</html>
+

Revision as of 13:46, 21 October 2019

iGEM Tsinghua
  • PhASE | Photo-Activated Switch in E.coli

    Tsinghua 2019
  • PhASE | Photo-Activated Switch in E.coli

    Tsinghua 2019
  • PhASE | Photo-Activated Switch in E.coli

    Tsinghua 2019
  • PhASE | Photo-Activated Switch in E.coli

    Tsinghua 2019
  • PhASE | Photo-Activated Switch in E.coli

    Tsinghua 2019
  • PhASE | Photo-Activated Switch in E.coli

    Tsinghua 2019

Phase separation system

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.

Photo-activated switch

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.

Modelling our system

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.

Downstream reactions

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.

Improvement

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.

More possibilities

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.

Hardware

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.

Thanks for your support !