Difference between revisions of "Team:Tsinghua/Team"

 
(4 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-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>
Line 447: Line 457:
 
                             <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 
                             <div class="hoverbox-primary-content d-flex align-items-center justify-content-center h-100">
 
                                 <div class="hoverbox-content p-4">
 
                                 <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)">Design / Poster</h3></div>
+
                                     <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>
 
                                 </div>
 
                             </div>
 
                             </div>
Line 549: Line 559:
 
                     <div class="col-12">
 
                     <div class="col-12">
 
                         <img src="https://static.igem.org/mediawiki/2019/8/8b/T--Tsinghua--hy2.jpg" alt="" />
 
                         <img src="https://static.igem.org/mediawiki/2019/8/8b/T--Tsinghua--hy2.jpg" alt="" />
−
                         <h2><center>Meet Our Team Here!</center></h2>
+
                         <a class="video-modal" href="https://vimeo.com/367912253" data-start="16" data-end="168">
 +
                            <center><button style="background-image: linear-gradient(to right, #2f80ed, #56ccf2);">Meet Our Team Here!</button></center>
 +
                        </a>
 
                     </div>
 
                     </div>
 
                      
 
                      
Line 557: Line 569:
 
         </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">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/1/16/T--Tsinghua--colab_bitlogo3.png" style="width:50%;">
+
−
                        </div>
+
−
                       
+
−
                        <div class="col-2">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/1/12/T--Tsinghua--sj3.jpg" style="width: 50%;">
+
 
                              
 
                              
−
                        </div>
+
                             <div class="col-2">
−
                        <div class="col-2">
+
−
                        </div>
+
−
                       
+
−
                    </div>
+
−
                    <div style="height: 1cm;"></div>
+
−
                    <div class="row">
+
−
                        <div class="col-3"></div>
+
−
                        <div class="col-2">
+
−
                             <img src="https://static.igem.org/mediawiki/2019/2/2e/T--Tsinghua--colab_pkulogo.png">
+
−
                        </div>
+
−
                        <div class="col-2">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/4/4a/T--Tsinghua--colab_bitlogo.png">
+
−
                        </div>
+
−
                        <div class="col-2">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Tsinghua--Colab_sj2.png">
+
−
                        </div>
+
−
                        <div class="col-3">
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="row mt-8 fs--1">
+
−
                    <div class="col-lg-auto ml-lg-auto order-lg-2 mb-2 mb-lg-0">
+
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua">Home</a>
+
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Team</a>
+
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Description">Project</a>
+
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Model">Model</a>
+
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Improvement">Parts</a>
+
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Human_Practices">HP</a>
+
−
                        <a class="d-inline-block mx-2 color-8" href="mailto:igem.thu@outlook.com"><span class="fa fa-envelope"></span> Contact Us</a>
+
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Collaborations">Next Page <span class="fa fa-chevron-right"></span></span></a>
+
−
                    </div>
+
−
                    <div class="col-lg text-lg-left">
+
−
                        <div class="color-8">&copy; Tsinghua iGEM 2019
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
            <!--/.row-->
+
−
           
+
−
            <!--/.container-->
+
−
        </section>
+
−
       
+
−
    </main>
+
−
    <!--  -->
+
−
    <!--    JavaScripts-->
+
−
    <!--    =============================================-->
+
−
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> -->
+
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/modernizr.min.js&action=raw&ctype=text/javascript"></script>
+
−
   
+
−
    <!-- <script src="assets/lib/jquery/dist/jquery.min.js"></script> -->
+
−
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> -->
+
−
    <!-- <script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script> -->
+
−
    <!-- <script src="assets/js/googlemap.js"></script> -->
+
−
   
+
−
    <!-- <script src="assets/lib/imagesloaded/imagesloaded.pkgd.min.js"></script> -->
+
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/imagesloaded.pkgd.min.js&action=raw&ctype=text/javascript"></script>
+
−
    <!-- <script src="assets/lib/jquery-menu-aim/jquery.menu-aim.js"></script> -->
+
−
    <!-- <script src="assets/lib/gsap/src/minified/TweenMax.min.js"></script> -->
+
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/TweenMax.min.js&action=raw&ctype=text/javascript"></script>
+
−
   
+
−
    <!-- <script src="assets/lib/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script> -->
+
−
    <!-- <script src="assets/lib/CustomEase.min.js"></script> -->
+
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/CustomEase.min.js&action=raw&ctype=text/javascript"></script>
+
−
   
+
−
    <!-- <script src="assets/js/config.js"></script> -->
+
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/config.js&action=raw&ctype=text/javascript"></script>
+
−
   
+
−
    <!-- <script src="assets/lib/rellax/rellax.min.js"></script> -->
+
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/rellax.min.js&action=raw&ctype=text/javascript"></script>
+
−
   
+
−
    <!-- <script src="assets/js/zanimation.js"></script> -->
+
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/zanimation.js&action=raw&ctype=text/javascript"></script>
+
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/inertia.js&action=raw&ctype=text/javascript"></script>
+
−
   
+
−
    <!-- <script src="assets/js/inertia.js"></script> -->
+
−
    <!-- <script src="assets/lib/lightbox2/dist/js/lightbox.js"></script> -->
+
−
    <!-- <script src="assets/lib/flexslider/jquery.flexslider-min.js"></script> -->
+
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/jquery.flexslider-min.js&action=raw&ctype=text/javascript"></script>
+
−
   
+
−
    <!-- <script src="assets/js/core.js"></script> -->
+
−
    <!-- <script src="assets/js/main.js"></script> -->
+
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/main.js&action=raw&ctype=text/javascript"></script>
+
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/core.js&action=raw&ctype=text/javascript"></script>
+
−
    <!-- <script src="assets/js/particleanimate.js"></script> -->
+
−
    <!-- <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/particleanimate.js&action=raw&ctype=text/javascript"></script> -->
+
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.js&action=raw&ctype=text/javascript"></script>
+
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.min.js&action=raw&ctype=text/javascript"></script>
+
−
</body>
+
−
</html>
+
−
en</center></h4>
+
−
                    </div>
+
−
                    <div class="col-lg-4 mt-4 mt-lg-0">
+
−
                       
+
−
                        <div class="hoverbox">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/1/10/T--Tsinghua--lhr.jpg" alt="" />
+
−
                           
+
−
                            <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 class="col-2">
−
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Hongrui Liu</center></h4>
+
                                <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
−
                    </div>
+
                                    <img src="https://static.igem.org/mediawiki/2019/f/f2/T--Tsinghua--colab_bitlogo2.png" style="width: 50%;">
−
                </div>
+
                                </a>
−
                <div class="row">
+
−
                    <div class="col-lg-4">
+
−
                       
+
−
                        <div class="hoverbox">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/1/1a/T--Tsinghua--cbw.jpg" alt="" />
+
−
                            <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
+
 
                                  
 
                                  
 
                             </div>
 
                             </div>
−
                             <div class="hoverbox-content p-4">
+
                             <div class="col-2">
−
                                 <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>
+
                                 <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>
−
                        </div>
+
                            <div class="col-2">
−
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Bowen Chen</center></h4>
+
                                <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
−
                    </div>
+
                                    <img src="https://static.igem.org/mediawiki/2019/1/16/T--Tsinghua--colab_bitlogo3.png" style="width:50%;">
−
                    <div class="col-lg-4 mt-4 mt-lg-0">
+
                                 </a>
−
                       
+
−
                        <div class="hoverbox">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/5/57/T--Tsinghua--fst.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>Site Feng</center></h4><strong></strong>
 
−
                    </div>
 
−
                    <div class="col-lg-4 mt-4 mt-lg-0">
 
−
                       
 
−
                        <div class="hoverbox">
 
−
                            <img src="https://static.igem.org/mediawiki/2019/e/e1/T--Tsinghua--fm.jpg" alt="" />
 
 
                              
 
                              
−
                             <div class="hoverbox-content p-4">
+
                             <div class="col-2">
−
                                 <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>
+
                                 <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>
−
                        </div>
+
                            <div class="col-2">
−
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Meng Fang</center></h4>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="row">
+
−
                    <div class="col-lg-4">
+
−
                       
+
−
                        <div class="hoverbox">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/5/58/T--Tsinghua--fjl.jpg" alt="" />
+
−
                            <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
+
−
                               
+
 
                             </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)">Wiki / Photography</h3></div>
 
−
                            </div>
 
−
                        </div>
 
−
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Jiale Fu</center></h4>
 
−
                    </div>
 
−
                    <div class="col-lg-4 mt-4 mt-lg-0">
 
−
                       
 
−
                        <div class="hoverbox">
 
−
                            <img src="https://static.igem.org/mediawiki/2019/b/b7/T--Tsinghua--zzh.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)">Design / Poster</h3></div>
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Zihan Zhai</center></h4>
 
−
                    </div>
 
−
                    <div class="col-lg-4 mt-4 mt-lg-0">
 
−
                       
 
−
                        <div class="hoverbox">
 
−
                            <img src="https://static.igem.org/mediawiki/2019/c/cd/T--Tsinghua--qch.jpg" alt="" />
 
 
                              
 
                              
−
                            <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 style="height: 1cm;"></div>
−
                    </div>
+
                        <div class="row">
−
                </div>
+
                            <div class="col-3"></div>
−
                <div class="row">
+
                            <div class="col-2">
−
                    <div class="col-lg-4">
+
                                <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">
−
                        <div class="hoverbox">
+
                                </a>
−
                            <img src="https://static.igem.org/mediawiki/2019/6/6a/T--Tsinghua--slz.jpg" alt="" />
+
−
                            <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
+
−
                               
+
 
                             </div>
 
                             </div>
−
                             <div class="hoverbox-content p-4">
+
                             <div class="col-2">
−
                                 <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>
+
                                 <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>
−
                        </div>
+
                            <div class="col-2">
−
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Lize Sun</center></h4>
+
                                <a href="https://2019.igem.org/Team:SJTU-BioX-Shanghai/Collaborations#section4" target="_blank">
−
                    </div>
+
                                    <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Tsinghua--Colab_sj2.png">
−
                    <div class="col-lg-4 mt-4 mt-lg-0">
+
                                 </a>
−
                       
+
−
                        <div class="hoverbox">
+
−
                            <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>
+
                            <div class="col-3">
−
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Genzhe Lu</center></h4>
+
−
                    </div>
+
−
                    <div class="col-lg-4 mt-4 mt-lg-0">
+
−
                       
+
−
                        <div class="hoverbox">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/e/e6/T--Tsinghua--gj.jpg" alt="" />
+
−
                           
+
−
                            <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>Ji Gao</center></h4>
 
 
                     </div>
 
                     </div>
−
                </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-lg-4">
+
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua">Home</a>
−
                       
+
                             <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Team</a>
−
                        <div class="hoverbox">
+
                            <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Description">Project</a>
−
                             <img src="https://static.igem.org/mediawiki/2019/5/56/T--Tsinghua--ljy.jpg" alt="" />
+
                             <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Model">Model</a>
−
                             <div class="hoverbox-primary-content as-hoverbox-content d-flex align-items-center justify-content-center h-100">
+
                            <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>
−
                            </div>
+
                            <a class="d-inline-block mx-2 color-8" href="mailto:igem.thu@outlook.com"><span class="fa fa-envelope"></span> Contact Us</a>
−
                             <div class="hoverbox-content p-4">
+
                            <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 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 class="col-lg text-lg-left">
−
                    </div>
+
                             <div class="color-8">&copy; Tsinghua iGEM 2019
−
                    <div class="col-lg-4 mt-4 mt-lg-0">
+
−
                       
+
−
                        <div class="hoverbox">
+
−
                            <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>
 
                         </div>
−
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Liqun Zhou</center></h4>
 
−
                    </div>
 
−
                    <div class="col-lg-4 mt-4 mt-lg-0">
 
−
                       
 
−
                        <div class="hoverbox">
 
−
                            <img src="https://static.igem.org/mediawiki/2019/e/e2/T--Tsinghua--logo_black.jpg" alt="" />
 
−
                           
 
−
                            <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)">Central Part</h3></div>
 
−
                            </div>
 
−
                        </div>
 
−
                        <h4 style="color: rgba(7,18,48,1.00)"><center>Phase</center></h4>
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
                <!--/.row-->
 
                  
 
                  
−
               
+
                 <!--/.container-->
−
               
+
             </section>
−
                 <div class="row my-4 my-lg-6">
+
−
                    <div class="col-12">
+
−
                        <img src="https://static.igem.org/mediawiki/2019/8/8b/T--Tsinghua--hy2.jpg" alt="" />
+
−
                        <h2><center>Meet Our Team Here!</center></h2>
+
−
                    </div>
+
−
                   
+
−
                </div>
+
−
               
+
−
            </div>
+
−
        </section>
+
−
        <section class="text-center pb-3">
+
−
            <div class="background-holder overlay overlay-2" style="background-image:url(https://static.igem.org/mediawiki/2019/f/fb/T--Tsinghua--footimg.png);background-position: top;"> </div>
+
−
            <!--/.background-holder-->
+
−
            <div class="container">
+
−
                <div class="row justify-content-center">
+
−
                    <div class="col-12">
+
−
                        <h4 class="mb-4 color-white">Thanks for your support !</h4>
+
−
                       
+
−
                    </div>
+
−
                    <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 class="col-2">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/b/bf/T--Tsinghua--colab_pkulogo3.png" style="width:50%;">
+
−
                        </div>
+
−
                        <div class="col-2">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/1/16/T--Tsinghua--colab_bitlogo3.png" style="width:50%;">
+
−
                        </div>
+
−
                       
+
−
                        <div class="col-2">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/1/12/T--Tsinghua--sj3.jpg" style="width: 50%;">
+
−
                           
+
−
                        </div>
+
−
                        <div class="col-2">
+
−
                        </div>
+
−
                       
+
−
                    </div>
+
−
                    <div style="height: 1cm;"></div>
+
−
                    <div class="row">
+
−
                        <div class="col-3"></div>
+
−
                        <div class="col-2">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/2/2e/T--Tsinghua--colab_pkulogo.png">
+
−
                        </div>
+
−
                        <div class="col-2">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/4/4a/T--Tsinghua--colab_bitlogo.png">
+
−
                        </div>
+
−
                        <div class="col-2">
+
−
                            <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Tsinghua--Colab_sj2.png">
+
−
                        </div>
+
−
                        <div class="col-3">
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="row mt-8 fs--1">
+
−
                    <div class="col-lg-auto ml-lg-auto order-lg-2 mb-2 mb-lg-0">
+
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua">Home</a>
+
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Team</a>
+
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Description">Project</a>
+
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Model">Model</a>
+
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Improvement">Parts</a>
+
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Human_Practices">HP</a>
+
−
                        <a class="d-inline-block mx-2 color-8" href="mailto:igem.thu@outlook.com"><span class="fa fa-envelope"></span> Contact Us</a>
+
−
                        <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Collaborations">Next Page <span class="fa fa-chevron-right"></span></span></a>
+
−
                    </div>
+
−
                    <div class="col-lg text-lg-left">
+
−
                        <div class="color-8">&copy; Tsinghua iGEM 2019
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
             </div>
+
−
            <!--/.row-->
+
−
           
+
−
            <!--/.container-->
+
−
        </section>
+
 
          
 
          
 
     </main>
 
     </main>
Line 971: Line 697:
 
     <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.js&action=raw&ctype=text/javascript"></script>
 
     <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.js&action=raw&ctype=text/javascript"></script>
 
     <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.min.js&action=raw&ctype=text/javascript"></script>
 
     <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.min.js&action=raw&ctype=text/javascript"></script>
 +
    <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>
 
</body>
 
</html>
 
</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