Difference between revisions of "Team:Hong Kong HKUST"

 
(110 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>
  
Line 10: Line 17:
 
     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("firstHeading").style.display = "none";
+
−
document.getElementById("top_title").style.display = "none";
+
−
setTimeout(function(){document.getElementById("sideMenu").style.display = "none";}, 25);
+
 
</script>
 
</script>
  
  
 
<body>
 
<body>
−
 
  
 
<div id="test" class="fixed-center">
 
<div id="test" class="fixed-center">
Line 29: Line 32:
 
</div>
 
</div>
  
−
<div id="test2" style="display: none" class="fixed-centertree" >
+
<div id="test2blue" style="display: none" class="fixed-centertree" >
−
   <img src="https://static.igem.org/mediawiki/2016/8/88/Sourcetree.png"  style="width:450px;height:600px;">
+
   <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>
  
 
<div id="Skip_purple"  class="fixed-leftskip" >
 
<div id="Skip_purple"  class="fixed-leftskip" >
−
   <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team"><img src="https://static.igem.org/mediawiki/2016/3/32/Skip_purple.png"  style="width:100px;height:50px;"></a>
+
   <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>
 
−
  <img src="https://static.igem.org/mediawiki/2016/0/00/Skip.png"  style="width:100px;height:50px;">
 
−
</div>
 
  
 
<div id="test3" style="display: none" class="fixed-left1" >
 
<div id="test3" style="display: none" class="fixed-left1" >
−
   <h3 style="color:white;font-size:250%;height:1600px;width:1600; word-spacing:5px;line-height: 150% ;">Derivation from synthetic networks like toggle switch and oscillators</h3>
+
   <h3>Derivation from synthetic networks like toggle switch and oscillators</h3>
 
</div>
 
</div>
 +
  
 
<div id="test4" style="display: none" class="fixed-right1" >
 
<div id="test4" style="display: none" class="fixed-right1" >
−
   <h3 style="color:white;font-size:250%;height:1600px;width:1600;word-spacing:5px;line-height: 150% ;">A biological device that produces three distinct signals under specific induction</h3>
+
   <h3>A biological device that produces three distinct signals under specific transient induction</h3>
 
</div>
 
</div>
  
−
<div id="test5" style="display: none" class="fixed-right1" >
+
<div id="test5" style="display: none" class="fixed-left2" >
−
   <h3 style="color:white;font-size:250%;height:1600px;width:1600;word-spacing:5px;line-height: 150% ;">A biological device that produces three distinct signals under specific transient induction</h3>
+
   <h3>With an application that may help treat free fungi and wounds</h3>
 
</div>
 
</div>
  
−
<div id="test6" style="display: none" class="fixed-left2" >
+
<div id="test6" style="display: none" class="fixed-right2" >
−
   <h3 style="color:white;font-size:250%;height:1600px;width:1600;word-spacing:5px;line-height: 150% ;">With an application that helps treat free fungi and wounds</h3>
+
   <h3>Please click on our fruit and enjoy a tour through our wiki </h3>
 
</div>
 
</div>
  
−
<div id="test7" style="display: none" class="fixed-right2" >
+
<div id="test7" style="display: none" class="fixed-leftddtree" >
−
  <h3  style="color:white;font-size:250%;height:1600px;width:1600;word-spacing:5px;line-height: 130% ;">Please click on our fruit and enjoy a tour through our wiki </h3>
+
   <img src="https://static.igem.org/mediawiki/2016/6/67/T--Hong_Kong_HKUST--tree_red.png"  style="width:500px;height:650px;">
−
</div>
+
  <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 id="test8" style="display: none" class="fixed-leftddtree" >
+
−
   <img src="https://static.igem.org/mediawiki/2016/8/88/Sourcetree.png"  style="width:500px;height:650px;">
+
−
</div>
+
−
 
+
−
<div id="test9" style="display: none" class="fixed-centerlowfruit" >
+
−
  <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team"><img     src="https://static.igem.org/mediawiki/2016/2/2f/Sourcetreefruit.png"  style="width:40px;height:50px;"></a>
+
 
</div>
 
</div>
  
Line 72: Line 81:
  
 
<style>
 
<style>
−
 
+
#firstHeading, #top_title, #sideMenu {display:none;}
−
 
+
 
body{
 
body{
−
background-color: #99CC99;
+
background: #f0f0f0;
 
}
 
}
  
 
#content{
 
#content{
−
background-color: #99CC99;
+
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 111: Line 130:
 
   top:10%;
 
   top:10%;
 
   left: 50%;
 
   left: 50%;
−
   margin-left: -200px;
+
   margin-left: -230px;
 
   color: #FFFFFF;
 
   color: #FFFFFF;
 
}
 
}
Line 130: Line 149:
 
   height:600px;
 
   height:600px;
 
   position:fixed;
 
   position:fixed;
−
   left: 115%;
+
  top: 7% ;
−
   margin-left: -300px;
+
   left: 116%;
 +
   margin-left: -365px;
 
}
 
}
  
 
.fixed-centerlowfruit{
 
.fixed-centerlowfruit{
 
   
 
   
−
   width:400px;
+
   width:300px;
 
   height:200px;
 
   height:200px;
 
   position:fixed;
 
   position:fixed;
Line 145: Line 165:
 
.fixed-left1{
 
.fixed-left1{
 
   
 
   
−
   width:400px;
+
   width:300px;
 
   height:200px;
 
   height:200px;
 
   position:fixed;
 
   position:fixed;
Line 155: Line 175:
 
.fixed-left2{
 
.fixed-left2{
 
   
 
   
−
   width:400px;
+
   width:300px;
 
   height:200px;
 
   height:200px;
 
   position:fixed;
 
   position:fixed;
−
   top:35%;
+
   top:65%;
 
   left:7%;
 
   left:7%;
 
   color: #FFFFFF;
 
   color: #FFFFFF;
Line 165: Line 185:
 
.fixed-right1{
 
.fixed-right1{
 
   
 
   
−
   width:400px;
+
   width:300px;
 
   height:200px;
 
   height:200px;
 
   position:fixed;
 
   position:fixed;
−
   top:40%;
+
   top:65%;
 
   left:65%;
 
   left:65%;
 
   color: #FFFFFF;
 
   color: #FFFFFF;
Line 175: Line 195:
 
.fixed-right2{
 
.fixed-right2{
 
   
 
   
−
   width:400px;
+
   width:300px;
 
   height:200px;
 
   height:200px;
 
   position:fixed;
 
   position:fixed;
−
   top:75%;
+
   top:55%;
 
   left:68%;
 
   left:68%;
 
   color: #FFFFFF;
 
   color: #FFFFFF;
Line 197: 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 318: 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>
−
setTimeout(function(){window.location.href='https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team'},1000000);
+
<script type="text/javascript" src="https://2016.igem.org/Template:Hong_Kong_HKUST/newcoverpageJS?action=raw&ctype=text/javascript"></script>
−
//document.getElementById("firstHeading").style.display = "none";
+
−
//document.getElementById("top_title").style.display = "none";
+
−
//document.getElementById("sideMenu").style.display = "none";
+
−
//setTimeout(function(){document.getElementById("sideMenu").style.display = "none";}, 25);
+
−
document.getElementById("test1").style.color = "white";
+
−
 
+
−
 
+
−
  setTimeout(function(){$( "#test" ).fadeOut( 600 );},5000);;
+
−
  setTimeout(function(){$( "#test1" ).fadeIn( 600 );},6000);
+
−
  setTimeout(function(){$( "#test1" ).fadeOut( 600 );},11000);
+
−
  setTimeout(function(){$( "#test2" ).fadeIn( 600 );},12000);
+
−
  setTimeout(function(){$( "#test3" ).fadeIn( 600 );},13000);
+
−
  setTimeout(function(){$( "#test3" ).fadeOut( 600 );},16000);
+
−
  setTimeout(function(){$( "#test4" ).fadeIn( 600 );},17000);
+
−
  setTimeout(function(){$( "#test4" ).fadeOut( 600 );},20000);
+
−
  setTimeout(function(){$( "#test5" ).fadeIn( 600 );},21000);
+
−
  setTimeout(function(){$( "#test5" ).fadeOut( 600 );},24000);
+
−
  setTimeout(function(){$( "#test6" ).fadeIn( 600 );},25000);
+
−
  setTimeout(function(){$( "#test6" ).fadeOut( 600 );},28000);
+
−
  setTimeout(function(){$( "#test2" ).fadeOut( 600 );},28000);
+
−
  setTimeout(function(){$( "#test7" ).fadeIn( 600 );},29000);
+
−
  setTimeout(function(){$( "#test8" ).fadeIn( 600 );},29000);
+
−
  setTimeout(function(){$( "#test9" ).fadeIn( 600 );},30000);
+
−
 
+
−
</script>
+
−
 
+
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 12:33, 19 October 2016

Hong Kong HKUST

Troika presents