Difference between revisions of "Team:Tsinghua/Team"

 
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 117: Line 122:
 
                                         <li>
 
                                         <li>
 
                                             <a href="https://2019.igem.org/Team:Tsinghua/Demonstrate">Results</a>
 
                                             <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>
 
                                         </li>
 
                                          
 
                                          
Line 142: Line 150:
 
                                         </li>
 
                                         </li>
 
                                         <li>
 
                                         <li>
−
                                             <a href="https://2019.igem.org/Team:Tsinghua/Composite">Composite</a>
+
                                             <a href="https://2019.igem.org/Team:Tsinghua/Characterization">Characterization</a>
 
                                         </li>
 
                                         </li>
 
                                          
 
                                          
 
                                         <li>
 
                                         <li>
−
                                             <a href="https://2019.igem.org/Team:Tsinghua/Basic">Basic Part</a>
+
                                             <a href="https://2019.igem.org/Team:Tsinghua/Chart">Chart Form</a>
 
                                         </li>
 
                                         </li>
 
                                     </ul>
 
                                     </ul>
Line 155: Line 163:
 
                                     <ul class="dropdown fs-0">
 
                                     <ul class="dropdown fs-0">
 
                                         <li>
 
                                         <li>
−
                                             <a href="https://2019.igem.org/Team:Tsinghua/Human_Practices">Overview</a>
+
                                             <a href="https://2019.igem.org/Team:Tsinghua/Human_Practices">General</a>
−
                                        </li>
+
−
                                        <li>
+
−
                                            <a href="https://2019.igem.org/Team:Tsinghua/General">General</a>
+
 
                                         </li>
 
                                         </li>
 +
                                       
 
                                         <li>
 
                                         <li>
 
                                             <a href="https://2019.igem.org/Team:Tsinghua/Integrated">Integrated</a>
 
                                             <a href="https://2019.igem.org/Team:Tsinghua/Integrated">Integrated</a>
Line 554: Line 560:
 
                         <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="" />
 
                         <a class="video-modal" href="https://vimeo.com/367912253" data-start="16" data-end="168">
 
                         <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>
+
                            <center><button style="background-image: linear-gradient(to right, #2f80ed, #56ccf2);">Meet Our Team Here!</button></center>
−
                    </a>
+
                        </a>
 
                     </div>
 
                     </div>
 
                      
 
                      
Line 563: 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">
+
                            <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/Collaborations">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>
+
−
                        <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 678: 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