Difference between revisions of "Team:Hong Kong HKUST"

(Blanked the page)
 
(156 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 +
<html>
  
 +
<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>
 +
 +
  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>
 +
 +
<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{
 +
background: #f0f0f0;
 +
}
 +
 +
#content{
 +
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;
 +
}
 +
 +
.fixed-center{
 +
 +
  width:600px;
 +
  height:600px;
 +
  position:fixed;
 +
  top:40%;
 +
  left: 50%;
 +
  margin-left: -300px;
 +
  color: #FFFFFF;
 +
}
 +
 +
.fixed-centerforsecondtext{
 +
 +
  width:1000px;
 +
  height:600px;
 +
  position:fixed;
 +
  top:45%;
 +
  left:50%;
 +
  margin-left: -500px;
 +
  color: #FFFFFF;
 +
}
 +
 +
.fixed-centertree{
 +
 +
  width:400px;
 +
  height:200px;
 +
  position:fixed;
 +
  top:10%;
 +
  left: 50%;
 +
  margin-left: -230px;
 +
  color: #FFFFFF;
 +
}
 +
 +
.fixed-leftddtree{
 +
 +
  width:400px;
 +
  height:200px;
 +
  position:fixed;
 +
  top:5%;
 +
  left:5%;
 +
  color: #FFFFFF;
 +
}
 +
 +
.fixed-leftskip{
 +
 +
  width:600px;
 +
  height:600px;
 +
  position:fixed;
 +
  top: 7% ;
 +
  left: 116%;
 +
  margin-left: -365px;
 +
}
 +
 +
.fixed-centerlowfruit{
 +
 +
  width:300px;
 +
  height:200px;
 +
  position:fixed;
 +
  top:85%;
 +
  left:45%;
 +
}
 +
 +
.fixed-left1{
 +
 +
  width:300px;
 +
  height:200px;
 +
  position:fixed;
 +
  top:60%;
 +
  left:15%;
 +
  color: #FFFFFF;
 +
}
 +
 +
.fixed-left2{
 +
 +
  width:300px;
 +
  height:200px;
 +
  position:fixed;
 +
  top:65%;
 +
  left:7%;
 +
  color: #FFFFFF;
 +
}
 +
 +
.fixed-right1{
 +
 +
  width:300px;
 +
  height:200px;
 +
  position:fixed;
 +
  top:65%;
 +
  left:65%;
 +
  color: #FFFFFF;
 +
}
 +
 +
.fixed-right2{
 +
 +
  width:300px;
 +
  height:200px;
 +
  position:fixed;
 +
  top:55%;
 +
  left:68%;
 +
  color: #FFFFFF;
 +
}
 +
 +
#test h1 {
 +
    font-size: 350%;
 +
    margin-top: 25px;
 +
    font-size: 21px;
 +
    text-align: center;
 +
    color: white;
 +
 +
 +
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
 +
      -moz-animation: fadein 2s; /* Firefox < 16 */
 +
        -ms-animation: fadein 2s; /* Internet Explorer */
 +
        -o-animation: fadein 2s; /* Opera < 12.1 */
 +
            animation: fadein 2s;
 +
}
 +
h3 {
 +
    font-size:25px;
 +
    word-spacing:4px;
 +
    line-height: 150% ;
 +
}
 +
@keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
/* Firefox < 16 */
 +
@-moz-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
/* Safari, Chrome and Opera > 12.1 */
 +
@-webkit-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
/* Internet Explorer */
 +
@-ms-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
/* Opera < 12.1 */
 +
@-o-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
 +
#test h2 {
 +
    font-size: 300%;
 +
    margin-top: 25px;
 +
    font-size: 21px;
 +
    text-align: center;
 +
    color: white ;
 +
 +
    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
 +
      -moz-animation: fadein 4s; /* Firefox < 16 */
 +
        -ms-animation: fadein 4s; /* Internet Explorer */
 +
        -o-animation: fadein 4s; /* Opera < 12.1 */
 +
            animation: fadein 4s;
 +
}
 +
 +
@keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
/* Firefox < 16 */
 +
@-moz-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
/* Safari, Chrome and Opera > 12.1 */
 +
@-webkit-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
/* Internet Explorer */
 +
@-ms-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
/* Opera < 12.1 */
 +
@-o-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
#test h3 {
 +
    font-size: 250%;
 +
    margin-top: 25px;
 +
    font-size: 21px;
 +
    text-align: center;
 +
    color: white;
 +
 +
 +
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
 +
      -moz-animation: fadein 2s; /* Firefox < 16 */
 +
        -ms-animation: fadein 2s; /* Internet Explorer */
 +
        -o-animation: fadein 2s; /* Opera < 12.1 */
 +
            animation: fadein 2s;
 +
}
 +
 +
@keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
/* Firefox < 16 */
 +
@-moz-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
/* Safari, Chrome and Opera > 12.1 */
 +
@-webkit-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
/* Internet Explorer */
 +
@-ms-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
/* Opera < 12.1 */
 +
@-o-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
 +
</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>
 +
 +
</html>

Latest revision as of 12:33, 19 October 2016

Hong Kong HKUST

Troika presents