Team:HKU-Hong Kong

From 2011.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Imperial_College_London/Templates/Header}}
+
<html>
-
{| style="width:900px;background:#f5f5f5;text-align:justify;font-family: helvetica, arial, sans-serif;color:#555555;margin-top:25px;" cellspacing="20"
+
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|Parasight
+
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|Extra Links
+
-
|-
+
-
|style="width:600px;"|'''Welcome to the Imperial College London iGEM 2010 project! It's been a busy four months, and there have been highs and lows, but we're happy with how things have turned out. Here's a brief introduction…'''
+
-
 
+
-
''“More than two billion people around the world live with unrelenting illness due to parasites”'' - WHO Director General Lee Jong-wook.
+
-
 
+
-
Synthetic biology offers great opportunity for biosensors, however current designs require hours of waiting before a detectable output is produced. To tackle this issue in the field, it is crucial that a new generation of biosensors be designed that can respond in minutes. With this in mind, we have engineered a fast, modular sensor framework which allows for quick detection of a range of different parasites, and may also be used as an environmental tool for mapping their spread. In particular we have designed and modified ''B. subtilis'' to give a clearly visible colour readout upon detecting the waterborne Schistosoma parasite which affects 200 million people worldwide.
+
-
 
+
-
'''You can take a look at our cellular overview below. Follow the link below to take a quick tour of the wiki. The links on the right lead to elements we feel are interesting additions to the core project. Or just head for the main menu above if you know what you're looking for.'''
+
-
|rowspan="2" valign="top"|<html>
+
  <head>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Line 17: Line 5:
   <script type="text/javascript">
   <script type="text/javascript">
   $(document).ready(function(){
   $(document).ready(function(){
-
     $('#lside1').mouseover(function() {
+
 
-
     $('#lside1').stop().animate({backgroundPosition: '0px 0px'}, 1000);
+
     $(function(){
 +
    var path = location.pathname.substring(1);
 +
    var last = path.split("/");
 +
     if ( last[1] ) {
 +
      $('#headover ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#01DF01");
 +
    }
 +
    else {
 +
      $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#01DF01");
 +
    }
     });
     });
-
     $('#lside1').mouseleave(function() {
+
 
-
     $('#lside1').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
+
     $('#menuback').mouseover(function() {
 +
     $('#headover').stop().animate({height:'150px',top:'0px'},1000);
     });
     });
-
     $('#lside2').mouseover(function() {
+
 
-
     $('#lside2').stop().animate({backgroundPosition: '0px 0px'}, 1000);
+
     $('#menu').mouseleave(function() {
 +
     $('.listhead').not('.curlink').css("color","#ffffff");
 +
    $('.listmain').not('.curlink').css("color","#dddddd");
 +
    $('#headover ul').fadeOut(500);
 +
    $('#headover').stop().animate({height:'50px',top:'500px'},1000);
     });
     });
-
     $('#lside2').mouseleave(function() {
+
 
-
     $('#lside2').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
+
     $('.listhead').mouseover(function(){
 +
     $('.listhead').not('.curlink').css("color","#ffffff");
 +
    $(this).css("color","#444444");
 +
    $('#headover ul').css("display","none");
 +
    var vActive = $(this).attr("id");
 +
    $('.'+vActive).stop(true, true).fadeIn(500);
     });
     });
-
     $('#lside3').mouseover(function() {
+
 
-
     $('#lside3').stop().animate({backgroundPosition: '0px 0px'}, 1000);
+
     $('.listmain').mouseover(function(){
 +
     $('.listmain').not('.curlink').css("color","#dddddd");
 +
    $(this).css("color","#01DF01");
     });
     });
-
     $('#lside3').mouseleave(function() {
+
 
-
     $('#lside3').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
+
     $('#headover').mouseleave(function(){
 +
     $('.listmain').not('.curlink').css("color","#dddddd");
     });
     });
 +
   });
   });
   </script>
   </script>
   <style type="text/css">
   <style type="text/css">
-
   #side1 {
+
 
-
     width: 250px;
+
   a:link {color:#04B404;}
-
     height: 100px;
+
  a:visited {color:#04B404;}
 +
  a:hover {color:#04B404;}
 +
  a:active {color:#04B404;}
 +
 
 +
  #top-section {
 +
  background-color: #000000;
 +
  height: 100px;
 +
  border: none;
 +
  width:910px;
 +
  height:20px}
 +
 
 +
  #p-logo {
 +
  position: absolute;
 +
  display: none;}
 +
 
 +
  #search-controls {
 +
  display: none;}
 +
 
 +
  #menubar.left-menu {
 +
  position: absolute;
 +
  top:0px;
 +
  left:0px;}
 +
 
 +
  #menubar.right-menu {
 +
  position: absolute;
 +
  top:0px;
 +
  right:0px;}
 +
 
 +
 
 +
  #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {
 +
  color: #04B404;}
 +
 
 +
  #footer-box {
 +
  position: relative;
 +
  top:400px;
 +
  left: 0px;
 +
  color: #000000;
 +
  width:900px;}
 +
 
 +
  body {
 +
  background-color: #000000}
 +
 
 +
  .firstHeading {
 +
    display: none;}
 +
 
 +
  #content {
 +
     width: 900px;
 +
    border: none;
 +
    font-family: georgia, helvetica, arial, sans-serif;
 +
    background-color:#000000;
 +
    color: #FFFFFF}
 +
 
 +
  #title {
 +
    width:900px;
 +
     height:55px;
     position: relative;
     position: relative;
     top: 0px;
     top: 0px;
     left: 0px;}
     left: 0px;}
-
   #lside1 {
+
   #paralogo {
-
     width: 250px;
+
     width:600px;
-
     height: 100px;
+
     height:50px;
-
    background: url(https://static.igem.org/mediawiki/2010/b/b2/ICside1be.png) -250px 0px no-repeat;
+
     position: relative;
-
     position: absolute;
+
     top: 0px;
     top: 0px;
     left: 0px;}
     left: 0px;}
-
   #side2 {
+
 
-
     width: 250px;
+
   #igemlogo {
-
     height: 100px;
+
     width:100px;
-
     position: relative;
+
     height:50px;
-
     top: 110px;
+
     position:absolute;
-
     left: 0px;}
+
     top:0px;
 +
     left:420px;}
-
   #lside2 {
+
   #csynbilogo {
-
     width: 250px;
+
     width:300px;
-
     height: 100px;
+
     height:50px;
-
     background: url(https://static.igem.org/mediawiki/2010/6/66/Imperialigemsidetwo.jpg) -250px 0px no-repeat;
+
     position:absolute;
 +
    top:0px;
 +
    left:670px;}
 +
 
 +
  #belink a {
 +
    text-decoration:none;}
 +
 
 +
  #mblink {
 +
    width:205px;
 +
    height:16px;
     position: absolute;
     position: absolute;
-
     top: 0px;
+
     top: 42px;
-
     left: 0px;}
+
    font-size:1em;
 +
     left: 697px;
 +
    font-weight:500;}
-
   #side3 {
+
   #mblink a {
-
     width: 250px;
+
    text-decoration:none;}
-
     height: 100px;
+
 
 +
  #menu {
 +
     width:900px;
 +
     height:150px;
     position: relative;
     position: relative;
-
     top: 110px;
+
     top: 20px;
     left: 0px;}
     left: 0px;}
-
   #lside3 {
+
   #menuback {
-
     width: 250px;
+
     width:100px;
-
     height: 100px;
+
     height:500px;
-
    background: url(https://static.igem.org/mediawiki/2010/e/ea/Imperialigemsidethree.jpg) -250px 0px no-repeat;
+
     position: absolute;
     position: absolute;
     top: 0px;
     top: 0px;
-
     left: 0px;}
+
     left: 0px;
 +
    background-color: #01DF01;}
 +
 
 +
  #headpic {
 +
    width:800px;
 +
    height:500px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 100px;
 +
    background-image: url('http://lh6.ggpht.com/-lr4PeisGgQM/SPRjO-VGCLI/AAAAAAAADdA/Mu2pdLkZ4N0/s800/R0010181_bw.jpg'); }
 +
 
 +
  #headover {
 +
    width: 800px;
 +
    height:50px;
 +
    position: absolute;
 +
    top: 450px;
 +
    left: 0px;
 +
    background: url(https://static.igem.org/mediawiki/2010/d/d8/Imperialigemheadoverone.png) 0px 0px no-repeat; }
 +
 
 +
  a {
 +
    outline:none;}
 +
 
 +
  #headtit{
 +
    font-family: georgia, helvetica, arial, sans-serif;
 +
    font-size: 1.2em;
 +
    color: #ffffff;
 +
    position: absolute;
 +
    top: 0.5em;
 +
    right: 1.4em;}
 +
 
 +
  .dark{
 +
    color: #dddddd;}
 +
 
 +
  .highlight{
 +
    color: #01DF01;}
 +
 
 +
  #menulist{
 +
    position: absolute;
 +
    top: 16px;
 +
    left: 5px;
 +
    list-style: none;}
 +
 
 +
  #menulist li{
 +
    height: 30px;
 +
    }
 +
 
 +
  #menulist li a{
 +
    font-weight: 200;
 +
    font-size: 1.2em;
 +
    text-decoration: none;
 +
    font-family: georgia, helvetica, arial, sans-serif;
 +
    color: #ffffff;}
 +
 
 +
  #headover ul{
 +
    list-style: none;
 +
    display: none;
 +
    position: absolute;
 +
    top: 1.2em;
 +
    left: 0.2em;
 +
    }
 +
 
 +
  #headover ul ul{
 +
    position: absolute;
 +
    width:10em;
 +
    top:-0.2em;
 +
    left: 10em;
 +
    list-style:none;}
 +
 
 +
  #headover ul li{
 +
    height: 2.4em;
 +
    }
 +
 
 +
  #headover ul li a{
 +
    font-weight: 100;
 +
    font-size: 1.2em;
 +
    text-decoration: none;
 +
    font-family: georgia, helvetica, arial, sans-serif;
 +
    color: #dddddd;}
   </style>
   </style>
  </head>
  </head>
  <body>
  <body>
-
   <div id='side1'>
+
   <div id='title'>
-
   <a href='https://2010.igem.org/Team:Imperial_College_London/Software_Tool' id='lside1'></a>
+
   <div id='paralogo'>
-
   <div id='side2'>
+
    <a href='https://2011.igem.org/Team:HKU-Hong_Kong'>
-
     <a href='https://2010.igem.org/Team:Imperial_College_London/Media/Videos' id='lside2'></a>
+
    <img src='https://static.igem.org/mediawiki/2011/7/77/Logo-hku100.jpg'>
-
     <div id='side3'>
+
    </a>
-
     <a href='https://2010.igem.org/Team:Imperial_College_London/Workshop' id='lside3'></a>
+
  </div>
 +
    <div id='igemlogo'>
 +
    <a href='https://2011.igem.org/Main_Page'>
 +
    <img src='https://static.igem.org/mediawiki/2011/5/56/IGEM_logo_%28white_word%29.png'>
 +
    </a>
 +
  </div>
 +
   <div id='csynbilogo'>
 +
     <a href='http://www0.hku.hk/biochem/'>
 +
    <img id="csbl" src='http://100.hku.hk/images/slogan.jpg'>
 +
    </a>
 +
  </div>
 +
    </div>
 +
  <div id='menu'>
 +
  <div id='menuback'>
 +
    <ul id='menulist'>
 +
    <li><a href='#' class='listhead' id='project'>Project</a></li>
 +
    <li><a href='#' class='listhead' id='labwork'>Lab Work</a></li>
 +
    <li><a href='#' class='listhead' id='team'>Team</a></li>
 +
    <li><a href='#' class='listhead' id='data'>Data</a></li>
 +
    <li><a href='#' class='listhead' id='gratitude'>Gratitude</a></li>
 +
    </ul>
 +
  </div>
 +
  <div id='headpic'>
 +
    <div id='headover'>
 +
    <p id='headtit'>Super Silencer<span class='dark'> &nbsp;<span class='highlight'>|</span>&nbsp;&nbsp;Prepare to be silenced</span></p>
 +
    <ul class='project'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Project' class='listmain' id='results'>Overview</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Description' class='listmain' id='results'>Description</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Results' class='listmain' id='results'>Results</a></li>
 +
      <ul class='project'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/BioBricks' class='listmain' id='results'>BioBricks</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Modelling' class='listmain' id='results'>Modelling</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Attributions' class='listmain' id='results'>Attributions</a></li>         
 +
      </ul>
 +
    </ul>
 +
    <ul class='labwork'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Lab_Diaries' class='listmain' id='results'>Lab Diaries</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Lab_Protocol' class='listmain' id='results'>Lab Protocol</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Safety' class='listmain' id='results'>Safety</a></li>
 +
      </ul>
 +
    </ul>
 +
    <ul class='team'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Team_Profile' class='listmain' id='results'>Profile</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Human_Practice' class='listmain' id='results'>Human Practice</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Diary' class='listmain' id='project'>Social Networks</a></li>
 +
      <ul class='team'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Professors' class='listmain' id='results'>Professors & Advisors</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Videos' class='listmain' id='results'></a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Videos' class='listmain' id='results'>Video</a></li>
 +
      </ul>
 +
    </ul>
 +
     <ul class='data'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Parts' class='listmain' id='results'>Registry Parts</a></li>
 +
      </ul>
 +
     </ul>
 +
    <ul class='gratitude'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Sponsors' class='listmain' id='results'>Sponsors</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Acknowledgments' class='listmain' id='results'>Acknowledgments</a></li>
 +
      </ul>
 +
    </ul>  
     </div>
     </div>
   </div>
   </div>
Line 97: Line 310:
  </body>
  </body>
</html>
</html>
-
|-
 
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;" align="right"|[[Team:Imperial_College_London/Tour/Page_One | Click here to take the tour...]]
 
-
|}
 
-
{| style="width:900px;background:#f5f5f5;text-align:justify;font-family: helvetica, arial, sans-serif;color:#555555;margin-top:5px;" cellspacing="20"
 
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|Cellular Overview
 
-
|-
 
-
|<html>
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
-
<script type="text/javascript">
 
-
$(document).ready(function(){
 
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/d/d4/ICmaintwo.png');
 
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/0/05/ICmainthree.png');
 
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/b/b6/ICmainfour.png');
 
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/8/8d/ICmainone.png');
 
-
  $("#but1").mouseenter(function() {
 
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/d/d4/ICmaintwo.png');
 
-
  });
 
-
  $("#but2").mouseenter(function() {
 
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/0/05/ICmainthree.png');
 
-
  });
 
-
  $("#but3").mouseenter(function() {
 
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/b/b6/ICmainfour.png');
 
-
  });
 
-
  $("#but4").mouseenter(function() {
 
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2010/8/8d/ICmainone.png');
 
-
  });
 
-
 
-
});
 
-
</script>
 
-
<style type="text/css">
 
-
#maincon {
 
-
  width:860px;
 
-
  position:relative;}
 
-
#mainpic {
 
-
  width:860px;}
 
-
#but1 {
 
-
  width:60px;
 
-
  height:60px;
 
-
  position:absolute;
 
-
  left:88px;
 
-
  top:19px;
 
-
  z-index:2;
 
-
  background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
 
-
#but2 {
 
-
  width:60px;
 
-
  height:60px;
 
-
  position:absolute;
 
-
  left:489px;
 
-
  top:220px;
 
-
  z-index:2;
 
-
  background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
 
-
#but3 {
 
-
  width:60px;
 
-
  height:60px;
 
-
  position:absolute;
 
-
  left:320px;
 
-
  top:302px;
 
-
  z-index:2;
 
-
  background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
 
-
#but4 {
 
-
  width:60px;
 
-
  height:60px;
 
-
  position:absolute;
 
-
  left:509px;
 
-
  top:4px;
 
-
  z-index:2;
 
-
  background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
 
-
</style>
 
-
<div id="maincon">
 
-
<img id="mainpic" />
 
-
  <div id="but1">
 
-
  </div>
 
-
  <div id="but2">
 
-
  </div>
 
-
  <div id="but3">
 
-
  </div>
 
-
  <div id="but4">
 
-
  </div>
 
-
</div>
 
-
</html>
 
-
|}
 
-
{| style="width:900px;background:#f5f5f5;text-align:justify;font-family: helvetica, arial, sans-serif;color:#555555;margin-top:5px;" cellspacing="20"
 
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|Flickr
 
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|Twitter
 
-
|-
 
-
|align='center'|<html>
 
-
<div id="cesc" style="width:585px;height:300px;">
 
-
<p>If nothing appears here, something has gone wrong! Please enable JavaScript to continue.</p>
 
-
 
-
</div>
 
-
<script type="text/javascript" src="http://api.flickrshow.com/v7/flickrshow.js"></script>
 
-
    <script type="text/javascript">
 
-
        var cesc = new flickrshow('cesc', {
 
-
            'autoplay':true,
 
-
            'hide_buttons':false,
 
-
            'interval':4000,
 
-
            'set':'72157625127266243'
 
-
        });
 
-
</script>
 
-
</html>
 
-
|<html>
 
-
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
 
-
<script>
 
-
new TWTR.Widget({
 
-
  version: 2,
 
-
  type: 'profile',
 
-
  rpp: 3,
 
-
  interval: 6000,
 
-
  width: 250,
 
-
  height: 200,
 
-
  theme: {
 
-
    shell: {
 
-
      background: '#ea8928',
 
-
      color: '#ffffff'
 
-
    },
 
-
    tweets: {
 
-
      background: '#f5f5f5',
 
-
      color: '#555555',
 
-
      links: '#173778'
 
-
    }
 
-
  },
 
-
  features: {
 
-
    scrollbar: false,
 
-
    loop: false,
 
-
    live: false,
 
-
    hashtags: true,
 
-
    timestamp: true,
 
-
    avatars: false,
 
-
    behavior: 'all'
 
-
  }
 
-
}).render().setUser('imperialigem').start();
 
-
</script>
 
-
</html>
 
-
|}
 
-
 
-
{| style="width:900px;background:#f5f5f5;text-align:justify;font-family: helvetica, arial, sans-serif;color:#555555;margin-top:5px;" cellspacing="20"
 
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|About iGEM
 
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|Sponsored By
 
-
|-
 
-
|style="width:585px;" rowspan="3"|The International Genetically Engineered Machine competition (iGEM) is the premiere undergraduate Synthetic Biology competition. Student teams are given a kit of biological parts at the beginning of the summer from the Registry of Standard Biological Parts. Working at their own schools over the summer, they use these parts and new parts of their own design to build biological systems and operate them in living cells. This project design and competition format is an exceptionally motivating and effective teaching method.
 
-
|align="center"|
 
-
<html>
 
-
<a href="http://www.eurofinsdna.com/">
 
-
  <img src="https://static.igem.org/mediawiki/2010/c/c4/ImperialSponsorEuro.jpg" />
 
-
</a>
 
-
</html>
 
-
|-
 
-
|align="center"|<html>
 
-
<a href="http://www.wellcome.ac.uk/">
 
-
  <img src="https://static.igem.org/mediawiki/2010/b/b3/ICLwellogo.jpg" />
 
-
</a>
 
-
</html>
 
-
|-
 
-
|align="center"|<html>
 
-
<a href="http://usa.autodesk.com/">
 
-
  <img src="https://static.igem.org/mediawiki/2010/6/64/ICLadlogo.png" />
 
-
</a>
 
-
</html>
 
-
|}
 

Latest revision as of 13:07, 5 October 2011

Retrieved from "http://2011.igem.org/Team:HKU-Hong_Kong"