(3 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- | + | <div class="sticky-lg-top pt-4" style="z-index: 1000;"> |
− | + | <div style="background: rgba(30, 30, 30, 0.936);position: absolute; width: 100%; height: 10rem;top:-3.2rem;"></div> | |
− | + | <div class="znav-container znav-transparent sticky-lg-top pt-4 mt-0" id="znav-container" style="left:10%"> | |
− | + | ||
− | + | <div class="container"> | |
− | + | <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"> |
− | + | ||
− | + | iGEM | |
− | + | <span class="d-none d-lg-inline-block">Tsinghua</span> | |
− | + | </a> | |
− | + | <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> | |
− | + | <div class="hamburger hamburger--emphatic"> | |
− | + | <div class="hamburger-box"> | |
+ | <div class="hamburger-inner"></div> | ||
+ | |||
+ | </div> | ||
</div> | </div> | ||
− | + | </button> --> | |
− | + | <div class="collapse navbar-collapse" id="navbarNavDropdown"> | |
− | + | <ul class="navbar-nav font-2 fs-1"> | |
− | + | <li> | |
− | + | <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> | |
− | + | <a href="JavaScript:void(0)"><span class="fa fa-male"></span> Human Practices</a> | |
− | + | <ul class="dropdown fs-0"> | |
− | + | <li> | |
− | + | <a href="https://2019.igem.org/Team:Tsinghua/Human_Practices">General</a> | |
− | < | + | </li> |
− | + | ||
− | + | <li> | |
− | + | <a href="https://2019.igem.org/Team:Tsinghua/Integrated">Integrated</a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2019.igem.org/Team:Tsinghua/Safety">Safety</a> | |
− | + | </li> | |
− | + | ||
− | + | </ul> | |
− | + | </li> | |
− | + | </ul> | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | </ | + | </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 / | + | <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="" /> | ||
− | < | + | <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> | |
− | + | <!--/.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> | ||
− | <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 class="col-2"> | |
− | + | </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/f/f2/T--Tsinghua--colab_bitlogo2.png" 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 | + | <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> | ||
− | <div class="col- | + | <div class="col-lg text-lg-left"> |
− | + | <div class="color-8">© Tsinghua iGEM 2019 | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | <!--/.row--> | |
− | + | ||
− | + | <!--/.container--> | |
− | + | </section> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</main> | </main> | ||
Line 672: | 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
![](https://static.igem.org/mediawiki/2019/1/15/T--Tsinghua--loading.gif)
Meet Our Team
![](https://static.igem.org/mediawiki/2019/0/0b/T--Tsinghua--cgq.jpg)
Team Instructor
Guoqiang Chen
![](https://static.igem.org/mediawiki/2019/9/95/T--Tsinghua--szr.jpg)
Team Instructor
Zhirong Sun
![](https://static.igem.org/mediawiki/2019/f/f7/T--Tsinghua--lp.jpg)
Team Instructor
Peng Li
![](https://static.igem.org/mediawiki/2019/2/25/T--Tsinghua--wx.jpg)
Team Instructor
Xuan Wang
![](https://static.igem.org/mediawiki/2019/2/2f/T--Tsinghua--yla.jpg)
Advisor
Liang Yao
![](https://static.igem.org/mediawiki/2019/e/e1/T--Tsinghua--hjn.jpg)
Advisor
Jianing Han
![](https://static.igem.org/mediawiki/2019/e/e8/T--Tsinghua--cxy.jpg)
Advisor
Xinyi Chen
![](https://static.igem.org/mediawiki/2019/d/dd/T--Tsinghua--gxf.jpg)
Advisor
Xiaofei Ge
![](https://static.igem.org/mediawiki/2019/f/fc/T--Tsinghua--yq.jpg)
Advisor
Qi Yan
![](https://static.igem.org/mediawiki/2019/9/9e/T--Tsinghua--htz.jpg)
Advisor
Tianze Huang
![](https://static.igem.org/mediawiki/2019/a/a5/T--Tsinghua--wtx.jpg)
Advisor
Tingxuan Wang
![](https://static.igem.org/mediawiki/2019/6/63/T--Tsinghua--hyj.jpg)
Advisor
Yuejun Hao
![](https://static.igem.org/mediawiki/2019/c/c9/T--Tsinghua--hzk.jpg)
Team Leader / Wet Lab
Zikang Huang
![](https://static.igem.org/mediawiki/2019/5/57/T--Tsinghua--ccy.jpg)
Team Leader / Finance
Chunyu Chen
![](https://static.igem.org/mediawiki/2019/1/10/T--Tsinghua--lhr.jpg)
Wet Lab
Hongrui Liu
![](https://static.igem.org/mediawiki/2019/1/1a/T--Tsinghua--cbw.jpg)
Modeling / Wiki
Bowen Chen
![](https://static.igem.org/mediawiki/2019/5/57/T--Tsinghua--fst.jpg)
Wet Lab
Site Feng
![](https://static.igem.org/mediawiki/2019/e/e1/T--Tsinghua--fm.jpg)
Modeling
Meng Fang
![](https://static.igem.org/mediawiki/2019/5/58/T--Tsinghua--fjl.jpg)
Wiki / Photography
Jiale Fu
![](https://static.igem.org/mediawiki/2019/b/b7/T--Tsinghua--zzh.jpg)
Design / Wet Lab
Zihan Zhai
![](https://static.igem.org/mediawiki/2019/c/cd/T--Tsinghua--qch.jpg)
Wet Lab
Chuheng Qing
![](https://static.igem.org/mediawiki/2019/6/6a/T--Tsinghua--slz.jpg)
Wet Lab
Lize Sun
![](https://static.igem.org/mediawiki/2019/6/6b/T--Tsinghua--lgz.jpg)
Wet Lab
Genzhe Lu
![](https://static.igem.org/mediawiki/2019/e/e6/T--Tsinghua--gj.jpg)
Wet Lab
Ji Gao
![](https://static.igem.org/mediawiki/2019/5/56/T--Tsinghua--ljy.jpg)
Human Practice
Jiayi Li
![](https://static.igem.org/mediawiki/2019/7/79/T--Tsinghua--zlq.jpg)
Logistic Support
Liqun Zhou
![](https://static.igem.org/mediawiki/2019/e/e2/T--Tsinghua--logo_black.jpg)
Central Part
Phase
1