(3 intermediate revisions by one other user not shown) | |||
Line 47: | Line 47: | ||
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/remodal-default-theme.css&action=raw&ctype=text/css" > | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/remodal-default-theme.css&action=raw&ctype=text/css" > | ||
+ | <style> | ||
+ | *{margin:0;padding:0;} | ||
+ | .box{height:1px;width:1%;background:#ccc;} | ||
+ | .progress{position:fixed;top:1rem; z-index:9999;height:5px;background-image: linear-gradient(to right, rgb(252, 141, 15),rgb(14, 178, 243));} | ||
+ | </style> | ||
</head> | </head> | ||
<body data-spy="scroll" data-target=".inner-link" data-offset="60"> | <body data-spy="scroll" data-target=".inner-link" data-offset="60"> | ||
Line 58: | Line 63: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="znav-container znav-transparent mt- | + | <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> | ||
− | |||
<section class="py-0 overflow-hidden"> | <section class="py-0 overflow-hidden"> | ||
<div class="background-holder overlay overlay-2 parallax" style="background-image:url(https://static.igem.org/mediawiki/2019/9/92/T--Tsinghua--subpage2Team.jpg);"> </div> | <div class="background-holder overlay overlay-2 parallax" style="background-image:url(https://static.igem.org/mediawiki/2019/9/92/T--Tsinghua--subpage2Team.jpg);"> </div> | ||
Line 201: | Line 210: | ||
<div class="col-lg-8 mt-lg-4 pl-lg-5"> | <div class="col-lg-8 mt-lg-4 pl-lg-5"> | ||
<p> </p> | <p> </p> | ||
− | + | ||
− | + | ||
<h3 class="dropcap">The pattern in the center of this logo represents DNA, which is also the edge of the two modules representing a switch for regulating biochemical reactions positively or negatively. The main tool utilized by our project and the central part – phase separation – is shown by a series of dots (phase).</h3> | <h3 class="dropcap">The pattern in the center of this logo represents DNA, which is also the edge of the two modules representing a switch for regulating biochemical reactions positively or negatively. The main tool utilized by our project and the central part – phase separation – is shown by a series of dots (phase).</h3> | ||
Line 229: | Line 237: | ||
− | + | <p> </p> | |
− | + | <p> </p> | |
− | + | ||
− | + | ||
− | + | ||
− | <center> <img align="middle" src="https://static.igem.org/mediawiki/2019/7/73/T--Tsinghua--design3.png" alt="" /> </center> | + | <center> <img align="middle" width = "500px" height = "200px" src="https://static.igem.org/mediawiki/2019/7/73/T--Tsinghua--design3.png" alt="" /> </center> |
− | + | <p> </p> | |
− | + | <p> </p> | |
<h3 class="dropcap">The colored version of the logo symbolizes the utilization of light in our experiment to induce phase separation: </h3> | <h3 class="dropcap">The colored version of the logo symbolizes the utilization of light in our experiment to induce phase separation: </h3> | ||
− | <center> <img align="middle" src=" https://static.igem.org/mediawiki/2019/f/f3/T--Tsinghua--design4.png" alt="" /></center> | + | <center> <img align="middle" width = "400px" height = "488px" src=" https://static.igem.org/mediawiki/2019/f/f3/T--Tsinghua--design4.png" alt="" /></center> |
− | + | <p> </p> | |
+ | <p> </p> | ||
<h3 class="dropcap"> We have also designed different versions of our logo. The loading icon is one of the examples: | <h3 class="dropcap"> We have also designed different versions of our logo. The loading icon is one of the examples: | ||
</h3> | </h3> | ||
− | <center> <img align="middle" src=" https://static.igem.org/mediawiki/2019/0/0a/T--Tsinghua--design5.png" alt="" ></center> | + | <center> <img align="middle" width = "350px" height = "340px" src=" https://static.igem.org/mediawiki/2019/0/0a/T--Tsinghua--design5.png" alt="" ></center> |
− | + | ||
<!--/.row--> | <!--/.row--> | ||
</div> | </div> | ||
Line 261: | Line 267: | ||
</section> | </section> | ||
<section class="text-center pb-3"> | <section class="text-center pb-3"> | ||
− | + | <div class="background-holder overlay overlay-2" style="background-image:url(https://static.igem.org/mediawiki/2019/f/fb/T--Tsinghua--footimg.png);background-position: top;"> </div> | |
− | + | <!--/.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/Description">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> | |
− | + | <!-- --> | |
− | + | <!-- 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> | |
− | + | <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 () { | |
− | </body> | + | let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // 获取滚动条的高度 |
− | </html> | + | console.log('滚动条的高度:', scrollTop); |
+ | document.querySelector('.progress').style.width = (scrollTop/scrollAvail)*100 + '%'; // 计算占比 | ||
+ | }; | ||
+ | }()); | ||
+ | </script> | ||
+ | </body> | ||
+ | <body> | ||
+ | <div class="progress"></div> | ||
+ | <div> | ||
+ | <div class="box">1</div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Latest revision as of 02:06, 22 October 2019
![](https://static.igem.org/mediawiki/2019/1/15/T--Tsinghua--loading.gif)
Design and Implication of Our Logo
![](https://static.igem.org/mediawiki/2019/0/0e/T--Tsinghua--design1.png)
The pattern in the center of this logo represents DNA, which is also the edge of the two modules representing a switch for regulating biochemical reactions positively or negatively. The main tool utilized by our project and the central part – phase separation – is shown by a series of dots (phase).
![](https://static.igem.org/mediawiki/2019/0/04/T--Tsinghua--design2.png)
Apart from a switch, these two centrosymmetric figures also indicate cell differentiation, which is an interesting part discussed in our project.
![](https://static.igem.org/mediawiki/2019/7/73/T--Tsinghua--design3.png)
The colored version of the logo symbolizes the utilization of light in our experiment to induce phase separation:
![]( https://static.igem.org/mediawiki/2019/f/f3/T--Tsinghua--design4.png)
We have also designed different versions of our logo. The loading icon is one of the examples:
![]( https://static.igem.org/mediawiki/2019/0/0a/T--Tsinghua--design5.png)
1