Difference between revisions of "Team:Tsinghua/Team"

 
(13 intermediate revisions by 2 users not shown)
Line 47: Line 47:
 
      
 
      
 
     <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" >
 
     <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;}
 +
        .progress{position:fixed;top:1rem; z-index:9999;height:5px;background-image: linear-gradient(to right, rgb(252, 141, 15),rgb(14, 178, 243));}
 +
    </style>
 
</head>  
 
</head>  
 
<body data-spy="scroll" data-target=".inner-link" data-offset="60">
 
<body data-spy="scroll" data-target=".inner-link" data-offset="60">
Line 58: Line 63:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div class="znav-container znav-transparent mt-4" id="znav-container">
+
         <div class="sticky-lg-top pt-4" style="z-index: 1000;">
−
             <div class="container">
+
            <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%">
 
                  
 
                  
−
                 <nav class="navbar navbar-expand-lg">
+
                 <div class="container">
−
                    <a class="navbar-brand overflow-hidden pr-3 fs-3" href="https://2019.igem.org/Team:Tsinghua">iGEM
+
                    <img src="https://static.igem.org/mediawiki/2019/b/be/T--Tsinghua--logo.png" style="width: 8%;position: absolute;left: -6%;">
−
                        <span class="d-none d-lg-inline-block">Tsinghua</span>
+
                    <nav class="navbar navbar-expand-lg">
−
                    </a>
+
                       
−
                    <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+
                        <a class="navbar-brand overflow-hidden pr-3 fs-3" href="https://2019.igem.org/Team:Tsinghua">
−
                        <div class="hamburger hamburger--emphatic">
+
                           
−
                            <div class="hamburger-box">
+
                            iGEM
−
                                <div class="hamburger-inner"></div>
+
                            <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>
 
                             </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)">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">Attributions</a>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="JavaScript:void(0)">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>
+
 
                                      
 
                                      
−
                                 </ul>
+
                                 </li>
−
                            </li>
+
                                <li>
−
                            <li>
+
                                    <a href="JavaScript:void(0)"><span class="fa fa-group"></span> Team</a>
−
                                 <a href="JavaScript:void(0)">Model</a>
+
                                    <ul class="dropdown fs-0">
−
                                <ul class="dropdown fs-0">
+
                                        <li>
−
                                     <li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Team">Members</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/Collaborations">Collaborations</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/Notebook">Notebook</a>
−
                                        <a href="https://2019.igem.org/Team:Tsinghua/Model3">Part III</a>
+
                                        </li>
−
                                    </li>
+
                                       
−
                                </ul>
+
                                        <li>
−
                            </li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Attributions">Attributions</a>
−
                            <li>
+
                                        </li>
−
                                <a href="JavaScript:void(0)">Parts</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/Improvement">Improvement</a>
+
                                    </ul>
−
                                    </li>
+
                                 </li>
−
                                    <li>
+
                                <li>
−
                                         <a href="https://2019.igem.org/Team:Tsinghua/Composite">Composite</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/Description">Description</a>
−
                                         <a href="https://2019.igem.org/Team:Tsinghua/Basic">Basic Part</a>
+
                                        </li>
−
                                    </li>
+
                                        <li>
−
                                </ul>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Experiments">Experiments</a>
−
                            </li>
+
                                        </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>
 
                              
 
                              
−
                            <li>
+
                         </div>
−
                                <a href="JavaScript:void(0)">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">
+
         <section class="py-0 overflow-hidden">
−
             <div id="whiteMask"><a href="#afterwhiteMask">
+
             <div class="background-holder overlay overlay-2 parallax" style="background-image:url(https://static.igem.org/mediawiki/2019/9/92/T--Tsinghua--subpage2Team.jpg);"> </div>
−
                <img src="https://static.igem.org/mediawiki/2019/1/11/T--Tsinghua--whitemask.png"></a>
+
            <!--/.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"  > Meet Our Team </h1>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <!--/.row-->
 
             </div>
 
             </div>
 +
            <!--/.container-->
 +
        </section>
 +
        <section class="text-center text-lg-left py-9 background-white">
 +
           
 
              
 
              
−
             <canvas id="myCanvas" width="1536" height="673"></canvas>
+
              
−
             <ul class="slides">
+
             <div class="container">
−
                 <li data-zanim-timeline="{}">
+
                 <div class="row">
−
                     <section class="py-0 text-center">
+
                     <div class="col-lg-4">
−
                         <div class="background-holder overlay" style="background-image:url(https://static.igem.org/mediawiki/2019/a/a1/T--Tsinghua--indexSlider1.jpg);"> </div>
+
                         <div class="hoverbox">
−
                        <!--/.background-holder-->
+
                            <img src="https://static.igem.org/mediawiki/2019/0/0b/T--Tsinghua--cgq.jpg" alt="" />
−
                        <div class="container">
+
                             <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
−
                             <a class="down-indicator" href="#target-down-indicator"></a>
+
                                  
−
                            <div class="row align-items-center py-8 parallax h-box" data-inertia='{"weight":1.5}' data-rellax-speed="2">
+
                            </div>
−
                                 <div class="col">
+
                            <div class="hoverbox-content p-4">
−
                                    <div class="overflow-hidden">
+
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100">  
−
                                        <h4 class="color-white fs-4 fs-lg-7" data-zanim='{"delay":0.1}'>PhASE | Photo-Activated Switch in <i>E.coli</i></h4>
+
                                    <h3 style="color: rgba(255,255,255,1.00)">Team Instructor</h3>
−
                                    </div>
+
−
                                    <div class="overflow-hidden">
+
−
                                        <h6 class="text-uppercase color-white fs-1 fs-lg-0 font-2 ls" data-zanim='{"delay":0.2}'>Tsinghua 2019</h6>
+
−
                                       
+
−
                                    </div>
+
−
                                   
+
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
−
                             <!--/.row-->
+
                              
 
                         </div>
 
                         </div>
−
                         <!--/.container-->
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Guoqiang Chen</center></h4>
−
                    </section>
+
                    </div>
−
                </li>
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                <li data-zanim-timeline="{}">
+
                         <div class="hoverbox">
−
                     <section class="py-0 text-center">
+
                            <img src="https://static.igem.org/mediawiki/2019/9/95/T--Tsinghua--szr.jpg" alt="" />
−
                         <div class="background-holder overlay" style="background-image:url(https://static.igem.org/mediawiki/2019/2/24/T--Tsinghua--indexSlider2.jpg);"> </div>
+
                             <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
−
                        <!--/.background-holder-->
+
                                <div class="hoverbox-content p-4">
−
                        <div class="container">
+
                                    <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100">
−
                             <a class="down-indicator" href="#target-down-indicator"></a>
+
                                        <h3 style="color: rgba(255,255,255,1.00)">Team Instructor</h3>
−
                            <div class="row align-items-center py-8 parallax h-box" data-inertia='{"weight":1.5}' data-rellax-speed="2">
+
                                    </div>
−
                                    <div class="col">
+
                                </div>
−
                                            <div class="overflow-hidden">
+
−
                                                <h4 class="color-white fs-4 fs-lg-7" data-zanim='{"delay":0.1}'>PhASE | Photo-Activated Switch in <i>E.coli</i></h4>
+
−
                                            </div>
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h6 class="text-uppercase color-white fs-1 fs-lg-0 font-2 ls" data-zanim='{"delay":0.2}'>Tsinghua 2019</h6>
+
−
                                               
+
−
                                            </div>
+
−
                                           
+
−
                                        </div>
+
 
                             </div>
 
                             </div>
−
                             <!--/.row-->
+
                              
 
                         </div>
 
                         </div>
−
                         <!--/.container-->
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Zhirong Sun</center></h4>
−
                    </section>
+
                    </div>
−
                </li>
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                <li data-zanim-timeline="{}">
+
                         <div class="hoverbox">
−
                     <section class="py-0 text-center">
+
                            <img src="https://static.igem.org/mediawiki/2019/f/f7/T--Tsinghua--lp.jpg" alt="" />
−
                         <div class="background-holder overlay" style="background-image:url(https://static.igem.org/mediawiki/2019/e/e3/T--Tsinghua--indexSlider3.jpg);"> </div>
+
                           
−
                        <!--/.background-holder-->
+
                             <div class="hoverbox-content p-4">
−
                        <div class="container">
+
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Team Instructor</h3></div>
−
                             <a class="down-indicator" href="#target-down-indicator"></a>
+
−
                            <div class="row align-items-center py-8 parallax h-box" data-inertia='{"weight":1.5}' data-rellax-speed="2">
+
−
                                    <div class="col">
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h4 class="color-white fs-4 fs-lg-7" data-zanim='{"delay":0.1}'>PhASE | Photo-Activated Switch in <i>E.coli</i></h4>
+
−
                                            </div>
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h6 class="text-uppercase color-white fs-1 fs-lg-0 font-2 ls" data-zanim='{"delay":0.2}'>Tsinghua 2019</h6>
+
−
                                               
+
−
                                            </div>
+
−
                                           
+
−
                                        </div>
+
 
                             </div>
 
                             </div>
−
                             <!--/.row-->
+
                              
 
                         </div>
 
                         </div>
−
                         <!--/.container-->
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Peng Li</center></h4>
−
                     </section>
+
                     </div>
−
                 </li>
+
                 </div>
−
                 <li data-zanim-timeline="{}">
+
                 <div class="row">
−
                     <section class="py-0 text-center">
+
                     <div class="col-lg-4">
−
                         <div class="background-holder overlay" style="background-image:url(https://static.igem.org/mediawiki/2019/6/6c/T--Tsinghua--indexSlider4.jpg);"> </div>
+
                         <div class="hoverbox">
−
                        <!--/.background-holder-->
+
                            <img src="https://static.igem.org/mediawiki/2019/2/25/T--Tsinghua--wx.jpg" alt="" />
−
                        <div class="container">
+
                             <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
−
                            <a class="down-indicator" href="#target-down-indicator"></a>
+
                               
−
                             <div class="row align-items-center py-8 parallax h-box" data-inertia='{"weight":1.5}' data-rellax-speed="2">
+
−
                                    <div class="col">
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h4 class="color-white fs-4 fs-lg-7" data-zanim='{"delay":0.1}'>PhASE | Photo-Activated Switch in <i>E.coli</i></h4>
+
−
                                            </div>
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h6 class="text-uppercase color-white fs-1 fs-lg-0 font-2 ls" data-zanim='{"delay":0.2}'>Tsinghua 2019</h6>
+
−
                                               
+
−
                                            </div>
+
−
                                           
+
−
                                        </div>
+
 
                             </div>
 
                             </div>
−
                             <!--/.row-->
+
                             <div class="hoverbox-content p-4">
−
                        </div>
+
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Team Instructor</h3></div>
−
                        <!--/.container-->
+
−
                    </section>
+
−
                </li>
+
−
                <li data-zanim-timeline="{}">
+
−
                    <section class="py-0 text-center">
+
−
                        <div class="background-holder overlay" style="background-image:url(https://static.igem.org/mediawiki/2019/2/2a/T--Tsinghua--indexSlider5.jpg);"> </div>
+
−
                        <!--/.background-holder-->
+
−
                        <div class="container">
+
−
                            <a class="down-indicator" href="#target-down-indicator"></a>
+
−
                            <div class="row align-items-center py-8 parallax h-box" data-inertia='{"weight":1.5}' data-rellax-speed="2">
+
−
                                    <div class="col">
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h4 class="color-white fs-4 fs-lg-7" data-zanim='{"delay":0.1}'>PhASE | Photo-Activated Switch in <i>E.coli</i></h4>
+
−
                                            </div>
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h6 class="text-uppercase color-white fs-1 fs-lg-0 font-2 ls" data-zanim='{"delay":0.2}'>Tsinghua 2019</h6>
+
−
                                               
+
−
                                            </div>
+
−
                                           
+
−
                                        </div>
+
 
                             </div>
 
                             </div>
−
                             <!--/.row-->
+
                              
 
                         </div>
 
                         </div>
−
                         <!--/.container-->
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Xuan Wang</center></h4>
−
                    </section>
+
                    </div>
−
                </li>
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                <li data-zanim-timeline="{}">
+
                         <div class="hoverbox">
−
                     <section class="py-0 text-center">
+
                            <img src="https://static.igem.org/mediawiki/2019/2/2f/T--Tsinghua--yla.jpg" alt="" />
−
                         <div class="background-holder overlay" style="background-image:url(https://static.igem.org/mediawiki/2019/3/34/T--Tsinghua--indexSlider6.jpg);"> </div>
+
                             <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
−
                        <!--/.background-holder-->
+
                                 <div class="hoverbox-content p-4">
−
                        <div class="container">
+
                                     <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div>
−
                             <a class="down-indicator" href="#target-down-indicator"></a>
+
−
                            <div class="row align-items-center py-8 parallax h-box" data-inertia='{"weight":1.5}' data-rellax-speed="2">
+
−
                                 <div class="col">
+
−
                                     <div class="overflow-hidden">
+
−
                                        <h4 class="color-white fs-4 fs-lg-7" data-zanim='{"delay":0.1}'>PhASE | Photo-Activated Switch in <i>E.coli</i></h4>
+
−
                                    </div>
+
−
                                    <div class="overflow-hidden">
+
−
                                        <h6 class="text-uppercase color-white fs-1 fs-lg-0 font-2 ls" data-zanim='{"delay":0.2}'>Tsinghua 2019</h6>
+
−
                                       
+
−
                                    </div>
+
−
                                   
+
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
−
                             <!--/.row-->
+
                              
−
                        </div>
+
−
                        <!--/.container-->
+
−
                    </section>
+
−
                </li>
+
−
            </ul>
+
−
            <span id="afterwhiteMask"></span>
+
−
        </div>
+
−
        <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>
 +
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Liang Yao</center></h4>
 
                     </div>
 
                     </div>
−
                     <div class="col-6">
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                         <div class="circle" style="position: absolute;left: -30px;top:3px;background-image: linear-gradient(to right, #2f80ed,#56ccf2);;"></div>
+
                         <div class="hoverbox">
−
                        <div class="index_para" style="width: 90%;"><h1>Phase separation system</h1>
+
                            <img src="https://static.igem.org/mediawiki/2019/e/e1/T--Tsinghua--hjn.jpg" alt="" />
−
                            <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 class="hoverbox-content p-4">
 +
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div>
 +
                            </div>
 +
                           
 
                         </div>
 
                         </div>
−
                       
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Jianing Han</center></h4>
−
                         <div class="col-1"></div>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <div style="height:100px"></div>
+
                 <div class="row">
−
                <div class = "row" id="highlight2">
+
                    <div class="col-lg-4">
−
                    <div class="col-2">
+
                        <div class="hoverbox">
−
                          
+
                            <img src="https://static.igem.org/mediawiki/2019/e/e8/T--Tsinghua--cxy.jpg" alt="" />
 +
                            <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
 +
                               
 +
                            </div>
 +
                            <div class="hoverbox-content p-4">
 +
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div>
 +
                            </div>
 +
                           
 +
                         </div>
 +
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Xinyi Chen</center></h4>
 
                     </div>
 
                     </div>
−
                     <div class="col-5">
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                         <div class="circle" style="position: absolute;left: -30px;top:3px;background-image: linear-gradient(to right,#fbc7d4, #9796f0);"></div>
+
                         <div class="hoverbox">
−
                        <div class="index_para" style="width: 100%;"><h1>Photo-activated switch</h1>
+
                            <img src="https://static.igem.org/mediawiki/2019/d/dd/T--Tsinghua--gxf.jpg" alt="" />
−
                            <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>
+
                            <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
−
                            <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 class="hoverbox-content p-4">
 +
                                    <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div>
 +
                                </div>
 +
                            </div>
 +
                           
 
                         </div>
 
                         </div>
−
                          
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Xiaofei Ge</center></h4>
 
                     </div>
 
                     </div>
−
                   
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                     <div class = "col-4">
+
                         <div class="hoverbox">
−
                         <div style="position:relative">
+
                             <img src="https://static.igem.org/mediawiki/2019/f/fc/T--Tsinghua--yq.jpg" alt="" />
−
                             <img src="https://static.igem.org/mediawiki/2019/2/23/T--Tsinghua--indexhighlight2.png" width="100%">
+
                           
 +
                            <div class="hoverbox-content p-4">
 +
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div>
 +
                            </div>
 +
                           
 
                         </div>
 
                         </div>
 +
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Qi Yan</center></h4>
 
                     </div>
 
                     </div>
−
                    <div class="col-1"></div>
 
 
                 </div>
 
                 </div>
−
                 <div class = "row" id="highlight3">
+
                 <div class="row">
−
                     <div class="col-1"></div>
+
                     <div class="col-lg-4">
−
                    <div class = "col-4">
+
                       
−
                         <div style="position:relative">
+
                         <div class="hoverbox">
−
                             <img src="https://static.igem.org/mediawiki/2019/4/43/T--Tsinghua--indexhighlight3.jpg" width="80%">
+
                             <img src="https://static.igem.org/mediawiki/2019/9/9e/T--Tsinghua--htz.jpg" alt="" />
 +
                            <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
 +
                               
 +
                            </div>
 +
                            <div class="hoverbox-content p-4">
 +
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div>
 +
                            </div>
 
                         </div>
 
                         </div>
 +
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Tianze Huang</center></h4>
 
                     </div>
 
                     </div>
−
                     <div class="col-6">
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                         <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>
+
                         <div class="hoverbox">
−
                            <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>
+
                            <img src="https://static.igem.org/mediawiki/2019/a/a5/T--Tsinghua--wtx.jpg" alt="" />
−
                            <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 class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 +
                                <div class="hoverbox-content p-4">
 +
                                    <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div>
 +
                                </div>
 +
                            </div>
 
                         </div>
 
                         </div>
−
                       
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Tingxuan Wang</center></h4>
−
                         <div class="col-1"></div>
+
 
                     </div>
 
                     </div>
−
                </div>
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
               
+
−
                <div style="height:150px"></div>
+
−
                <div class = "row" id="highlight4">
+
−
                     <div class="col-2">
+
 
                          
 
                          
−
                    </div>
+
                        <div class="hoverbox">
−
                    <div class="col-5">
+
                            <img src="https://static.igem.org/mediawiki/2019/6/63/T--Tsinghua--hyj.jpg" alt="" />
−
                        <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>
+
                            <div class="hoverbox-content p-4">
−
                            <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>
+
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Advisor</h3></div>
−
                            <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>
−
                          
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Yuejun Hao</center></h4>
 
                     </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>
−
                <div style="height: 10px;"></div>
+
                 <div class="row">
−
                 <div class = "row" id="highlight5">
+
                     <div class="col-lg-4">
−
                     <div class="col-1"></div>
+
                       
−
                    <div class = "col-4">
+
                         <div class="hoverbox">
−
                         <div style="position:relative">
+
                             <img src="https://static.igem.org/mediawiki/2019/c/c9/T--Tsinghua--hzk.jpg" alt="" />
−
                             <img src="https://static.igem.org/mediawiki/2019/9/91/T--Tsinghua--indexhighlight5.png" width="90%">
+
                            <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
 +
                               
 +
                            </div>
 +
                            <div class="hoverbox-content p-4">
 +
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Team Leader / Wet Lab</h3></div>
 +
                            </div>
 
                         </div>
 
                         </div>
 +
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Zikang Huang</center></h4>
 
                     </div>
 
                     </div>
−
                     <div class="col-6">
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                         <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>
+
                         <div class="hoverbox">
−
                            <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>
+
                            <img src="https://static.igem.org/mediawiki/2019/5/57/T--Tsinghua--ccy.jpg" alt="" />
−
                            <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 class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 +
                                <div class="hoverbox-content p-4">
 +
                                    <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Team Leader / Finance</h3></div>
 +
                                </div>
 +
                            </div>
 
                         </div>
 
                         </div>
−
                       
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Chunyu Chen</center></h4>
−
                         <div class="col-1"></div>
+
 
                     </div>
 
                     </div>
−
                </div>
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                <div style="height: 90px;"></div>
+
−
                <div class = "row" id="highlight6">
+
−
                     <div class="col-2">
+
 
                          
 
                          
−
                    </div>
+
                        <div class="hoverbox">
−
                    <div class="col-5">
+
                            <img src="https://static.igem.org/mediawiki/2019/1/10/T--Tsinghua--lhr.jpg" alt="" />
−
                        <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>
+
                            <div class="hoverbox-content p-4">
−
                            <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>
+
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Wet Lab</h3></div>
−
                            <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>
+
−
                   
+
−
                    <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>
 +
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Hongrui Liu</center></h4>
 
                     </div>
 
                     </div>
−
                    <div class="col-1"></div>
 
 
                 </div>
 
                 </div>
−
                 <div class = "row" id="highlight7">
+
                 <div class="row">
−
                     <div class="col-1"></div>
+
                     <div class="col-lg-4">
−
                    <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 class="hoverbox">
−
                    </div>
+
                            <img src="https://static.igem.org/mediawiki/2019/1/1a/T--Tsinghua--cbw.jpg" alt="" />
−
                </div>
+
                            <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
−
            </div>
+
−
           
+
−
           
+
−
            {{Tsinghua}}
+
−
<html lang="en-US">
+
−
<head>
+
−
    <meta charset="utf-8">
+
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
−
    <!--  -->
+
−
    <!--    Document Title-->
+
−
    <!-- =============================================-->
+
−
    <title>iGEM Tsinghua</title>
+
−
    <!--  -->
+
−
    <!--    Favicons-->
+
−
    <!--    =============================================-->
+
−
    <!-- <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png">
+
−
        <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">
+
−
        <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicons/favicon.ico">
+
−
        <link rel="manifest" href="assets/images/favicons/manifest.json">
+
−
        <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">
+
−
        <meta name="theme-color" content="#ffffff">
+
−
    -->
+
−
    <!--    Stylesheets-->
+
−
    <!--    =============================================-->
+
−
    <!-- Default stylesheets-->
+
−
    <!-- <link href="assets/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> -->
+
−
    <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" >
+
−
   
+
−
    <!-- Template specific stylesheets-->
+
−
    <!-- <link href="assets/lib/loaders.css/loaders.min.css" rel="stylesheet"> -->
+
−
    <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">
+
−
    <!-- <link href="assets/lib/hamburgers/dist/hamburgers.min.css" rel="stylesheet"> -->
+
−
    <!-- <link href="assets/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"> -->
+
−
    <!-- <link href="assets/lib/lightbox2/dist/css/lightbox.css" rel="stylesheet"> -->
+
−
    <!-- <link href="assets/lib/flexslider/flexslider.css" rel="stylesheet"> -->
+
−
    <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" >
+
−
   
+
−
    <!-- Main stylesheet and color file-->
+
−
    <!-- <link href="assets/css/style.css" rel="stylesheet"> -->
+
−
    <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">
+
−
    <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" >
+
−
   
+
−
    <!-- <link href="assets/css/custom.css" rel="stylesheet"> </head> -->
+
−
    <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" >
+
−
   
+
−
    <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" >
+
−
   
+
−
    <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" >
+
−
</head>
+
−
<body data-spy="scroll" data-target=".inner-link" data-offset="60">
+
−
    <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="znav-container znav-transparent mt-4" id="znav-container">
+
−
            <div class="container">
+
−
               
+
−
                <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 class="hoverbox-content p-4">
 +
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Modeling / Wiki</h3></div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                    </button> -->
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Bowen Chen</center></h4>
−
                    <div class="collapse navbar-collapse" id="navbarNavDropdown">
+
                    </div>
−
                         <ul class="navbar-nav font-2 fs-1">
+
                    <div class="col-lg-4 mt-4 mt-lg-0">
−
                            <li>
+
−
                                <a href="https://2019.igem.org/Team:Tsinghua"><span class="fa fa-home"></span> Home</a>
+
−
                               
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="JavaScript:void(0)">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">Attributions</a>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="JavaScript:void(0)">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>
+
−
                                   
+
−
                                </ul>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="JavaScript:void(0)">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)">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)">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>
+
                        <div class="hoverbox">
−
                   
+
                            <img src="https://static.igem.org/mediawiki/2019/5/57/T--Tsinghua--fst.jpg" alt="" />
−
                </nav>
+
                            <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
−
               
+
                                 <div class="hoverbox-content p-4">
−
            </div>
+
                                     <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Wet Lab</h3></div>
−
        </div>
+
−
       
+
−
        <div class="flexslider flexslider-simple h-box parallax">
+
−
            <div id="whiteMask"><a href="#afterwhiteMask">
+
−
                <img src="https://static.igem.org/mediawiki/2019/1/11/T--Tsinghua--whitemask.png"></a>
+
−
            </div>
+
−
           
+
−
            <canvas id="myCanvas" width="1536" height="673"></canvas>
+
−
            <ul class="slides">
+
−
                <li data-zanim-timeline="{}">
+
−
                    <section class="py-0 text-center">
+
−
                        <div class="background-holder overlay" style="background-image:url(https://static.igem.org/mediawiki/2019/a/a1/T--Tsinghua--indexSlider1.jpg);"> </div>
+
−
                        <!--/.background-holder-->
+
−
                        <div class="container">
+
−
                            <a class="down-indicator" href="#target-down-indicator"></a>
+
−
                            <div class="row align-items-center py-8 parallax h-box" data-inertia='{"weight":1.5}' data-rellax-speed="2">
+
−
                                 <div class="col">
+
−
                                     <div class="overflow-hidden">
+
−
                                        <h4 class="color-white fs-4 fs-lg-7" data-zanim='{"delay":0.1}'>PhASE | Photo-Activated Switch in <i>E.coli</i></h4>
+
−
                                    </div>
+
−
                                    <div class="overflow-hidden">
+
−
                                        <h6 class="text-uppercase color-white fs-1 fs-lg-0 font-2 ls" data-zanim='{"delay":0.2}'>Tsinghua 2019</h6>
+
−
                                       
+
−
                                    </div>
+
−
                                   
+
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
−
                            <!--/.row-->
 
 
                         </div>
 
                         </div>
−
                         <!--/.container-->
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Site Feng</center></h4><strong></strong>
−
                    </section>
+
                    </div>
−
                </li>
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                <li data-zanim-timeline="{}">
+
                       
−
                     <section class="py-0 text-center">
+
                         <div class="hoverbox">
−
                         <div class="background-holder overlay" style="background-image:url(https://static.igem.org/mediawiki/2019/2/24/T--Tsinghua--indexSlider2.jpg);"> </div>
+
                            <img src="https://static.igem.org/mediawiki/2019/e/e1/T--Tsinghua--fm.jpg" alt="" />
−
                        <!--/.background-holder-->
+
                           
−
                        <div class="container">
+
                             <div class="hoverbox-content p-4">
−
                             <a class="down-indicator" href="#target-down-indicator"></a>
+
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Modeling</h3></div>
−
                            <div class="row align-items-center py-8 parallax h-box" data-inertia='{"weight":1.5}' data-rellax-speed="2">
+
−
                                    <div class="col">
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h4 class="color-white fs-4 fs-lg-7" data-zanim='{"delay":0.1}'>PhASE | Photo-Activated Switch in <i>E.coli</i></h4>
+
−
                                            </div>
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h6 class="text-uppercase color-white fs-1 fs-lg-0 font-2 ls" data-zanim='{"delay":0.2}'>Tsinghua 2019</h6>
+
−
                                               
+
−
                                            </div>
+
−
                                           
+
−
                                        </div>
+
 
                             </div>
 
                             </div>
−
                            <!--/.row-->
 
 
                         </div>
 
                         </div>
−
                         <!--/.container-->
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Meng Fang</center></h4>
−
                     </section>
+
                     </div>
−
                 </li>
+
                 </div>
−
                 <li data-zanim-timeline="{}">
+
                 <div class="row">
−
                     <section class="py-0 text-center">
+
                     <div class="col-lg-4">
−
                         <div class="background-holder overlay" style="background-image:url(https://static.igem.org/mediawiki/2019/e/e3/T--Tsinghua--indexSlider3.jpg);"> </div>
+
                       
−
                        <!--/.background-holder-->
+
                         <div class="hoverbox">
−
                        <div class="container">
+
                            <img src="https://static.igem.org/mediawiki/2019/5/58/T--Tsinghua--fjl.jpg" alt="" />
−
                            <a class="down-indicator" href="#target-down-indicator"></a>
+
                             <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
−
                             <div class="row align-items-center py-8 parallax h-box" data-inertia='{"weight":1.5}' data-rellax-speed="2">
+
                               
−
                                    <div class="col">
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h4 class="color-white fs-4 fs-lg-7" data-zanim='{"delay":0.1}'>PhASE | Photo-Activated Switch in <i>E.coli</i></h4>
+
−
                                            </div>
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h6 class="text-uppercase color-white fs-1 fs-lg-0 font-2 ls" data-zanim='{"delay":0.2}'>Tsinghua 2019</h6>
+
−
                                               
+
−
                                            </div>
+
−
                                           
+
−
                                        </div>
+
 
                             </div>
 
                             </div>
−
                             <!--/.row-->
+
                             <div class="hoverbox-content p-4">
−
                        </div>
+
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Wiki / Photography</h3></div>
−
                        <!--/.container-->
+
−
                    </section>
+
−
                </li>
+
−
                <li data-zanim-timeline="{}">
+
−
                    <section class="py-0 text-center">
+
−
                        <div class="background-holder overlay" style="background-image:url(https://static.igem.org/mediawiki/2019/6/6c/T--Tsinghua--indexSlider4.jpg);"> </div>
+
−
                        <!--/.background-holder-->
+
−
                        <div class="container">
+
−
                            <a class="down-indicator" href="#target-down-indicator"></a>
+
−
                            <div class="row align-items-center py-8 parallax h-box" data-inertia='{"weight":1.5}' data-rellax-speed="2">
+
−
                                    <div class="col">
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h4 class="color-white fs-4 fs-lg-7" data-zanim='{"delay":0.1}'>PhASE | Photo-Activated Switch in <i>E.coli</i></h4>
+
−
                                            </div>
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h6 class="text-uppercase color-white fs-1 fs-lg-0 font-2 ls" data-zanim='{"delay":0.2}'>Tsinghua 2019</h6>
+
−
                                               
+
−
                                            </div>
+
−
                                           
+
−
                                        </div>
+
 
                             </div>
 
                             </div>
−
                            <!--/.row-->
 
 
                         </div>
 
                         </div>
−
                         <!--/.container-->
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Jiale Fu</center></h4>
−
                    </section>
+
                    </div>
−
                </li>
+
                    <div class="col-lg-4 mt-4 mt-lg-0">
−
                <li data-zanim-timeline="{}">
+
                       
−
                    <section class="py-0 text-center">
+
                         <div class="hoverbox">
−
                        <div class="background-holder overlay" style="background-image:url(https://static.igem.org/mediawiki/2019/2/2a/T--Tsinghua--indexSlider5.jpg);"> </div>
+
                            <img src="https://static.igem.org/mediawiki/2019/b/b7/T--Tsinghua--zzh.jpg" alt="" />
−
                        <!--/.background-holder-->
+
                             <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
−
                        <div class="container">
+
                                 <div class="hoverbox-content p-4">
−
                            <a class="down-indicator" href="#target-down-indicator"></a>
+
                                     <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Design / Wet Lab</h3></div>
−
                            <div class="row align-items-center py-8 parallax h-box" data-inertia='{"weight":1.5}' data-rellax-speed="2">
+
−
                                    <div class="col">
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h4 class="color-white fs-4 fs-lg-7" data-zanim='{"delay":0.1}'>PhASE | Photo-Activated Switch in <i>E.coli</i></h4>
+
−
                                            </div>
+
−
                                            <div class="overflow-hidden">
+
−
                                                <h6 class="text-uppercase color-white fs-1 fs-lg-0 font-2 ls" data-zanim='{"delay":0.2}'>Tsinghua 2019</h6>
+
−
                                               
+
−
                                            </div>
+
−
                                           
+
−
                                        </div>
+
−
                            </div>
+
−
                            <!--/.row-->
+
−
                         </div>
+
−
                        <!--/.container-->
+
−
                    </section>
+
−
                </li>
+
−
                <li data-zanim-timeline="{}">
+
−
                    <section class="py-0 text-center">
+
−
                        <div class="background-holder overlay" style="background-image:url(https://static.igem.org/mediawiki/2019/3/34/T--Tsinghua--indexSlider6.jpg);"> </div>
+
−
                        <!--/.background-holder-->
+
−
                        <div class="container">
+
−
                             <a class="down-indicator" href="#target-down-indicator"></a>
+
−
                            <div class="row align-items-center py-8 parallax h-box" data-inertia='{"weight":1.5}' data-rellax-speed="2">
+
−
                                 <div class="col">
+
−
                                     <div class="overflow-hidden">
+
−
                                        <h4 class="color-white fs-4 fs-lg-7" data-zanim='{"delay":0.1}'>PhASE | Photo-Activated Switch in <i>E.coli</i></h4>
+
−
                                    </div>
+
−
                                    <div class="overflow-hidden">
+
−
                                        <h6 class="text-uppercase color-white fs-1 fs-lg-0 font-2 ls" data-zanim='{"delay":0.2}'>Tsinghua 2019</h6>
+
−
                                       
+
−
                                    </div>
+
−
                                   
+
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
−
                            <!--/.row-->
 
−
                        </div>
 
−
                        <!--/.container-->
 
−
                    </section>
 
−
                </li>
 
−
            </ul>
 
−
            <span id="afterwhiteMask"></span>
 
−
        </div>
 
−
        <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>
 +
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Zihan Zhai</center></h4>
 
                     </div>
 
                     </div>
−
                     <div class="col-6">
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                         <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>
+
                         <div class="hoverbox">
−
                            <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>
+
                            <img src="https://static.igem.org/mediawiki/2019/c/cd/T--Tsinghua--qch.jpg" alt="" />
−
                            <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 class="hoverbox-content p-4">
 +
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Wet Lab</h3></div>
 +
                            </div>
 
                         </div>
 
                         </div>
−
                       
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Chuheng Qing</center></h4>
−
                         <div class="col-1"></div>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                <div style="height:100px"></div>
+
                 <div class="row">
−
                 <div class = "row" id="highlight2">
+
                     <div class="col-lg-4">
−
                     <div class="col-2">
+
 
                          
 
                          
−
                    </div>
+
                        <div class="hoverbox">
−
                    <div class="col-5">
+
                            <img src="https://static.igem.org/mediawiki/2019/6/6a/T--Tsinghua--slz.jpg" alt="" />
−
                        <div class="circle" style="position: absolute;left: -30px;top:3px;background-image: linear-gradient(to right,#fbc7d4, #9796f0);"></div>
+
                            <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
−
                        <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>
+
                            </div>
−
                            <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 class="hoverbox-content p-4">
 +
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"> <h3 style="color: rgba(255,255,255,1.00)">Wet Lab</h3></div>
 +
                            </div>
 
                         </div>
 
                         </div>
−
                          
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Lize Sun</center></h4>
 
                     </div>
 
                     </div>
−
                   
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                     <div class = "col-4">
+
                       
−
                         <div style="position:relative">
+
                         <div class="hoverbox">
−
                             <img src="https://static.igem.org/mediawiki/2019/2/23/T--Tsinghua--indexhighlight2.png" width="100%">
+
                             <img src="https://static.igem.org/mediawiki/2019/6/6b/T--Tsinghua--lgz.jpg" alt="" />
 +
                            <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 +
                                <div class="hoverbox-content p-4">
 +
                                    <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Wet Lab</h3></div>
 +
                                </div>
 +
                            </div>
 
                         </div>
 
                         </div>
 +
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Genzhe Lu</center></h4>
 
                     </div>
 
                     </div>
−
                     <div class="col-1"></div>
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                </div>
+
                       
−
                <div class = "row" id="highlight3">
+
                         <div class="hoverbox">
−
                    <div class="col-1"></div>
+
                             <img src="https://static.igem.org/mediawiki/2019/e/e6/T--Tsinghua--gj.jpg" alt="" />
−
                    <div class = "col-4">
+
                           
−
                         <div style="position:relative">
+
                            <div class="hoverbox-content p-4">
−
                             <img src="https://static.igem.org/mediawiki/2019/4/43/T--Tsinghua--indexhighlight3.jpg" width="80%">
+
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Wet Lab</h3></div>
 +
                            </div>
 
                         </div>
 
                         </div>
−
                    </div>
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Ji Gao</center></h4>
−
                    <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>
 
                 </div>
−
               
+
                 <div class="row">
−
                <div style="height:150px"></div>
+
                     <div class="col-lg-4">
−
                 <div class = "row" id="highlight4">
+
−
                     <div class="col-2">
+
 
                          
 
                          
−
                    </div>
+
                        <div class="hoverbox">
−
                    <div class="col-5">
+
                            <img src="https://static.igem.org/mediawiki/2019/5/56/T--Tsinghua--ljy.jpg" alt="" />
−
                        <div class="circle" style="position: absolute;left: -30px;top:3px;background-image: linear-gradient(to right, #ffe259,#ffa751);;"></div>
+
                            <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
−
                        <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>
+
                            </div>
−
                            <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 class="hoverbox-content p-4">
 +
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100">  
 +
                                    <h3 style="color: rgba(255,255,255,1.00)">Human Practice</h3>
 +
                                </div>
 +
                            </div>
 
                         </div>
 
                         </div>
−
                          
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Jiayi Li</center></h4>
 
                     </div>
 
                     </div>
−
                   
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                     <div class = "col-4">
+
                       
−
                         <div style="position:relative">
+
                         <div class="hoverbox">
−
                             <img src="https://static.igem.org/mediawiki/2019/c/c2/T--Tsinghua--indexhighlight4.jpg" style="float:right" width="80%">
+
                             <img src="https://static.igem.org/mediawiki/2019/7/79/T--Tsinghua--zlq.jpg" alt="" />
 +
                            <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 +
                                <div class="hoverbox-content p-4">
 +
                                    <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Logistic Support</h3></div>
 +
                                </div>
 +
                            </div>
 
                         </div>
 
                         </div>
 +
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Liqun Zhou</center></h4>
 
                     </div>
 
                     </div>
−
                     <div class="col-1"></div>
+
                     <div class="col-lg-4 mt-4 mt-lg-0">
−
                </div>
+
                       
−
                <div style="height: 10px;"></div>
+
                        <div class="hoverbox">
−
                <div class = "row" id="highlight5">
+
                            <img src="https://static.igem.org/mediawiki/2019/e/e2/T--Tsinghua--logo_black.jpg" alt="" />
−
                    <div class="col-1"></div>
+
                           
−
                    <div class = "col-4">
+
                            <div class="hoverbox-content p-4">
−
                        <div style="position:relative">
+
                                <div class="hoverbox-bg d-flex align-items-center justify-content-center h-100"><h3 style="color: rgba(255,255,255,1.00)">Central Part</h3></div>
−
                             <img src="https://static.igem.org/mediawiki/2019/9/91/T--Tsinghua--indexhighlight5.png" width="90%">
+
                             </div>
 
                         </div>
 
                         </div>
−
                    </div>
+
                         <h4 style="color: rgba(7,18,48,1.00)"><center>Phase</center></h4>
−
                    <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>
 
                 </div>
−
                 <div style="height: 90px;"></div>
+
                  
−
                 <div class = "row" id="highlight6">
+
               
−
                    <div class="col-2">
+
               
−
                       
+
                 <div class="row my-4 my-lg-6">
−
                    </div>
+
                     <div class="col-12">
−
                     <div class="col-5">
+
                         <img src="https://static.igem.org/mediawiki/2019/8/8b/T--Tsinghua--hy2.jpg" alt="" />
−
                         <div class="circle" style="position: absolute;left: -30px;top:3px;background-image: linear-gradient(to left, #a8ff78,#78ffd6);;"></div>
+
                         <a class="video-modal" href="https://vimeo.com/367912253" data-start="16" data-end="168">
−
                         <div class="index_para" style="width: 90%;"><h1>More possibilities</h1>
+
                            <center><button style="background-image: linear-gradient(to right, #2f80ed, #56ccf2);">Meet Our Team Here!</button></center>
−
                            <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>
+
                         </a>
−
                            <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>
 
                      
 
                      
−
                    <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>
−
                <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>
 
−
           
 
−
           
 
−
            <div class="container">
 
 
                  
 
                  
 
             </div>
 
             </div>
 
         </section>
 
         </section>
−
       
 
 
         <section class="text-center pb-3">
 
         <section class="text-center pb-3">
−
            <div class="background-holder overlay overlay-2" style="background-image:url(https://static.igem.org/mediawiki/2019/6/61/T--Tsinghua--subpage4_model.jpg);background-position: top;"> </div>
+
                <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-->
+
                <!--/.background-holder-->
−
            <div class="container">
+
                <div class="container">
−
                <div class="row justify-content-center">
+
                    <div class="row justify-content-center">
−
                    <div class="col-12">
+
                        <div class="col-12">
−
                        <h4 class="mb-2 color-white">PhASE</h4>
+
                            <h4 class="mb-4 color-white">Thanks for your support !</h4>
−
                        <p class="mb-0 color-9">Subscribe to our mailing list to receive updates and promotional offers.</p>
+
                              
−
                    </div>
+
−
                    <div class="col-md-10 col-lg-7 col-xl-5 mt-4">
+
−
                        <form method="post">
+
−
                             <div class="row align-items-center no-gutters">
+
−
                                <div class="col-md-8 px-2">
+
−
                                    <input class="form-control" type="hidden" name="to" value="username@domain.extension" />
+
−
                                    <input class="form-control border-color-white" type="text" placeholder="Enter Email Here" /> </div>
+
−
                                    <div class="col-md-4 px-2 mt-3 mt-md-0">
+
−
                                        <button class="btn btn-block btn-white" type="submit">
+
−
                                            <span>Submit</span>
+
−
                                        </button>
+
−
                                    </div>
+
−
                                </div>
+
−
                            </form>
+
 
                         </div>
 
                         </div>
−
                    </div>
+
                        <div style="height: 30px;"></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">
+
                           
−
                             <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>
+
                             </div>
−
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Description">Project</a>
+
                            <div class="col-2">
−
                             <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Model">Model</a>
+
                                <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
−
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Improvement">Parts</a>
+
                                    <img src="https://static.igem.org/mediawiki/2019/f/f2/T--Tsinghua--colab_bitlogo2.png" style="width: 50%;">
−
                             <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Human_Practices">HP</a>
+
                                </a>
−
                            <a class="d-inline-block mx-2 color-8" href="mailto:igem.thu@outlook.com">Contact Us</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>
−
                         <div class="col-lg text-lg-left">
+
                        <div style="height: 1cm;"></div>
−
                             <div class="color-8">&copy; Tsinghua iGEM 2019
+
                         <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>
 
−
                    <!--/.row-->
 
−
                </div>
 
−
                <!--/.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>
 
−
    </body>
 
−
    </html>
 
−
   
 
−
                                                                   
 
−
                                                                </div>
 
−
                                                                <!--/.row-->
 
−
                                                            </div>
 
−
                                                            <!--/.container-->
 
−
                                                        </section>
 
−
            </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/6/61/T--Tsinghua--subpage4_model.jpg);background-position: top;"> </div>
 
−
            <!--/.background-holder-->
 
−
            <div class="container">
 
−
                <div class="row justify-content-center">
 
−
                    <div class="col-12">
 
−
                        <h4 class="mb-2 color-white">PhASE</h4>
 
−
                        <p class="mb-0 color-9">Subscribe to our mailing list to receive updates and promotional offers.</p>
 
−
                    </div>
 
−
                    <div class="col-md-10 col-lg-7 col-xl-5 mt-4">
 
−
                        <form method="post">
 
−
                            <div class="row align-items-center no-gutters">
 
−
                                <div class="col-md-8 px-2">
 
−
                                    <input class="form-control" type="hidden" name="to" value="username@domain.extension" />
 
−
                                    <input class="form-control border-color-white" type="text" placeholder="Enter Email Here" /> </div>
 
−
                                    <div class="col-md-4 px-2 mt-3 mt-md-0">
 
−
                                        <button class="btn btn-block btn-white" type="submit">
 
−
                                            <span>Submit</span>
 
−
                                        </button>
 
−
                                    </div>
 
−
                                </div>
 
−
                            </form>
 
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 1,113: Line 638:
 
                             <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/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="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">Contact Us</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/Collaborations">Next Page <span class="fa fa-chevron-right"></span></span></a>
 
                         </div>
 
                         </div>
 
                         <div class="col-lg text-lg-left">
 
                         <div class="col-lg text-lg-left">
Line 1,121: Line 646:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                    <!--/.row-->
 
 
                 </div>
 
                 </div>
 +
                <!--/.row-->
 +
               
 
                 <!--/.container-->
 
                 <!--/.container-->
 
             </section>
 
             </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> -->
+
    </main>
−
        <!-- <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> -->
+
    <!--    JavaScripts-->
−
        <!-- <script src="assets/js/googlemap.js"></script> -->
+
    <!--    =============================================-->
−
       
+
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.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/modernizr.min.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 src="assets/lib/jquery-menu-aim/jquery.menu-aim.js"></script> -->
+
    <!-- <script src="assets/lib/jquery/dist/jquery.min.js"></script> -->
−
        <!-- <script src="assets/lib/gsap/src/minified/TweenMax.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 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/bootstrap/dist/js/bootstrap.min.js"></script> -->
−
       
+
    <!-- <script src="assets/js/googlemap.js"></script> -->
−
        <!-- <script src="assets/lib/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script> -->
+
   
−
        <!-- <script src="assets/lib/CustomEase.min.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/CustomEase.min.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 src="assets/lib/jquery-menu-aim/jquery.menu-aim.js"></script> -->
−
        <!-- <script src="assets/js/config.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/config.js&action=raw&ctype=text/javascript"></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/rellax/rellax.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/rellax.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/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 src="assets/js/config.js"></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 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/js/inertia.js"></script> -->
+
    <!-- <script src="assets/lib/rellax/rellax.min.js"></script> -->
−
        <!-- <script src="assets/lib/lightbox2/dist/js/lightbox.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/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/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 src="assets/js/core.js"></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/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 src="assets/js/inertia.js"></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/lib/lightbox2/dist/js/lightbox.js"></script> -->
−
        <!-- <script src="assets/js/particleanimate.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/particleanimate.js&action=raw&ctype=text/javascript"></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 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/core.js"></script> -->
−
     </body>
+
    <!-- <script src="assets/js/main.js"></script> -->
−
     </html>
+
    <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 01:54, 22 October 2019

iGEM Tsinghua

Meet Our Team

Team Instructor

Guoqiang Chen

Team Instructor

Zhirong Sun

Team Instructor

Peng Li

Team Instructor

Xuan Wang

Advisor

Liang Yao

Advisor

Jianing Han

Advisor

Xinyi Chen

Advisor

Xiaofei Ge

Advisor

Qi Yan

Advisor

Tianze Huang

Advisor

Tingxuan Wang

Advisor

Yuejun Hao

Team Leader / Wet Lab

Zikang Huang

Team Leader / Finance

Chunyu Chen

Wet Lab

Hongrui Liu

Modeling / Wiki

Bowen Chen

Wet Lab

Site Feng

Modeling

Meng Fang

Wiki / Photography

Jiale Fu

Design / Wet Lab

Zihan Zhai

Wet Lab

Chuheng Qing

Wet Lab

Lize Sun

Wet Lab

Genzhe Lu

Wet Lab

Ji Gao

Human Practice

Jiayi Li

Logistic Support

Liqun Zhou

Central Part

Phase

Thanks for your support !

Home Team Project Model Parts HP Contact Us Next Page
© Tsinghua iGEM 2019
1