Difference between revisions of "Team:Tsinghua/Human Practices"

 
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 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 178: Line 184:
 
             </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/b/b2/T--Tsinghua--subpage5_hp.jpg);"> </div>
 
             <div class="background-holder overlay overlay-2 parallax" style="background-image:url(https://static.igem.org/mediawiki/2019/b/b2/T--Tsinghua--subpage5_hp.jpg);"> </div>
Line 257: Line 263:
 
         </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/Integrated">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/Integrated">Next Page <span class="fa fa-chevron-right"></span></span></a>
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/modernizr.min.js&action=raw&ctype=text/javascript"></script>
−
                    </div>
+
       
−
                    <div class="col-lg text-lg-left">
+
        <!-- <script src="assets/lib/jquery/dist/jquery.min.js"></script> -->
−
                        <div class="color-8">&copy; Tsinghua iGEM 2019
+
        <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> -->
−
                        </div>
+
        <!-- <script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script> -->
−
                    </div>
+
        <!-- <script src="assets/js/googlemap.js"></script> -->
−
                </div>
+
       
−
            </div>
+
        <!-- <script src="assets/lib/imagesloaded/imagesloaded.pkgd.min.js"></script> -->
−
            <!--/.row-->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/imagesloaded.pkgd.min.js&action=raw&ctype=text/javascript"></script>
−
           
+
        <!-- <script src="assets/lib/jquery-menu-aim/jquery.menu-aim.js"></script> -->
−
            <!--/.container-->
+
        <!-- <script src="assets/lib/gsap/src/minified/TweenMax.min.js"></script> -->
−
        </section>
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/TweenMax.min.js&action=raw&ctype=text/javascript"></script>
−
    </main>
+
       
−
    <!--  -->
+
        <!-- <script src="assets/lib/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script> -->
−
    <!--    JavaScripts-->
+
        <!-- <script src="assets/lib/CustomEase.min.js"></script> -->
−
    <!--    =============================================-->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/CustomEase.min.js&action=raw&ctype=text/javascript"></script>
−
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> -->
+
       
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/modernizr.min.js&action=raw&ctype=text/javascript"></script>
+
        <!-- <script src="assets/js/config.js"></script> -->
−
   
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/config.js&action=raw&ctype=text/javascript"></script>
−
    <!-- <script src="assets/lib/jquery/dist/jquery.min.js"></script> -->
+
       
−
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> -->
+
        <!-- <script src="assets/lib/rellax/rellax.min.js"></script> -->
−
    <!-- <script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script> -->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/rellax.min.js&action=raw&ctype=text/javascript"></script>
−
    <!-- <script src="assets/js/googlemap.js"></script> -->
+
       
−
   
+
        <!-- <script src="assets/js/zanimation.js"></script> -->
−
    <!-- <script src="assets/lib/imagesloaded/imagesloaded.pkgd.min.js"></script> -->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/zanimation.js&action=raw&ctype=text/javascript"></script>
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/imagesloaded.pkgd.min.js&action=raw&ctype=text/javascript"></script>
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/inertia.js&action=raw&ctype=text/javascript"></script>
−
    <!-- <script src="assets/lib/jquery-menu-aim/jquery.menu-aim.js"></script> -->
+
       
−
    <!-- <script src="assets/lib/gsap/src/minified/TweenMax.min.js"></script> -->
+
        <!-- <script src="assets/js/inertia.js"></script> -->
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/TweenMax.min.js&action=raw&ctype=text/javascript"></script>
+
        <!-- <script src="assets/lib/lightbox2/dist/js/lightbox.js"></script> -->
−
   
+
        <!-- <script src="assets/lib/flexslider/jquery.flexslider-min.js"></script> -->
−
    <!-- <script src="assets/lib/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script> -->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/jquery.flexslider-min.js&action=raw&ctype=text/javascript"></script>
−
    <!-- <script src="assets/lib/CustomEase.min.js"></script> -->
+
       
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/CustomEase.min.js&action=raw&ctype=text/javascript"></script>
+
        <!-- <script src="assets/js/core.js"></script> -->
−
   
+
        <!-- <script src="assets/js/main.js"></script> -->
−
    <!-- <script src="assets/js/config.js"></script> -->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/main.js&action=raw&ctype=text/javascript"></script>
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/config.js&action=raw&ctype=text/javascript"></script>
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/core.js&action=raw&ctype=text/javascript"></script>
−
   
+
        <!-- <script src="assets/js/particleanimate.js"></script> -->
−
    <!-- <script src="assets/lib/rellax/rellax.min.js"></script> -->
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/particleanimate.js&action=raw&ctype=text/javascript"></script>
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/rellax.min.js&action=raw&ctype=text/javascript"></script>
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.js&action=raw&ctype=text/javascript"></script>
−
   
+
        <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.min.js&action=raw&ctype=text/javascript"></script>
−
    <!-- <script src="assets/js/zanimation.js"></script> -->
+
        <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>
+
            (function(){
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/inertia.js&action=raw&ctype=text/javascript"></script>
+
                let pageHeight = document.body.scrollHeight || document.documentElement.scrollHeight; // 页面总高度
−
   
+
                let windowHeight = document.documentElement.clientHeight || document.body.clientHeight; // 浏览器视口高度
−
    <!-- <script src="assets/js/inertia.js"></script> -->
+
                let scrollAvail = pageHeight - windowHeight; // 可滚动的高度
−
    <!-- <script src="assets/lib/lightbox2/dist/js/lightbox.js"></script> -->
+
                console.log('可滚动的高度：', scrollAvail);
−
    <!-- <script src="assets/lib/flexslider/jquery.flexslider-min.js"></script> -->
+
                window.onscroll = function () {
−
    <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>
+
                    let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;  // 获取滚动条的高度
−
   
+
                    console.log('滚动条的高度：', scrollTop);
−
    <!-- <script src="assets/js/core.js"></script> -->
+
                    document.querySelector('.progress').style.width = (scrollTop/scrollAvail)*100 + '%';    // 计算占比
−
    <!-- <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>
−
    <!-- <script src="assets/js/particleanimate.js"></script> -->
+
    </body>
−
    <!-- <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/particleanimate.js&action=raw&ctype=text/javascript"></script> -->
+
    <body>
−
    <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.js&action=raw&ctype=text/javascript"></script>
+
        <div class="progress"></div>
−
    <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>
+
        <div>
−
</body>
+
            <div class="box">1</div>
−
</html>
+
        </div>
 +
    </body>
 +
    </html>

Latest revision as of 02:46, 22 October 2019

iGEM Tsinghua

Human Practices

General HP

Public Science lecture at China Science and Technology Museum

We were invited to participate in the educational event with the Tsinghua-A team to carry out exhibition-based educational activities. Lei, one of the museum staff, was in charge of it and he recruited hundreds of outstanding middle school students from diverse backgrounds all over China with us.

Why we become iGEMers?

—The Stories of Chinese iGEMers from interviews

In iGEMer’s opinion, the long-term goal of iGEM is actually to hope for a model of academic competition. Not only to realize the systematization and engineering of biology, it also dedicates to promote the open source and transparent development of biological tools, and finally to have access to help build an engineering system that can safely and effectively apply biotechnology. iGEM is a process of biological design and research based education, and academy is the essence. But it definitely means more to all iGEMers in their self-development and even to the advancement of scientific study. “More creative. More hard-working. More cohesive.”We have learned this fully by working with our team and competing with our strong but lovely rivals. IGEM makes better ‘us’

Thanks for your support !

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