Difference between revisions of "Team:Hong Kong HKUST"

Line 3: Line 3:
 
<head>
 
<head>
 
</head>
 
</head>
 +
 +
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
 +
<body>
 +
 +
 +
<div id="test" class="fixed-center">
 +
  <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team"><h1 align="center" style="font-size:350%;height:60px;">Hong Kong HKUST</h1></a>
 +
  <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team"><h2 align="center">Troika presents</h2></a>
 +
</div>
 +
 +
<div id="test1" style="display: none" class="fixed-centerforsecondtext" >
 +
<a href="https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team"><h1 align="center" style="color:white;font-size:350%;height:125px;weight:600px;">The Genetic Tristable Switch</h1></a>
 +
</div>
 +
 +
</div>
 +
 +
 +
<div id="test2" style="display: none" class="fixed-centertree" >
 +
  <img src="https://static.igem.org/mediawiki/2016/8/88/Sourcetree.png"  style="width:450px;height:600px;">
 +
</div>
 +
 +
<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>
 +
</div>
 +
 +
<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>
 +
</div>
 +
 +
<div id="test5" 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 transient induction</h3>
 +
</div>
 +
 +
<div id="test6" style="display: none" class="fixed-left2" >
 +
  <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>
 +
</div>
 +
 +
<div id="test7" style="display: none" class="fixed-right2" >
 +
  <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>
 +
</div>
 +
 +
<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>
 +
  
 
<style>
 
<style>
Line 238: Line 287:
  
 
</style>
 
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
 
<body>
 
  
 
<div id="test" class="fixed-center">
 
  <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team"><h1 align="center" style="font-size:350%;height:60px;">Hong Kong HKUST</h1></a>
 
  <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team"><h2 align="center">Troika presents</h2></a>
 
</div>
 
 
<div id="test1" class="fixed-centerforsecondtext" >
 
<a href="https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team"><h1 align="center" style="color:white;font-size:350%;height:125px;weight:600px;">The Genetic Tristable Switch</h1></a>
 
</div>
 
 
</div>
 
 
 
<div id="test2" class="fixed-centertree" >
 
  <img src="https://static.igem.org/mediawiki/2016/8/88/Sourcetree.png"  style="width:450px;height:600px;">
 
</div>
 
 
<div id="test3" 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>
 
</div>
 
 
<div id="test4" 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>
 
</div>
 
 
<div id="test5" 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 transient induction</h3>
 
</div>
 
 
<div id="test6" class="fixed-left2" >
 
  <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>
 
</div>
 
 
<div id="test7" class="fixed-right2" >
 
  <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>
 
</div>
 
 
<div id="test8" class="fixed-leftddtree" >
 
  <img src="https://static.igem.org/mediawiki/2016/8/88/Sourcetree.png"  style="width:500px;height:650px;">
 
</div>
 
 
<div id="test9" 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>
 
 
<script>
 
<script>
 
 
 
setTimeout(function(){window.location.href='https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team'},500000);
 
setTimeout(function(){window.location.href='https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team'},500000);
 
document.getElementById("firstHeading").style.display = "none";
 
document.getElementById("firstHeading").style.display = "none";
Line 295: Line 296:
 
document.getElementById("test1").style.color = "white";
 
document.getElementById("test1").style.color = "white";
  
   $( "#test1" ).hide();
+
   // $( "#test1" ).hide();
   $( "#test3" ).hide();
+
   // $( "#test3" ).hide();
   $( "#test4" ).hide();
+
   // $( "#test4" ).hide();
   $( "#test2" ).hide();
+
   // $( "#test2" ).hide();
   $( "#test5" ).hide();
+
   // $( "#test5" ).hide();
   $( "#test6" ).hide();
+
   // $( "#test6" ).hide();
   $( "#test7" ).hide();
+
   // $( "#test7" ).hide();
   $( "#test8" ).hide();
+
   // $( "#test8" ).hide();
   $( "#test9" ).hide();
+
   // $( "#test9" ).hide();
  
 
   setTimeout(function(){$( "#test" ).fadeOut( 600 );},5000);;
 
   setTimeout(function(){$( "#test" ).fadeOut( 600 );},5000);;
Line 323: Line 324:
  
 
</script>
 
</script>
 
 
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 06:14, 7 October 2016