Cynthia shan (Talk | contribs) |
|||
(146 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
<head> | <head> | ||
+ | <style> | ||
+ | a#ustFruit { | ||
+ | position:absolute; | ||
+ | top: 352px; | ||
+ | left: 330px; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <script src="https://code.jquery.com/jquery-1.10.2.js"></script> | ||
<script> | <script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | if (screen.width <= 800) { | |
− | + | window.location = "https://2016.igem.org/Team:Hong_Kong_HKUST/moblie"; | |
− | + | } | |
− | + | document.getElementById("content").style.height = $(window).height() + "px"; | |
− | + | </script> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <body> |
− | + | ||
− | <style> | + | <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 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 id="test2blue" style="display: none" class="fixed-centertree" > | ||
+ | <img src="https://static.igem.org/mediawiki/2016/a/a7/T--Hong_Kong_HKUST--tree_blue.png" style="width:450px;height:600px;"> | ||
+ | </div> | ||
+ | <div id="test2green" style="display: none" class="fixed-centertree" > | ||
+ | <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 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 id="test3" style="display: none" class="fixed-left1" > | ||
+ | <h3>Derivation from synthetic networks like toggle switch and oscillators</h3> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <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 id="test5" style="display: none" class="fixed-left2" > | ||
+ | <h3>With an application that may help treat free fungi and wounds</h3> | ||
+ | </div> | ||
+ | |||
+ | <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 id="test7" style="display: none" class="fixed-leftddtree" > | ||
+ | <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> | ||
+ | |||
+ | <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 56: | Line 107: | ||
position:fixed; | position:fixed; | ||
top:40%; | top:40%; | ||
− | left: | + | left: 50%; |
+ | margin-left: -300px; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
Line 66: | Line 118: | ||
position:fixed; | position:fixed; | ||
top:45%; | top:45%; | ||
− | left: | + | left:50%; |
+ | margin-left: -500px; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
Line 76: | Line 129: | ||
position:fixed; | position:fixed; | ||
top:10%; | top:10%; | ||
− | left: | + | left: 50%; |
+ | margin-left: -230px; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
Line 88: | 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 101: | Line 165: | ||
.fixed-left1{ | .fixed-left1{ | ||
− | width: | + | width:300px; |
height:200px; | height:200px; | ||
position:fixed; | position:fixed; | ||
Line 111: | 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 121: | 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 131: | 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 153: | 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 273: | Line 341: | ||
</style> | </style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <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> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 12:33, 19 October 2016