(Prototype team page) |
AnakinYeung (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | {{CGU_Taiwan}} | + | {{CGU_Taiwan/clearwikiset}} |
+ | {{CGU_Taiwan/cgustyle}} | ||
+ | {{CGU_Taiwan/notebookstyle}} | ||
+ | |||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <title>iGem CGU_Taiwan 2017 - Notebook</title> | ||
+ | <link href="cgustyle.css" rel="stylesheet" type="text/css" /> | ||
+ | <link href="notebookstyle.css" rel="stylesheet" type="text/css" /> | ||
+ | <script type="text/javascript" src="jquery-1.7.2.min.js"></script> | ||
+ | </head> | ||
+ | <body bgcolor="white"> | ||
− | <div class=" | + | <!-- nav start --> |
+ | <div class="head"></div> | ||
− | < | + | <nav> |
− | < | + | <ul> |
+ | <a href="https://2017.igem.org/Team:CGU_Taiwan"><li class="logo" style="text-align:left;"><img src="https://static.igem.org/mediawiki/2017/7/7e/CGULOGO0930.png" height="100px" width="307px"/></li></a> | ||
+ | <!--<li><a href="index.html">HOME</a></li> | ||
+ | | --> | ||
+ | <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Description">PROJECT</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2017.igem.org/Team:CGU_Taiwan/Description">DESCRIPTION</a> | ||
+ | <a href="https://2017.igem.org/Team:CGU_Taiwan/Result">RESULTS</a> | ||
+ | <a href="https://2017.igem.org/Team:CGU_Taiwan/Proof">PROOF</a> | ||
+ | <a href="#">PART</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | | | ||
+ | <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">LAB NOTE</a> | ||
+ | <a href="#">PROTOCOLS</a> | ||
+ | <a href="#">SATEFY</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | | | ||
+ | <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Team">TEAM</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">ATTRIBUTION</a> | ||
+ | <a href="https://2017.igem.org/Team:CGU_Taiwan/Team">MEMBER</a> | ||
+ | <a href="#">SPONSOR</a> | ||
+ | <a href="#">COLLBORATION</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | | | ||
+ | <li class="dropdown"><a href="">HUMAN PRACTICE</a></li> | ||
+ | | | ||
+ | <li><a href="">AWARD</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </nav> | ||
− | < | + | <script type="text/javascript"> |
+ | $(window).scroll(function() { | ||
− | + | //After scrolling 100px from the top... | |
+ | if ( $(window).scrollTop() >= 75 ) { | ||
+ | $('.head').css('transform-origin', 'right'); | ||
+ | $('.head').css('transform', 'translateX(500px) rotate(20deg)'); | ||
+ | //Otherwise remove inline styles and thereby revert to original stying | ||
+ | } else { | ||
+ | $('.head').css('transform', 'translateX(500px) '); | ||
+ | } | ||
+ | if ( $(window).scrollTop() >= 0 ) { | ||
+ | var d = "deg)"; | ||
+ | var rot = "rotate("; | ||
+ | var rD = Math.floor(($(window).scrollTop())/200) * 90; | ||
+ | var rDC = rD.toString(); | ||
+ | rot = rot.concat(rDC.concat(d)); | ||
+ | $('.square').css('transform', rot); | ||
+ | } else { | ||
+ | $('.square').css('transform', 'none'); | ||
+ | } | ||
− | + | }) | |
− | + | ; | |
− | + | </script> | |
− | < | + | <!-- nav end --> |
+ | <!--background animation start --> | ||
+ | <div class="leftMenuBack"></div> | ||
+ | <div class="leftMenu"> | ||
<ul> | <ul> | ||
− | <li> | + | <li class="left1"><a href="#biolist"></a></li> |
− | <li> | + | <li class="left2"><a href="#modellist"></a></li> |
− | <li> | + | <li class="left3"><a href="#engineeringlist"></a></li> |
− | <li | + | <li class="left4"><a href="#marketinglist"></a></li> |
</ul> | </ul> | ||
− | |||
</div> | </div> | ||
+ | <div class="square"></div> | ||
+ | <!--background animation end --> | ||
− | <div class=" | + | <!-- safety start --> |
− | < | + | <div class="notebook"> |
− | + | <div class="notebooktitle"><h2>NOTEBOOK | SAFETY</h2></div> | |
− | < | + | |
− | + | ||
</div> | </div> | ||
+ | <!-- safety end --> | ||
− | < | + | <!-- javascript code start --> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!-- javascript code end --> | ||
+ | <!-- footer start --> | ||
+ | <footer align="right"> | ||
+ | <ul> | ||
+ | <li><a href="http://www.cgu.edu.tw"><img src="https://static.igem.org/mediawiki/2017/1/13/Cgucopyright0915.png" width="40%"></a></li> | ||
+ | </ul> | ||
+ | </footer> | ||
+ | <!-- footer end --> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 08:09, 22 October 2017