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 258: | 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
Design and Implication of Our Logo
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).
Apart from a switch, these two centrosymmetric figures also indicate cell differentiation, which is an interesting part discussed in our project.
The colored version of the logo symbolizes the utilization of light in our experiment to induce phase separation:
We have also designed different versions of our logo. The loading icon is one of the examples:
1