Team:Oxford/biosensor

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
  <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
 
   <style type="text/css">
   <style type="text/css">
   @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
   @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
-
  /* Enforce a lack of horizontal scrollbar so that the social section doesn't mess with the viewport. */
 
   html, body {
   html, body {
     max-width: 100%;
     max-width: 100%;
Line 142: Line 140:
     display: block;
     display: block;
   }
   }
 +
 +
.heading {
 +
    -webkit-transition: margin-left 0.3s, -webkit-transform 0.3s;
 +
    transition: margin-left 0.3s;
 +
}
 +
 +
.heading:hover {
 +
    margin-left:30px;
 +
}
Line 230: Line 237:
 +
#list li {
 +
list-style-image: url("https://static.igem.org/mediawiki/2014/6/6f/OxigemTick.png"); }
 +
}
 +
  </style>
   <script type="text/javascript">
   <script type="text/javascript">
Line 240: Line 251:
$(document).ready(function(){
$(document).ready(function(){
   $("#arrowr").click(function(){
   $("#arrowr").click(function(){
-
     $("#grey").animate({right:'-13%'}, "fast");
+
     $("#grey").animate({right:'-175px'}, "fast");
   });
   });
-
});
 
-
$(document).ready(function(){
 
   $("#arrowl").click(function(){
   $("#arrowl").click(function(){
-
     $("#grey").animate({right:'-9%'}, "fast");
+
     $("#grey").animate({right:'-120px'}, "fast");
   });
   });
 +
  $("#modelling").hover(function(){
 +
    $("#modelling").animate({opacity:'0.95'}, "fast");
 +
    $("#modelling1").css({display:'inline'});
 +
  });
 +
  $("#modelling").mouseout(function(){
 +
    $("#modelling").animate({opacity:'0.75'}, "fast");
 +
    $("#modelling1").css({display:'none'});
 +
  });
 +
  $("#achievements").hover(function(){
 +
    $("#achievements").animate({opacity:'0.95'}, "fast");
 +
    $("#achievements1").css({display:'inline'});
 +
  });
 +
  $("#achievements").mouseout(function(){
 +
    $("#achievements").animate({opacity:'0.75'}, "fast");
 +
    $("#achievements1").css({display:'none'});
 +
  });
 +
  $("#igemcomm").hover(function(){
 +
    $("#igemcomm").animate({opacity:'0.95'}, "fast");
 +
    $("#igemcomm1").css({display:'inline'});
 +
  });
 +
  $("#igemcomm").mouseout(function(){
 +
    $("#igemcomm").animate({opacity:'0.75'}, "fast");
 +
    $("#igemcomm1").css({display:'none'});
 +
  });
 +
  $("#safety").hover(function(){
 +
    $("#safety").animate({opacity:'0.95'}, "fast");
 +
    $("#safety1").css({display:'inline'});
 +
  });
 +
  $("#safety").mouseout(function(){
 +
    $("#safety").animate({opacity:'0.75'}, "fast");
 +
    $("#safety1").css({display:'none'});
 +
  });
 +
  $("#team").hover(function(){
 +
    $("#team").animate({opacity:'0.95'}, "fast");
 +
    $("#team1").css({display:'inline'});
 +
  });
 +
  $("#team").mouseout(function(){
 +
    $("#team").animate({opacity:'0.75'}, "fast");
 +
    $("#team1").css({display:'none'});
 +
  });
 +
  $("#dcmation").hover(function(){
 +
    $("#dcmation").animate({opacity:'0.95'}, "fast");
 +
    $("#dcmation1").css({display:'inline'});
 +
  });
 +
  $("#dcmation").mouseout(function(){
 +
    $("#dcmation").animate({opacity:'0.75'}, "fast");
 +
    $("#dcmation1").css({display:'none'});
 +
  });
 +
  $("#interlab").hover(function(){
 +
    $("#interlab").animate({opacity:'0.95'}, "fast");
 +
    $("#interlab1").css({display:'inline'});
 +
  });
 +
  $("#interlab").mouseout(function(){
 +
    $("#interlab").animate({opacity:'0.75'}, "fast");
 +
    $("#interlab1").css({display:'none'});
 +
  });
 +
  $("#policy").hover(function(){
 +
    $("#policy").animate({opacity:'0.95'}, "fast");
 +
    $("#policy1").css({display:'inline'});
 +
  });
 +
  $("#policy").mouseout(function(){
 +
    $("#policy").animate({opacity:'0.75'}, "fast");
 +
    $("#policy1").css({display:'none'});
 +
  });
 +
});
 +
 +
 +
jQuery(document).ready(function(){
 +
    jQuery('#tb1').live('click', function(event) {       
 +
        jQuery('#b1').toggle('show');
 +
    });
 +
    jQuery('#tb2').live('click', function(event) {       
 +
        jQuery('#b2').toggle('show');
 +
    });
 +
    jQuery('#tb3').live('click', function(event) {       
 +
        jQuery('#b3').toggle('show');
 +
    });
 +
    jQuery('#tb4').live('click', function(event) {       
 +
        jQuery('#b4').toggle('show');
 +
    });
 +
    jQuery('#tb5').live('click', function(event) {       
 +
        jQuery('#b5').toggle('show');
 +
    });
 +
    jQuery('#ts1').live('click', function(event) {       
 +
        jQuery('#s1').toggle('show');
 +
    });
 +
    jQuery('#ts2').live('click', function(event) {       
 +
        jQuery('#s2').toggle('show');
 +
    });
 +
    jQuery('#ts3').live('click', function(event) {       
 +
        jQuery('#s3').toggle('show');
 +
    });
 +
    jQuery('#ts4').live('click', function(event) {       
 +
        jQuery('#s4').toggle('show');
 +
    });
 +
    jQuery('#tg1').live('click', function(event) {       
 +
        jQuery('#g1').toggle('show');
 +
    });
 +
    jQuery('#tg2').live('click', function(event) {       
 +
        jQuery('#g2').toggle('show');
 +
    });
 +
    jQuery('#tg3').live('click', function(event) {       
 +
        jQuery('#g3').toggle('show');
 +
    });
 +
});
 +
 +
 +
function startup(){
 +
  $("#sidebarblue").animate({marginLeft:'+=250px'}, 1000);
 +
  $("#sidebarlogo").animate({marginLeft:'+=250px'}, 1000);
 +
}
 +
function startup1(){
 +
  $(".1").animate({marginLeft:'+=250px'}, 1000);
 +
}
 +
function startup2(){
 +
  $(".2").animate({marginLeft:'+=250px'}, 1000);
 +
}
 +
function startup3(){
 +
  $(".3").animate({marginLeft:'+=250px'}, 1000);
 +
}
 +
function startup4(){
 +
  $(".4").animate({marginLeft:'+=250px'}, 1000);
 +
}
 +
 +
 +
 +
$(document).ready(function(){
 +
  setTimeout(function() {
 +
    startup();
 +
  }, 1500);
 +
  setTimeout(function() {
 +
    startup1();
 +
  }, 1520);
 +
  setTimeout(function() {
 +
    startup2();
 +
  }, 1560);
 +
  setTimeout(function() {
 +
    startup3();
 +
  }, 1640);
 +
  setTimeout(function() {
 +
    startup4();
 +
  }, 1750);
});
});
Line 338: Line 489:
-
<div id="sponsors" style="height:200px; width:100%;"></div>
+
<div id="sponsors" style="height:10%; width:100%;"></div>
 +
     
</div>
</div>
 +
 +
<img id="sidebarblue" src="https://static.igem.org/mediawiki/2014/e/ec/OxigemsidebarBlue.png" style="float:left;position:fixed;margin-left:-250px;height:100%;" />
 +
 +
<img class="1" src="https://static.igem.org/mediawiki/2014/a/a5/OxigemDotsDCMation.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:31.6%; height:17.6%;" />
 +
<img class="2" src="https://static.igem.org/mediawiki/2014/0/06/OxigemDotsinterlab.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:18.3%; height:15.125%;" />
 +
<img class="3" src="https://static.igem.org/mediawiki/2014/e/ee/OxigemDotsP%26P.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:9%; height:12.75%;" />
 +
<img class="4" src="https://static.igem.org/mediawiki/2014/c/ca/OxigemDotsTeam.png" style="float:left;position:fixed;margin-left:-250px; top:0%; height:12.625%;" />
 +
<img class="1" src="https://static.igem.org/mediawiki/2014/f/f5/OxigemDotsModelling.png" style="opacity:0.8;float:left;position:fixed;margin-left:-250px; top:50.6%; height:17.75%;" />
 +
<img class="2" src="https://static.igem.org/mediawiki/2014/8/87/OxigemDotsAchievements.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:66.45%; height:13.28%;" />
 +
<img class="3" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemDotsiGEMcomm.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:78%; height:12.5%;" />
 +
<img class="4" src="https://static.igem.org/mediawiki/2014/0/0e/OxigemDotsSafety.png" style="float:left;position:fixed;margin-left:-250px; top:88.15%; height:11.9%;" />
 +
 +
<a href="https://2014.igem.org/Team:Oxford"><img id="sidebarlogo" class="oxigem" src="https://static.igem.org/mediawiki/2014/a/a4/Oxigemsidebarlogo.png" style="float:left;position:fixed;margin-left:-250px; top:42.5%; height:15%;"/></a>
 +
 +
<img src="https://static.igem.org/mediawiki/2014/3/37/OxigemDotModelling.png" style="float:left;position:fixed; top:59.3%; height:4.125%;" />
 +
<img src="https://static.igem.org/mediawiki/2014/0/05/OxigemDotAchievements.png" style="float:left;position:fixed; top:71%; height:4%;" />
 +
<img src="https://static.igem.org/mediawiki/2014/7/77/OxigemDotiGEMcomm.png" style="float:left;position:fixed; top:81.5%; height:4.375%;" />
 +
<img src="https://static.igem.org/mediawiki/2014/2/27/OxigemDotSafety.png" style="float:left;position:fixed; top:93%; height:4.125%;" />
 +
<img src="https://static.igem.org/mediawiki/2014/e/e7/OxigemDotDCMation.png" style="float:left;position:fixed; top:37%; height:4.125%;" />
 +
<img src="https://static.igem.org/mediawiki/2014/9/94/OxigemDotInterlab.png" style="float:left;position:fixed; top:25%; height:4.125%;" />
 +
<img src="https://static.igem.org/mediawiki/2014/1/19/OxigemDotP%26P.png" style="float:left;position:fixed; top:13.5%; height:4.375%;" />
 +
<img src="https://static.igem.org/mediawiki/2014/c/cc/OxigemDotTeam.png" style="float:left;position:fixed; top:3%; height:4.375%;" />
 +
 +
<img id="modelling1" src="https://static.igem.org/mediawiki/2014/9/93/OxigemDotModelling1.png" style="display:none;float:left;position:fixed; top:59.3%; height:4.125%;" />
 +
<img id="achievements1" src="https://static.igem.org/mediawiki/2014/0/0f/OxigemDotAchievements1.png" style="display:none;float:left;position:fixed; top:71%; height:4%;" />
 +
<img id="igemcomm1" src="https://static.igem.org/mediawiki/2014/a/a8/OxigemDotiGEMcomm1.png" style="display:none;float:left;position:fixed; top:81.5%; height:4.375%;" />
 +
<img id="safety1" src="https://static.igem.org/mediawiki/2014/e/ee/OxigemDotSafety1.png" style="display:none;float:left;position:fixed; top:93%; height:4.125%;" />
 +
<img id="dcmation1" src="https://static.igem.org/mediawiki/2014/d/db/OxigemDotDCMation1.png" style="display:none;float:left;position:fixed; top:37%; height:4.125%;" />
 +
<img id="interlab1" src="https://static.igem.org/mediawiki/2014/5/52/OxigemDotInterlab1.png" style="display:none;float:left;position:fixed; top:25%; height:4.125%;" />
 +
<img id="policy1" src="https://static.igem.org/mediawiki/2014/b/bf/OxigemDotP%26P1.png" style="display:none;float:left;position:fixed; top:13.5%; height:4.375%;" />
 +
<img id="team1" src="https://static.igem.org/mediawiki/2014/c/c5/OxigemDotTeam1.png" style="display:none;float:left;position:fixed; top:3%; height:4.375%;" />
 +
 +
<a href="#"><img class="heading" id="modelling" src="https://static.igem.org/mediawiki/2014/e/e0/OxigemSidebarModelling.png" style="opacity:0.8;float:left;position:fixed; top:59%; height:4.5%;"  /></a>
 +
<a href="#"><img class="heading" id="achievements" src="https://static.igem.org/mediawiki/2014/4/4a/OxigemSidebarAchievements.png" style="opacity:0.75;float:left;position:fixed; top:71%; height:4%;" /></a>
 +
<a href="#"><img class="heading" id="igemcomm" src="https://static.igem.org/mediawiki/2014/8/83/OxigemSidebariGEMcomm.png" style="opacity:0.8;float:left;position:fixed; top:81.1%; height:5.375%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/safety"><img class="heading" id="safety" src="https://static.igem.org/mediawiki/2014/3/3d/OxigemSidebarSafety.png" style="opacity:0.75;float:left;position:fixed; top:92.9%; height:4.375%;" /></a>
 +
<a href="#"><img class="heading" id="dcmation" src="https://static.igem.org/mediawiki/2014/1/18/OxigemSidebarDCMation.png" style="opacity:0.8;float:left;position:fixed; top:36%; height:5.75%;" /></a>
 +
<a href="#"><img class="heading" id="interlab" src="https://static.igem.org/mediawiki/2014/e/e2/OxigemSidebarInterlab.png" style="opacity:0.8;float:left;position:fixed; top:24.4%; height:5.25%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/policy_and_practices"><img class="heading" id="policy" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemSidebarP%26P.png" style="opacity:0.8;float:left;position:fixed; top:13.2%; height:4.875%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/team"><img class="heading" id="team" src="https://static.igem.org/mediawiki/2014/3/3b/OxigemSidebarTeam.png" style="opacity:0.8;float:left;position:fixed; top:3%; height:4.625%;" /></a>
 +
-
<img src="https://static.igem.org/mediawiki/2014/9/91/OxigemSidebar.png" style="float:left;position:fixed; height:100%;" />
 
 +
<img src="https://static.igem.org/mediawiki/2014/6/60/OxigemAchievements2.png" style="position:fixed; display:none; height:4%; top:37%; left:2%;" />
   <div class="iGEMlogo" style="width:6.5%; position:absolute; top:0.7%; right:0.5%; min-width:50px;">
   <div class="iGEMlogo" style="width:6.5%; position:absolute; top:0.7%; right:0.5%; min-width:50px;">
-
     <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/OxigemiGEM.png" style="width:100%"/></a>
+
     <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/5/56/OxigemiGEMgrey.png" style="width:100%"/></a>
   </div>
   </div>
-
   <a href="#"><img id="arrowl" src="https://static.igem.org/mediawiki/2014/7/77/OxigemArrowl.png" style="position:absolute; width:2.5%; top:50%;right:1.5%; opacity:0.6; z-index:4;" /></a>
+
   <a href="#"><img id="arrowl" src="https://static.igem.org/mediawiki/2014/1/1d/OxigemArrowleft.png" style="position:fixed; width:50px; top:23%;right:0px; opacity:0.6; z-index:4;" /></a>
-
   <div id="grey" style="width:14%; position:absolute; top:23%; right:-13%; z-index:4;">
+
   <div id="grey" style="width:190px; position:fixed; top:23%; right:-175px; z-index:4;">
     <img src="https://static.igem.org/mediawiki/2014/0/0d/OxigemGrey.png" style="position:relative;width:100%;" />
     <img src="https://static.igem.org/mediawiki/2014/0/0d/OxigemGrey.png" style="position:relative;width:100%;" />
-
     <a href="#"><img id="arrowr" src="https://static.igem.org/mediawiki/2014/0/03/OxigemArrowr.png" style="position:absolute;width:16%;top:5%;left:10%;"></a>
+
     <a href="#"><img id="arrowr" src="https://static.igem.org/mediawiki/2014/0/03/OxigemArrowr.png" style="position:absolute;width:14%;top:5%;left:10%;"></a>
     <div class="fbicon" style="position:absolute;width:23%; top:20%; left:9%;" onmouseover=
     <div class="fbicon" style="position:absolute;width:23%; top:20%; left:9%;" onmouseover=
       "iconleft(this)" onmouseout="iconnormal(this)" border="0"><a href="https://www.facebook.com/oxfordigem" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/8/88/OxigemIconfacebook.png" style="width:100%;" /></a>
       "iconleft(this)" onmouseout="iconnormal(this)" border="0"><a href="https://www.facebook.com/oxfordigem" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/8/88/OxigemIconfacebook.png" style="width:100%;" /></a>

Revision as of 11:26, 29 September 2014

#list li { list-style-image: url("https://static.igem.org/mediawiki/2014/6/6f/OxigemTick.png"); } }


Biosensor


Developing the biosensor

One part of our project was developing a cheap and user friendly way of detecting chlorinated solvents, focusing specifically on DCM. The engineering design team worked very closely with the biochemistry team to ensure that the construction of the biosensor went ahead as quickly and efficiently as possible. This involved characterising a previously unknown genetic circuit and then optimising the parameters that we had some form of control over to get the fastest visible response. On top of this, there is a link below to the specifics of the wet lab work and there is also a section on the physical realisation of our product.

HERE WE NEED A VERY CLEAR BIOSENSOR EXPLANATION