Difference between revisions of "Team:Tsinghua/Design"

 
(One intermediate revision by one other user 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-5" 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>
−
                <img src="https://static.igem.org/mediawiki/2019/b/be/T--Tsinghua--logo.png" style="width: 8%;position: absolute;left: -6%;">
+
            <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">
+
                    <img src="https://static.igem.org/mediawiki/2019/b/be/T--Tsinghua--logo.png" style="width: 8%;position: absolute;left: -6%;">
 +
                    <nav class="navbar navbar-expand-lg">
 
                          
 
                          
−
                         iGEM
+
                         <a class="navbar-brand overflow-hidden pr-3 fs-3" href="https://2019.igem.org/Team:Tsinghua">
−
                        <span class="d-none d-lg-inline-block">Tsinghua</span>
+
                           
−
                    </a>
+
                            iGEM
−
                    <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+
                            <span class="d-none d-lg-inline-block">Tsinghua</span>
−
                        <div class="hamburger hamburger--emphatic">
+
                        </a>
−
                            <div class="hamburger-box">
+
                        <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
−
                                <div class="hamburger-inner"></div>
+
                            <div class="hamburger hamburger--emphatic">
−
                                  
+
                                <div class="hamburger-box">
 +
                                    <div class="hamburger-inner"></div>
 +
                                   
 +
                                 </div>
 
                             </div>
 
                             </div>
−
                         </div>
+
                         </button> -->
−
                    </button> -->
+
                        <div class="collapse navbar-collapse" id="navbarNavDropdown">
−
                    <div class="collapse navbar-collapse" id="navbarNavDropdown">
+
                            <ul class="navbar-nav font-2 fs-1">
−
                        <ul class="navbar-nav font-2 fs-1">
+
                                <li>
−
                            <li>
+
                                    <a href="https://2019.igem.org/Team:Tsinghua"><span class="fa fa-home"></span> Home</a>
−
                                <a href="https://2019.igem.org/Team:Tsinghua"><span class="fa fa-home"></span> Home</a>
+
                                   
 +
                                </li>
 +
                                <li>
 +
                                    <a href="JavaScript:void(0)"><span class="fa fa-group"></span> Team</a>
 +
                                    <ul class="dropdown fs-0">
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Team">Members</a>
 +
                                        </li> 
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Collaborations">Collaborations</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Notebook">Notebook</a>
 +
                                        </li>
 +
                                       
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Attributions">Attributions</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Design">Design</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="JavaScript:void(0)"><span class="fa fa-flask"></span> Project</a>
 +
                                    <ul class="dropdown fs-0">
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Description">Description</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Experiments">Experiments</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Demonstrate">Results</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Measurement">Measurement</a>
 +
                                        </li>
 +
                                       
 +
                                    </ul>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="JavaScript:void(0)"><span class="fa fa-cube"></span> Model</a>
 +
                                    <ul class="dropdown fs-0">
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Model">Part I</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Model2">Part II</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Model3">Part III</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="JavaScript:void(0)"><span class="fa fa-gears"></span> Parts</a>
 +
                                    <ul class="dropdown fs-0">
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Improvement">Improvement</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Characterization">Characterization</a>
 +
                                        </li>
 +
                                       
 +
                                        <li>
 +
                                            <a href="https://2019.igem.org/Team:Tsinghua/Chart">Chart Form</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 
                                  
 
                                  
−
                            </li>
+
                                <li>
−
                            <li>
+
                                    <a href="JavaScript:void(0)"><span class="fa fa-male"></span> Human Practices</a>
−
                                <a href="JavaScript:void(0)"><span class="fa fa-group"></span> Team</a>
+
                                    <ul class="dropdown fs-0">
−
                                <ul class="dropdown fs-0">
+
                                         <li>
−
                                    <li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Human_Practices">General</a>
−
                                         <a href="https://2019.igem.org/Team:Tsinghua/Team">Members</a>
+
                                         </li>
−
                                    </li>  
+
                                          
−
                                    <li>
+
                                         <li>
−
                                        <a href="https://2019.igem.org/Team:Tsinghua/Collaborations">Collaborations</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Integrated">Integrated</a>
−
                                    </li>
+
                                         </li>
−
                                    <li>
+
                                         <li>
−
                                         <a href="https://2019.igem.org/Team:Tsinghua/Notebook">Notebook</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Safety">Safety</a>
−
                                    </li>
+
                                         </li>
−
                                   
+
                                          
−
                                    <li>
+
                                     </ul>
−
                                         <a href="https://2019.igem.org/Team:Tsinghua/Attributions">Attributions</a>
+
                                 </li>
−
                                    </li>
+
                             </ul>
−
                                    <li>
+
−
                                         <a href="https://2019.igem.org/Team:Tsinghua/Design">Design</a>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="JavaScript:void(0)"><span class="fa fa-flask"></span> Project</a>
+
−
                                <ul class="dropdown fs-0">
+
−
                                    <li>
+
−
                                        <a href="https://2019.igem.org/Team:Tsinghua/Description">Description</a>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                         <a href="https://2019.igem.org/Team:Tsinghua/Experiments">Experiments</a>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                         <a href="https://2019.igem.org/Team:Tsinghua/Demonstrate">Results</a>
+
−
                                    </li>
+
−
                                   
+
−
                                </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/Composite">Composite</a>
+
−
                                    </li>
+
−
                                   
+
−
                                    <li>
+
−
                                        <a href="https://2019.igem.org/Team:Tsinghua/Basic">Basic Part</a>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </li>
+
 
                              
 
                              
−
                            <li>
+
                         </div>
−
                                <a href="JavaScript:void(0)"><span class="fa fa-male"></span> Human Practices</a>
+
−
                                <ul class="dropdown fs-0">
+
−
                                    <li>
+
−
                                        <a href="https://2019.igem.org/Team:Tsinghua/Human_Practices">Overview</a>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <a href="https://2019.igem.org/Team:Tsinghua/General">General</a>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <a href="https://2019.igem.org/Team:Tsinghua/Integrated">Integrated</a>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <a href="https://2019.igem.org/Team:Tsinghua/Safety">Safety</a>
+
−
                                    </li>
+
−
                                   
+
−
                                </ul>
+
−
                            </li>
+
−
                         </ul>
+
 
                          
 
                          
−
                     </div>
+
                     </nav>
 
                      
 
                      
−
                 </nav>
+
                 </div>
−
               
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
       
 
 
         <section class="py-0 overflow-hidden">
 
         <section class="py-0 overflow-hidden">
 
             <div class="background-holder overlay overlay-2 parallax" style="background-image:url(https://static.igem.org/mediawiki/2019/9/92/T--Tsinghua--subpage2Team.jpg);"> </div>
 
             <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>
Line 231: Line 240:
 
                           <p>&nbsp;</p>
 
                           <p>&nbsp;</p>
 
      
 
      
−
                                     <center> <img align="middle"  src="https://static.igem.org/mediawiki/2019/7/73/T--Tsinghua--design3.png" alt="" /> </center>
+
                                     <center> <img align="middle"  width = "500px" height = "200px" src="https://static.igem.org/mediawiki/2019/7/73/T--Tsinghua--design3.png" alt="" /> </center>
 
                              
 
                              
 
                           <p>&nbsp;</p>
 
                           <p>&nbsp;</p>
Line 237: Line 246:
 
                             <h3 class="dropcap">The colored version of the logo symbolizes the utilization of light in our experiment to induce phase separation: </h3>
 
                             <h3 class="dropcap">The colored version of the logo symbolizes the utilization of light in our experiment to induce phase separation: </h3>
 
                            
 
                            
−
                                   <center> <img  align="middle"  src="  https://static.igem.org/mediawiki/2019/f/f3/T--Tsinghua--design4.png" alt="" /></center>
+
                                   <center> <img  align="middle" width = "400px" height = "488px"  src="  https://static.igem.org/mediawiki/2019/f/f3/T--Tsinghua--design4.png" alt="" /></center>
 
                              
 
                              
 
                            
 
                            
Line 245: Line 254:
 
                         </h3>
 
                         </h3>
 
                              
 
                              
−
                                   <center> <img align="middle"  src="    https://static.igem.org/mediawiki/2019/0/0a/T--Tsinghua--design5.png" alt="" ></center>
+
                                   <center> <img align="middle"  width = "350px" height = "340px" src="    https://static.igem.org/mediawiki/2019/0/0a/T--Tsinghua--design5.png" alt="" ></center>
 
                              
 
                              
 
                  
 
                  
Line 258: Line 267:
 
         </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/f/fb/T--Tsinghua--footimg.png);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-4 color-white">Thanks for your support !</h4>
+
                            <h4 class="mb-4 color-white">Thanks for your support !</h4>
−
                       
+
−
                    </div>
+
−
                    <div style="height: 30px;"></div>
+
−
                    <div class ="row">
+
−
                       
+
−
                        <div class="col-2">
+
−
                        </div>
+
−
                        <div class="col-2">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/f/f2/T--Tsinghua--colab_bitlogo2.png" style="width: 50%;">
+
 
                              
 
                              
 
                         </div>
 
                         </div>
−
                         <div class="col-2">
+
                        <div style="height: 30px;"></div>
−
                             <img src="https://static.igem.org/mediawiki/2019/b/bf/T--Tsinghua--colab_pkulogo3.png" style="width:50%;">
+
                         <div class ="row">
−
                        </div>
+
                           
−
                        <div class="col-2">
+
                            <div class="col-2">
−
                            <img src="https://static.igem.org/mediawiki/2019/1/16/T--Tsinghua--colab_bitlogo3.png" style="width:50%;">
+
                             </div>
−
                        </div>
+
                            <div class="col-2">
−
                       
+
                                <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
−
                        <div class="col-2">
+
                                    <img src="https://static.igem.org/mediawiki/2019/f/f2/T--Tsinghua--colab_bitlogo2.png" style="width: 50%;">
−
                            <img src="https://static.igem.org/mediawiki/2019/1/12/T--Tsinghua--sj3.jpg" style="width: 50%;">
+
                                </a>
 +
                               
 +
                            </div>
 +
                            <div class="col-2">
 +
                                <a href="https://2019.igem.org/Team:Peking/Collaborations" target="_blank">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/b/bf/T--Tsinghua--colab_pkulogo3.png" style="width:50%;">
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-2">
 +
                                <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/1/16/T--Tsinghua--colab_bitlogo3.png" style="width:50%;">
 +
                                </a>
 +
                            </div>
 +
                           
 +
                            <div class="col-2">
 +
                                <a href="https://2019.igem.org/Team:SJTU-BioX-Shanghai/Collaborations#section4" target="_blank">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/1/12/T--Tsinghua--sj3.jpg" style="width: 50%;">
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-2">
 +
                            </div>
 
                              
 
                              
 
                         </div>
 
                         </div>
−
                         <div class="col-2">
+
                        <div style="height: 1cm;"></div>
 +
                         <div class="row">
 +
                            <div class="col-3"></div>
 +
                            <div class="col-2">
 +
                                <a href="https://2019.igem.org/Team:Peking/Collaborations" target="_blank">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/2/2e/T--Tsinghua--colab_pkulogo.png">
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-2">
 +
                                <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/4/4a/T--Tsinghua--colab_bitlogo.png">
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-2">
 +
                                <a href="https://2019.igem.org/Team:SJTU-BioX-Shanghai/Collaborations#section4" target="_blank">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Tsinghua--Colab_sj2.png">
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-3">
 +
                            </div>
 
                         </div>
 
                         </div>
−
                       
 
 
                     </div>
 
                     </div>
−
                     <div style="height: 1cm;"></div>
+
                     <div class="row mt-8 fs--1">
−
                    <div class="row">
+
                        <div class="col-lg-auto ml-lg-auto order-lg-2 mb-2 mb-lg-0">
−
                        <div class="col-3"></div>
+
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua">Home</a>
−
                        <div class="col-2">
+
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Team</a>
−
                             <img src="https://static.igem.org/mediawiki/2019/2/2e/T--Tsinghua--colab_pkulogo.png">
+
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Description">Project</a>
 +
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Model">Model</a>
 +
                             <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Improvement">Parts</a>
 +
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Human_Practices">HP</a>
 +
                            <a class="d-inline-block mx-2 color-8" href="mailto:igem.thu@outlook.com"><span class="fa fa-envelope"></span> Contact Us</a>
 +
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Description">Next Page <span class="fa fa-chevron-right"></span></span></a>
 
                         </div>
 
                         </div>
−
                         <div class="col-2">
+
                         <div class="col-lg text-lg-left">
−
                            <img src="https://static.igem.org/mediawiki/2019/4/4a/T--Tsinghua--colab_bitlogo.png">
+
                            <div class="color-8">&copy; Tsinghua iGEM 2019
−
                        </div>
+
                             </div>
−
                        <div class="col-2">
+
−
                             <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Tsinghua--Colab_sj2.png">
+
−
                        </div>
+
−
                        <div class="col-3">
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <div class="row mt-8 fs--1">
+
                 <!--/.row-->
−
                    <div class="col-lg-auto ml-lg-auto order-lg-2 mb-2 mb-lg-0">
+
               
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua">Home</a>
+
                <!--/.container-->
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Team</a>
+
            </section>
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Description">Project</a>
+
        </main>
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Model">Model</a>
+
        <!-- -->
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Improvement">Parts</a>
+
        <!--   JavaScripts-->
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Human_Practices">HP</a>
+
        <!--   =============================================-->
−
                        <a class="d-inline-block mx-2 color-8" href="mailto:igem.thu@outlook.com"><span class="fa fa-envelope"></span> Contact Us</a>
+
        <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> -->
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Collaborations">Next Page <span class="fa fa-chevron-right"></span></a>
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/modernizr.min.js&action=raw&ctype=text/javascript"></script>
−
                    </div>
+
−
                    <div class="col-lg text-lg-left">
+
−
                        <div class="color-8">&copy; Tsinghua iGEM 2019
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
            <!--/.row-->
+
−
           
+
−
            <!--/.container-->
+
−
        </section>
+
 
          
 
          
−
    </main>
+
        <!-- <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> -->
−
    <!--    JavaScripts-->
+
        <!-- <script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script> -->
−
    <!--    =============================================-->
+
        <!-- <script src="assets/js/googlemap.js"></script> -->
−
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> -->
+
       
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/modernizr.min.js&action=raw&ctype=text/javascript"></script>
+
        <!-- <script src="assets/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/dist/jquery.min.js"></script> -->
+
        <!-- <script src="assets/lib/jquery-menu-aim/jquery.menu-aim.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/gsap/src/minified/TweenMax.min.js"></script> -->
−
    <!-- <script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script> -->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/TweenMax.min.js&action=raw&ctype=text/javascript"></script>
−
    <!-- <script src="assets/js/googlemap.js"></script> -->
+
       
−
   
+
        <!-- <script src="assets/lib/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script> -->
−
    <!-- <script src="assets/lib/imagesloaded/imagesloaded.pkgd.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/imagesloaded.pkgd.min.js&action=raw&ctype=text/javascript"></script>
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/CustomEase.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 src="assets/js/config.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 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/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script> -->
+
        <!-- <script src="assets/lib/rellax/rellax.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/rellax.min.js&action=raw&ctype=text/javascript"></script>
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/CustomEase.min.js&action=raw&ctype=text/javascript"></script>
+
       
−
   
+
        <!-- <script src="assets/js/zanimation.js"></script> -->
−
    <!-- <script src="assets/js/config.js"></script> -->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/zanimation.js&action=raw&ctype=text/javascript"></script>
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/config.js&action=raw&ctype=text/javascript"></script>
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/inertia.js&action=raw&ctype=text/javascript"></script>
−
   
+
       
−
    <!-- <script src="assets/lib/rellax/rellax.min.js"></script> -->
+
        <!-- <script src="assets/js/inertia.js"></script> -->
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/rellax.min.js&action=raw&ctype=text/javascript"></script>
+
        <!-- <script src="assets/lib/lightbox2/dist/js/lightbox.js"></script> -->
−
   
+
        <!-- <script src="assets/lib/flexslider/jquery.flexslider-min.js"></script> -->
−
    <!-- <script src="assets/js/zanimation.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 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/core.js"></script> -->
−
   
+
        <!-- <script src="assets/js/main.js"></script> -->
−
    <!-- <script src="assets/js/inertia.js"></script> -->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/main.js&action=raw&ctype=text/javascript"></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/core.js&action=raw&ctype=text/javascript"></script>
−
    <!-- <script src="assets/lib/flexslider/jquery.flexslider-min.js"></script> -->
+
        <!-- <script src="assets/js/particleanimate.js"></script> -->
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/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/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 src="assets/js/core.js"></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/main.js"></script> -->
+
        <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>
+
            (function(){
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/core.js&action=raw&ctype=text/javascript"></script>
+
                let pageHeight = document.body.scrollHeight || document.documentElement.scrollHeight; // 页面总高度
−
    <!-- <script src="assets/js/particleanimate.js"></script> -->
+
                let windowHeight = document.documentElement.clientHeight || document.body.clientHeight; // 浏览器视口高度
−
    <!-- <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/particleanimate.js&action=raw&ctype=text/javascript"></script> -->
+
                let scrollAvail = pageHeight - windowHeight; // 可滚动的高度
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.js&action=raw&ctype=text/javascript"></script>
+
                console.log('可滚动的高度：', scrollAvail);
−
    <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>
+
                window.onscroll = function () {
−
</body>
+
                    let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;  // 获取滚动条的高度
−
</html>
+
                    console.log('滚动条的高度：', scrollTop);
 +
                    document.querySelector('.progress').style.width = (scrollTop/scrollAvail)*100 + '%';    // 计算占比
 +
                };
 +
            }());
 +
        </script>
 +
    </body>
 +
    <body>
 +
        <div class="progress"></div>
 +
        <div>
 +
            <div class="box">1</div>
 +
        </div>
 +
    </body>
 +
    </html>

Latest revision as of 02:06, 22 October 2019

iGEM Tsinghua

Design and Implication of Our Logo

 

The pattern in the center of this logo represents DNA, which is also the edge of the two modules representing a switch for regulating biochemical reactions positively or negatively. The main tool utilized by our project and the central part – phase separation – is shown by a series of dots (phase).

 

 

 

 

 

 

 

Apart from a switch, these two centrosymmetric figures also indicate cell differentiation, which is an interesting part discussed in our project.

 

 

 

 

The colored version of the logo symbolizes the utilization of light in our experiment to induce phase separation:

 

 

We have also designed different versions of our logo. The loading icon is one of the examples:

Thanks for your support !

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