Team:Imperial College London

From 2010.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:Imperial_College_London/Templates/Header}}
 +
{| 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 5: Line 17:
   <script type="text/javascript">
   <script type="text/javascript">
   $(document).ready(function(){
   $(document).ready(function(){
-
 
+
     $('#lside1').mouseover(function() {
-
     $(function(){
+
     $('#lside1').stop().animate({backgroundPosition: '0px 0px'}, 1000);
-
    var path = location.pathname.substring(1);
+
-
    if ( path )
+
-
     $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#ea8828");
+
     });
     });
-
 
+
     $('#lside1').mouseleave(function() {
-
     $('#menuback').mouseover(function() {
+
     $('#lside1').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
-
     $('#headover').stop().animate({height:'150px',top:'0px'},1000);
+
     });
     });
-
 
+
     $('#lside2').mouseover(function() {
-
     $('#menu').mouseleave(function() {
+
     $('#lside2').stop().animate({backgroundPosition: '0px 0px'}, 1000);
-
     $('.listhead').not('.curlink').css("color","#ffffff");
+
-
    $('.listmain').not('.curlink').css("color","#dddddd");
+
-
    $('#headover ul').fadeOut(500);
+
-
    $('#headover').stop().animate({height:'50px',top:'100px'},1000);
+
     });
     });
-
 
+
     $('#lside2').mouseleave(function() {
-
     $('.listhead').mouseover(function(){
+
     $('#lside2').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
-
     $('.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() {
-
     $('.listmain').mouseover(function(){
+
     $('#lside3').stop().animate({backgroundPosition: '0px 0px'}, 1000);
-
     $('.listmain').not('.curlink').css("color","#dddddd");
+
-
    $(this).css("color","#ea8828");
+
     });
     });
-
 
+
     $('#lside3').mouseleave(function() {
-
     $('#headover').mouseleave(function(){
+
     $('#lside3').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
-
     $('.listmain').not('.curlink').css("color","#dddddd");
+
     });
     });
-
 
   });
   });
   </script>
   </script>
   <style type="text/css">
   <style type="text/css">
-
 
+
   #side1 {
-
  .firstHeading {
+
     width: 250px;
-
    display: none;}
+
     height: 100px;
-
 
+
-
  #content {
+
-
    width: 900px;
+
-
    font-family: helvetica, arial, sans-serif;
+
-
    color: #555555}
+
-
 
+
-
   #title {
+
-
     width:900px;
+
-
     height:50px;
+
     position: relative;
     position: relative;
     top: 0px;
     top: 0px;
     left: 0px;}
     left: 0px;}
-
   #implogo {
+
   #lside1 {
-
     width:190px;
+
     width: 250px;
-
     height:50px;
+
     height: 100px;
 +
    background: url(https://static.igem.org/mediawiki/2010/b/b2/ICside1be.png) -250px 0px no-repeat;
     position: absolute;
     position: absolute;
     top: 0px;
     top: 0px;
-
     left: 20px;
+
     left: 0px;}
-
    background-image:url(http://openwetware.org/images/c/c9/Imperialigemimplogo.jpg);}
+
-
   #igemlogo {
+
   #side2 {
-
     width:84px;
+
     width: 250px;
-
     height:50px;
+
     height: 100px;
-
    position:absolute;
+
-
    top:0px;
+
-
    left:260px;
+
-
    background-image:url(http://openwetware.org/images/9/9c/Imperialigemigemlogo.jpg);}
+
-
 
+
-
  #csynbilogo {
+
-
    width:205px;
+
-
    height:50px;
+
-
    position:absolute;
+
-
    top:0px;
+
-
    left:394px;
+
-
    background-image:url(http://openwetware.org/images/a/ac/Imperialigemcsynbilogo.jpg);}
+
-
 
+
-
  #menu {
+
-
    width:900px;
+
-
    height:150px;
+
     position: relative;
     position: relative;
-
     top: 20px;
+
     top: 110px;
     left: 0px;}
     left: 0px;}
-
   #menuback {
+
   #lside2 {
-
     width:100px;
+
     width: 250px;
-
     height:150px;
+
     height: 100px;
 +
    background: url(https://static.igem.org/mediawiki/2010/6/66/Imperialigemsidetwo.jpg) -250px 0px no-repeat;
     position: absolute;
     position: absolute;
     top: 0px;
     top: 0px;
-
     left: 0px;
+
     left: 0px;}
-
    background-color: #ea8828}
+
-
   #headpic {
+
   #side3 {
-
     width:800px;
+
     width: 250px;
-
     height:150px;
+
     height: 100px;
 +
    position: relative;
 +
    top: 110px;
 +
    left: 0px;}
 +
 
 +
  #lside3 {
 +
    width: 250px;
 +
    height: 100px;
 +
    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: 100px;
+
     left: 0px;}
-
    background-image: url('http://openwetware.org/images/5/54/Imperialigemheadone.jpg'); }
+
-
 
+
-
  #headover {
+
-
    width: 800px;
+
-
    height:50px;
+
-
    position: absolute;
+
-
    top: 100px;
+
-
     left: 0px;
+
-
    background: url(http://openwetware.org/images/d/d8/Imperialigemheadoverone.png) 0px 0px no-repeat; }
+
-
 
+
-
  a {
+
-
    outline:none;}
+
-
 
+
-
  #headtit{
+
-
    font-family: helvetica, arial, sans-serif;
+
-
    font-size: 1.2em;
+
-
    color: #ffffff;
+
-
    position: absolute;
+
-
    top: 0.5em;
+
-
    right: 1.4em;}
+
-
 
+
-
  .dark{
+
-
    color: #dddddd;}
+
-
 
+
-
  .highlight{
+
-
    color: #ea8828;}
+
-
 
+
-
  #menulist{
+
-
    position: absolute;
+
-
    top: 16px;
+
-
    left: 3px;
+
-
    list-style: none;}
+
-
 
+
-
  #menulist li{
+
-
    height: 30px;
+
-
    }
+
-
 
+
-
  #menulist li a{
+
-
    font-weight: 100;
+
-
    font-size: 1.2em;
+
-
    text-decoration: none;
+
-
    font-family: 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;
+
-
    top:-0.2em;
+
-
    left: 15em;}
+
-
 
+
-
  #headover ul li{
+
-
    height: 2.4em;
+
-
    }
+
-
 
+
-
  #headover ul li a{
+
-
    font-weight: 100;
+
-
    font-size: 1.2em;
+
-
    text-decoration: none;
+
-
    font-family: helvetica, arial, sans-serif;
+
-
    color: #dddddd;}
+
   </style>
   </style>
  </head>
  </head>
  <body>
  <body>
-
   <div id='title'>
+
   <div id='side1'>
-
   <div id='implogo'>
+
   <a href='https://2010.igem.org/Team:Imperial_College_London/Software_Tool' id='lside1'></a>
-
  </div>
+
   <div id='side2'>
-
  <div id='igemlogo'>
+
     <a href='https://2010.igem.org/Team:Imperial_College_London/Media/Videos' id='lside2'></a>
-
  </div>
+
    <div id='side3'>
-
  <div id='csynbilogo'>
+
     <a href='https://2010.igem.org/Team:Imperial_College_London/Workshop' id='lside3'></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='plan'>Plan</a></li>
+
-
    <li><a href='#' class='listhead' id='results'>Results</a></li>
+
-
    <li><a href='#' class='listhead' id='extra'>Extra</a></li>
+
-
    </ul>
+
-
  </div>
+
-
   <div id='headpic'>
+
-
     <div id='headover'>
+
-
    <p id='headtit'>Parasight<span class='dark'> &nbsp;<span class='highlight'>|</span>&nbsp;&nbsp;Parasite detection with a rapid response</span></p>
+
-
    <ul class='project'>
+
-
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/Diary' class='listmain' id='project'>Diary</a></li>
+
-
      <ul class='project'>
+
-
      </ul>
+
-
     </ul>
+
-
    <ul class='plan'>
+
-
      <li><a href='#' class='listmain' id='results'>Under Construction</a></li>
+
-
      <ul class='plan'>
+
-
      </ul>
+
-
    </ul>
+
-
    <ul class='results'>
+
-
      <li><a href='#' class='listmain' id='results'>Under Construction</a></li>
+
-
    </ul>
+
-
    <ul class='extra'>
+
-
      <li><a href='#' class='listmain' id='results'>Under Construction</a></li>
+
-
    </ul>  
+
     </div>
     </div>
   </div>
   </div>
Line 216: Line 97:
  </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>
<html>
-
  <head>
+
  <a href="http://www.eurofinsdna.com/">
-
   <style type="text/css">
+
   <img src="https://static.igem.org/mediawiki/2010/c/c4/ImperialSponsorEuro.jpg" />
-
  #blank {
+
</a>
-
    height:40px;
+
</html>
-
    width: 900px;
+
|-
-
   </style>
+
|align="center"|<html>
-
  </head>
+
<a href="http://www.wellcome.ac.uk/">
-
<body>
+
   <img src="https://static.igem.org/mediawiki/2010/b/b3/ICLwellogo.jpg" />
-
  <div id="blank">
+
  </a>
-
   </div>
+
</html>
-
  </body>
+
|-
 +
|align="center"|<html>
 +
<a href="http://usa.autodesk.com/">
 +
   <img src="https://static.igem.org/mediawiki/2010/6/64/ICLadlogo.png" />
 +
  </a>
</html>
</html>
 +
|}

Latest revision as of 03:26, 28 October 2010

Parasight Extra Links
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.

Click here to take the tour...
Cellular Overview
Flickr Twitter

If nothing appears here, something has gone wrong! Please enable JavaScript to continue.

About iGEM Sponsored By
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.