Cynthia shan (Talk | contribs) |
|||
(125 intermediate revisions by 5 users not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
+ | <style> | ||
+ | a#ustFruit { | ||
+ | position:absolute; | ||
+ | top: 352px; | ||
+ | left: 330px; | ||
+ | } | ||
+ | </style> | ||
</head> | </head> | ||
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> | <script src="https://code.jquery.com/jquery-1.10.2.js"></script> | ||
+ | <script> | ||
if (screen.width <= 800) { | if (screen.width <= 800) { | ||
window.location = "https://2016.igem.org/Team:Hong_Kong_HKUST/moblie"; | window.location = "https://2016.igem.org/Team:Hong_Kong_HKUST/moblie"; | ||
} | } | ||
− | + | document.getElementById("content").style.height = $(window).height() + "px"; | |
− | document.getElementById(" | + | |
− | + | ||
</script> | </script> | ||
+ | |||
<body> | <body> | ||
− | |||
− | |||
<div id="test" class="fixed-center"> | <div id="test" class="fixed-center"> | ||
− | + | <h1 align="center" style="font-size:350%;height:60px;">Hong Kong HKUST</h1> | |
− | + | <h2 align="center">Troika presents</h2> | |
</div> | </div> | ||
<div id="test1" style="display: none" class="fixed-centerforsecondtext" > | <div id="test1" style="display: none" class="fixed-centerforsecondtext" > | ||
− | + | <h1 align="center" style="color:white;font-size:350%;height:125px;weight:600px;">The Genetic Tristable Switch</h1> | |
</div> | </div> | ||
− | <div id=" | + | <div id="test2blue" style="display: none" class="fixed-centertree" > |
− | <img src="https://static.igem.org/mediawiki/2016/ | + | <img src="https://static.igem.org/mediawiki/2016/a/a7/T--Hong_Kong_HKUST--tree_blue.png" style="width:450px;height:600px;"> |
</div> | </div> | ||
− | + | <div id="test2green" style="display: none" class="fixed-centertree" > | |
− | <div id=" | + | <img src="https://static.igem.org/mediawiki/2016/c/cd/T--Hong_Kong_HKUST--tree_green.png" style="width:450px;height:600px;"> |
− | < | + | </div> |
+ | <div id="test2red" style="display: none" class="fixed-centertree" > | ||
+ | <img src="https://static.igem.org/mediawiki/2016/6/67/T--Hong_Kong_HKUST--tree_red.png" style="width:450px;height:600px;"> | ||
+ | </div> | ||
+ | <div id="test2blueind" style="display: none" class="fixed-centertree" > | ||
+ | <img src="https://static.igem.org/mediawiki/2016/e/e1/T--Hong_Kong_HKUST--tree_blue_induce.png" style="width:450px;height:600px;"> | ||
+ | </div> | ||
+ | <div id="test2greenind" style="display: none" class="fixed-centertree" > | ||
+ | <img src="https://static.igem.org/mediawiki/2016/5/51/T--Hong_Kong_HKUST--tree_green_induce.png" style="width:450px;height:600px;"> | ||
+ | </div> | ||
+ | <div id="test2redind" style="display: none" class="fixed-centertree" > | ||
+ | <img src="https://static.igem.org/mediawiki/2016/a/a9/T--Hong_Kong_HKUST--tree_red_induce.png" style="width:450px;height:600px;"> | ||
</div> | </div> | ||
− | <div id=" | + | <div id="Skip_purple" class="fixed-leftskip" > |
− | < | + | <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Home"><img src="https://static.igem.org/mediawiki/2016/5/5f/T--Hong_Kong_HKUST--skip_button.png" style="width:90px;height:30px;"></a> |
</div> | </div> | ||
− | <div id=" | + | |
− | <h3 | + | <div id="test3" style="display: none" class="fixed-left1" > |
+ | <h3>Derivation from synthetic networks like toggle switch and oscillators</h3> | ||
</div> | </div> | ||
− | <div id=" | + | |
− | <h3 | + | <div id="test4" style="display: none" class="fixed-right1" > |
+ | <h3>A biological device that produces three distinct signals under specific transient induction</h3> | ||
</div> | </div> | ||
− | <div id=" | + | <div id="test5" style="display: none" class="fixed-left2" > |
− | <h3 | + | <h3>With an application that may help treat free fungi and wounds</h3> |
</div> | </div> | ||
− | <div id=" | + | <div id="test6" style="display: none" class="fixed-right2" > |
− | < | + | <h3>Please click on our fruit and enjoy a tour through our wiki </h3> |
</div> | </div> | ||
− | <div id=" | + | <div id="test7" style="display: none" class="fixed-leftddtree" > |
− | <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/ | + | <img src="https://static.igem.org/mediawiki/2016/6/67/T--Hong_Kong_HKUST--tree_red.png" style="width:500px;height:650px;"> |
+ | <a id="ustFruit" href="https://2016.igem.org/Team:Hong_Kong_HKUST/Home"><img src="https://static.igem.org/mediawiki/2016/e/e3/T--Hong_Kong_HKUST--fruit.png" style="width:40px;height:50px;"></a> | ||
</div> | </div> | ||
Line 62: | Line 81: | ||
<style> | <style> | ||
− | + | #firstHeading, #top_title, #sideMenu {display:none;} | |
− | + | ||
body{ | body{ | ||
− | background | + | background: #f0f0f0; |
} | } | ||
#content{ | #content{ | ||
− | background- | + | position: fixed; |
+ | background: url("https://static.igem.org/mediawiki/2016/d/de/T--Hong_Kong_HKUST--coverpage_background_forest.jpg"); | ||
+ | background-size: cover; | ||
+ | margin: 0; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | opacity: 1; | ||
+ | -webkit-transition: opacity 0.6s; | ||
+ | -moz-transition: opacity 0.6s; | ||
+ | -ms-transition: opacity 0.6s; | ||
+ | -o-transition: opacity 0.6s; | ||
+ | transition: opacity 0.6s; | ||
} | } | ||
Line 101: | Line 130: | ||
top:10%; | top:10%; | ||
left: 50%; | left: 50%; | ||
− | margin-left: - | + | margin-left: -230px; |
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
Line 113: | Line 142: | ||
left:5%; | left:5%; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | .fixed-leftskip{ | ||
+ | |||
+ | width:600px; | ||
+ | height:600px; | ||
+ | position:fixed; | ||
+ | top: 7% ; | ||
+ | left: 116%; | ||
+ | margin-left: -365px; | ||
} | } | ||
.fixed-centerlowfruit{ | .fixed-centerlowfruit{ | ||
− | width: | + | width:300px; |
height:200px; | height:200px; | ||
position:fixed; | position:fixed; | ||
Line 126: | Line 165: | ||
.fixed-left1{ | .fixed-left1{ | ||
− | width: | + | width:300px; |
height:200px; | height:200px; | ||
position:fixed; | position:fixed; | ||
Line 136: | Line 175: | ||
.fixed-left2{ | .fixed-left2{ | ||
− | width: | + | width:300px; |
height:200px; | height:200px; | ||
position:fixed; | position:fixed; | ||
− | top: | + | top:65%; |
left:7%; | left:7%; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
Line 146: | Line 185: | ||
.fixed-right1{ | .fixed-right1{ | ||
− | width: | + | width:300px; |
height:200px; | height:200px; | ||
position:fixed; | position:fixed; | ||
− | top: | + | top:65%; |
left:65%; | left:65%; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
Line 156: | Line 195: | ||
.fixed-right2{ | .fixed-right2{ | ||
− | width: | + | width:300px; |
height:200px; | height:200px; | ||
position:fixed; | position:fixed; | ||
− | top: | + | top:55%; |
left:68%; | left:68%; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
Line 178: | Line 217: | ||
animation: fadein 2s; | animation: fadein 2s; | ||
} | } | ||
− | + | h3 { | |
+ | font-size:25px; | ||
+ | word-spacing:4px; | ||
+ | line-height: 150% ; | ||
+ | } | ||
@keyframes fadein { | @keyframes fadein { | ||
from { opacity: 0; } | from { opacity: 0; } | ||
Line 299: | Line 342: | ||
</style> | </style> | ||
− | <script | + | <script type="text/javascript" src="https://2016.igem.org/Template:Hong_Kong_HKUST/TweenMax?action=raw&ctype=text/javascript"></script> |
− | + | <script type="text/javascript" src="https://2016.igem.org/Template:Hong_Kong_HKUST/newcoverpageJS?action=raw&ctype=text/javascript"></script> | |
− | // | + | |
− | // | + | |
− | // | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </script> | + | |
− | + | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 12:33, 19 October 2016