Team:Imperial College London

From 2010.igem.org

(Difference between revisions)
 
(45 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:Imperial_College_London/Templates/Header}}
-
<head>
+
{| style="width:900px;background:#f5f5f5;text-align:justify;font-family: helvetica, arial, sans-serif;color:#555555;margin-top:25px;" cellspacing="20"
-
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|Parasight
-
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#ea8828;"|Extra Links
-
  <script type="text/javascript">
+
|-
-
  $(document).ready(function(){
+
|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…'''
-
    $(function(){
+
''“More than two billion people around the world live with unrelenting illness due to parasites”'' - WHO Director General Lee Jong-wook.
-
    var path = location.pathname.substring(1);
+
-
    if ( path )
+
-
    $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#ea8828");
+
-
    });
+
-
    $('#menuback').mouseover(function() {
+
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.
-
    $('#headover').stop().animate({height:'150px',top:'0px'},1000);
+
-
    });
+
-
    $('#menu').mouseleave(function() {
+
'''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.'''
-
    $('.listhead').not('.curlink').css("color","#ffffff");
+
|rowspan="2" valign="top"|<html>
-
    $('.listmain').not('.curlink').css("color","#dddddd");
+
-
    $('#headover ul').fadeOut(500);
+
-
    $('#headover').stop().animate({height:'50px',top:'100px'},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);
+
-
    });
+
-
 
+
-
    $('.listmain').mouseover(function(){
+
-
    $('.listmain').not('.curlink').css("color","#dddddd");
+
-
    $(this).css("color","#ea8828");
+
-
    });
+
-
 
+
-
    $('#headover').mouseleave(function(){
+
-
    $('.listmain').not('.curlink').css("color","#dddddd");
+
-
    });
+
-
 
+
-
  });
+
-
  </script>
+
-
  <style type="text/css">
+
-
 
+
-
  .firstHeading {
+
-
    display: none;}
+
-
 
+
-
  #content {
+
-
    width: 900px;
+
-
    font-family: helvetica, arial, sans-serif;
+
-
    color: #555555}
+
-
 
+
-
  #title {
+
-
    width:900px;
+
-
    height:50px;
+
-
    position: relative;
+
-
    top: 0px;
+
-
    left: 0px;}
+
-
 
+
-
  #implogo {
+
-
    width:190px;
+
-
    height:50px;
+
-
    position: absolute;
+
-
    top: 0px;
+
-
    left: 20px;
+
-
    background-image:url(http://openwetware.org/images/c/c9/Imperialigemimplogo.jpg);}
+
-
 
+
-
  #igemlogo {
+
-
    width:84px;
+
-
    height:50px;
+
-
    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;
+
-
    top: 20px;
+
-
    left: 0px;}
+
-
 
+
-
  #menuback {
+
-
    width:100px;
+
-
    height:150px;
+
-
    position: absolute;
+
-
    top: 0px;
+
-
    left: 0px;
+
-
    background-color: #ea8828}
+
-
 
+
-
  #headpic {
+
-
    width:800px;
+
-
    height:150px;
+
-
    position: absolute;
+
-
    top: 0px;
+
-
    left: 100px;
+
-
    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>
+
-
</head>
+
-
<body>
+
-
  <div id='title'>
+
-
  <div id='implogo'>
+
-
  </div>
+
-
  <div id='igemlogo'>
+
-
  </div>
+
-
  <div id='csynbilogo'>
+
-
  </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>
+
-
</body>
+
-
</html>
+
-
<html>
+
-
<head>
+
-
  <style type="text/css">
+
-
  #blank {
+
-
    height:25px;
+
-
    width: 900px;
+
-
  </style>
+
-
</head>
+
-
<body>
+
-
  <div id="blank">
+
-
  </div>
+
-
</body>
+
-
</html>
+
-
 
+
-
{| style="width:645px;background:#eeeeee;text-align:justify;font-family: helvetica, arial, sans-serif;color:#555555" cellspacing="10"
+
-
|“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 before useful output. To tackle this issue in the field, it's crucial that our project can respond in minutes, hence we have engineered a fast, modular sensor framework. This allows detection of a range of different parasites, and may also be used as an environmental tool for mapping their spread. We have developed two new technologies that enable our modular input/output - a novel cell surface biosensor, customisable for specific parasitic proteases, linked through quorum-sensing to a new 'fast-response' module capable of producing a detectable output in minutes. To demonstrate the concept, we've designed and fabricated B. subtilis to give a striking colour readout upon detecting the waterborne Schistosoma parasite which affects 200 million people worldwide.
+
-
|}
+
-
 
+
-
<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 265: Line 42:
     height: 100px;
     height: 100px;
     position: relative;
     position: relative;
-
     top: -218px;
+
     top: 0px;
-
     left: 650px;}
+
     left: 0px;}
   #lside1 {
   #lside1 {
     width: 250px;
     width: 250px;
     height: 100px;
     height: 100px;
-
     background: url(http://openwetware.org/images/d/df/Imperialigemsideone.jpg) -250px 0px no-repeat;
+
     background: url(https://static.igem.org/mediawiki/2010/b/b2/ICside1be.png) -250px 0px no-repeat;
     position: absolute;
     position: absolute;
     top: 0px;
     top: 0px;
Line 279: Line 56:
     width: 250px;
     width: 250px;
     height: 100px;
     height: 100px;
-
     position: absolute;
+
     position: relative;
-
     top: 105px;
+
     top: 110px;
     left: 0px;}
     left: 0px;}
Line 286: Line 63:
     width: 250px;
     width: 250px;
     height: 100px;
     height: 100px;
-
     background: url(http://openwetware.org/images/6/66/Imperialigemsidetwo.jpg) -250px 0px no-repeat;
+
     background: url(https://static.igem.org/mediawiki/2010/6/66/Imperialigemsidetwo.jpg) -250px 0px no-repeat;
     position: absolute;
     position: absolute;
     top: 0px;
     top: 0px;
Line 294: Line 71:
     width: 250px;
     width: 250px;
     height: 100px;
     height: 100px;
-
     position: absolute;
+
     position: relative;
-
     top: 105px;
+
     top: 110px;
     left: 0px;}
     left: 0px;}
Line 301: Line 78:
     width: 250px;
     width: 250px;
     height: 100px;
     height: 100px;
-
     background: url(http://openwetware.org/images/e/ea/Imperialigemsidethree.jpg) -250px 0px no-repeat;
+
     background: url(https://static.igem.org/mediawiki/2010/e/ea/Imperialigemsidethree.jpg) -250px 0px no-repeat;
     position: absolute;
     position: absolute;
     top: 0px;
     top: 0px;
Line 310: Line 87:
  <body>
  <body>
   <div id='side1'>
   <div id='side1'>
-
   <a href='#' id='lside1'></a>
+
   <a href='https://2010.igem.org/Team:Imperial_College_London/Software_Tool' id='lside1'></a>
   <div id='side2'>
   <div id='side2'>
-
     <a href='#' id='lside2'></a>
+
     <a href='https://2010.igem.org/Team:Imperial_College_London/Media/Videos' id='lside2'></a>
     <div id='side3'>
     <div id='side3'>
-
     <a href='#' id='lside3'></a>
+
     <a href='https://2010.igem.org/Team:Imperial_College_London/Workshop' id='lside3'></a>
     </div>
     </div>
   </div>
   </div>
Line 320: 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>
 +
<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 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.