Team:Oxford/Modelling

From 2014.igem.org

(Difference between revisions)
(Replaced content with "{{Team:Oxford/templates/header}} {{Team:Oxford/templates/footer}}")
Line 1: Line 1:
-
<html>
+
{{Team:Oxford/templates/header}}
-
<head>
+
-
  <style type="text/css">
+
-
  @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
 
-
  html, body {
 
-
    max-width: 100%;
 
-
    overflow-x: hidden;
 
-
  }
 
-
  body {
 
-
    background-color: #EBEBEB;
 
-
    margin: 0px;
 
-
    padding: 0;
 
-
    border: 0;
 
-
    vertical-align: baseline;
 
-
    font-family: 'Open Sans', 'helvetica', sans-serif;
 
-
    font-size: 10px;
 
-
    font-weight: 300;
 
-
  }
 
-
  #content {
 
-
    border:none;
 
-
    width:100%;
 
-
    margin:0;
 
-
    padding:0;
 
-
    background:none;
 
-
  }
 
-
  #catlinks {
 
-
    display:none;
 
-
  }
 
-
  #contentSub {
 
-
    display:none;
 
-
  }
 
-
  #menubar {
 
-
    width: auto;
 
-
    margin-top:0.5%;
 
-
}
 
-
  .left-menu:hover {
 
-
    background-color: transparent;
 
-
  }
 
-
  #menubar li a {
 
-
    background-color: transparent;
 
-
  }
 
-
  #menubar:hover {
 
-
    color: gray;
 
-
  }
 
-
  #menubar li a {
 
-
    color: #B5B5B5;
 
-
  }
 
-
  #menubar:hover li a {
 
-
    color: gray;
 
-
  }
 
-
  #menubar.left-menu.noprint ul li:last-child {
 
-
  display:none;
 
-
  }
 
-
  #search-controls {
 
-
    display:none;
 
-
  }
 
-
  #top-section {
 
-
    height:0px;
 
-
    width:100%;
 
-
    border:none;
 
-
  }
 
-
  #footer-box {
 
-
    border:none;
 
-
    display:none;
 
-
    width:100%;
 
-
  }
 
-
  #p-logo {
 
-
    display:none
 
-
  }
 
-
  .firstHeading {
 
-
  display:none;
 
-
  }
 
-
  #bodyContent p{
 
-
    display:none;
 
-
  }
 
-
  html, div, span, applet, object, iframe,
 
-
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 
-
  a, abbr, acronym, address, big, cite, code,
 
-
  del, dfn, em, img, ins, kbd, q, s, samp,
 
-
  small, strike, strong, sub, sup, tt, var,
 
-
  b, u, i, center,
 
-
  dl, dt, dd, ol, ul, li,
 
-
  fieldset, form, label, legend,
 
-
  table, caption, tbody, tfoot, thead, tr, th, td,
 
-
  article, aside, canvas, details, embed,
 
-
  figure, figcaption, footer, header, hgroup,
 
-
  menu, nav, output, ruby, section, summary,
 
-
  time, mark, audio, video {
 
-
    margin: 0;
 
-
    padding: 0;
 
-
    border: 0;
 
-
    font-size: 100%;
 
-
    font: inherit;
 
-
    vertical-align: baseline;
 
-
  }
 
-
  #top-section {
 
-
    width: 965px;
 
-
    height: 0;
 
-
    margin: 0 auto;
 
-
    padding: 0;
 
-
    border: none;}
 
-
  .left-menu:hover {
 
-
    background-color: transparent;}
 
-
  #menubar li a {
 
-
    background-color: transparent;}
 
-
  .outer {
+
{{Team:Oxford/templates/footer}}
-
    position:fixed;
+
-
    width:100%;
+
-
    height:100%;
+
-
  }
+
-
 
+
-
  img.supercoil {
+
-
    width:65%;
+
-
    display: block;
+
-
    margin-left: auto;
+
-
    margin-right: auto }
+
-
 
+
-
  .Heading {
+
-
    position:absolute;
+
-
    display: block;
+
-
  }
+
-
 
+
-
.heading {
+
-
    -webkit-transition: margin-left 0.3s, -webkit-transform 0.3s;
+
-
    transition: margin-left 0.3s;
+
-
}
+
-
 
+
-
.heading:hover {
+
-
    margin-left:30px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
.pink_news_block {
+
-
     
+
-
        background: #FDDBDB;
+
-
        border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%;
+
-
width:96%;
+
-
}
+
-
.right_news_block {
+
-
     
+
-
        background: #fff;
+
-
        border-radius:15px; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%;
+
-
width:75%;float:right;line-height:150%;
+
-
}
+
-
.right_news_block2 {
+
-
     
+
-
        background: #fff;
+
-
        border-radius:15px; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%;
+
-
width:75%;float:right;line-height:150%;margin-top:2%;
+
-
}
+
-
 
+
-
.blue_news_block {
+
-
     
+
-
        background: #ADD8E6;
+
-
        border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%;
+
-
width:96%;
+
-
}
+
-
 
+
-
.orange_news_block1 {
+
-
     
+
-
        background: #FA6800;
+
-
        border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
+
-
width:32%;
+
-
}
+
-
 
+
-
.orange_news_block2 {
+
-
     
+
-
        background: #FA6800;
+
-
        border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
+
-
width:96%;
+
-
}
+
-
 
+
-
.yellow_news_block {
+
-
     
+
-
        background: #FFFF06;
+
-
        border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
+
-
width:27%;
+
-
}
+
-
.white_news_block {
+
-
     
+
-
        background: #fff;
+
-
        border-radius:15px; margin-top:2%; margin-left: 0%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
+
-
width:96%;
+
-
}
+
-
 
+
-
h1 {
+
-
font-size: 120%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
margin-bottom: 2%;
+
-
        line-height:150%;
+
-
        color:#777777;
+
-
     
+
-
}
+
-
h1white {
+
-
font-size: 230%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        color:#fff;
+
-
        line-height:150%;
+
-
}
+
-
h1blue {
+
-
font-size: 180%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        color:#4747E5;
+
-
        line-height:150%;
+
-
        font-style: italic;
+
-
}
+
-
h1blue2 {
+
-
font-size: 130%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        color:#4747E5;
+
-
        line-height:150%;
+
-
}
+
-
h1blue3 {
+
-
font-size: 140%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        color:#4747E5;
+
-
        line-height:150%;
+
-
}
+
-
h2blue3 {
+
-
font-size: 120%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        color:#4747E5;
+
-
        line-height:150%;
+
-
}
+
-
 
+
-
 
+
-
h1black {
+
-
font-size: 230%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        line-height:150%;
+
-
}
+
-
h1grey {
+
-
font-size: 280%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        color:#615555;
+
-
        line-height:150%;
+
-
}
+
-
h1purple {
+
-
font-size: 140%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        color:#CE68D5;
+
-
        line-height:150%;
+
-
}
+
-
h2purple {
+
-
font-size: 120%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        color:#CE68D5;
+
-
        line-height:150%;
+
-
}
+
-
h1red {
+
-
font-size: 140%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        color:#B31127;
+
-
        line-height:150%;
+
-
}
+
-
h2red {
+
-
font-size: 120%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        color:#B31127;
+
-
        line-height:150%;
+
-
}
+
-
h1orange {
+
-
font-size: 140%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        color:#F98500;
+
-
        line-height:150%;
+
-
}
+
-
h2orange {
+
-
font-size: 120%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        color:#F98500;
+
-
        line-height:150%;
+
-
}
+
-
h1green {
+
-
font-size: 140%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        color:#0F9101;
+
-
        line-height:150%;
+
-
}
+
-
h2green {
+
-
font-size: 120%;
+
-
font-weight: 400;
+
-
font-family:Helvetica;
+
-
        color:#0F9101;
+
-
        line-height:150%;
+
-
}
+
-
 
+
-
 
+
-
  </style>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
  #list li {
+
-
list-style-image: url("https://static.igem.org/mediawiki/2014/6/6f/OxigemTick.png"); }
+
-
}
+
-
  </style>
+
-
  <script type="text/javascript">
+
-
 
+
-
  function iconleft(x) {
+
-
    x.style.left="6%";
+
-
  }
+
-
  function iconnormal(x) {
+
-
    x.style.left="9%";
+
-
  }
+
-
$(document).ready(function(){
+
-
  $("#arrowr").click(function(){
+
-
    $("#grey").animate({right:'-175px'}, "fast");
+
-
  });
+
-
  $("#arrowl").click(function(){
+
-
    $("#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);
+
-
});
+
-
 
+
-
  </script>
+
-
 
+
-
  <title></title>
+
-
</head>
+
-
 
+
-
<body>
+
-
  <div class="outer" style="overflow-y: scroll; overflow-x: hidden;">
+
-
 
+
-
 
+
-
 
+
-
<div id="stuff" style="float:left;position:absolute;margin-left:200px;margin-right:100px; margin-top:50px;">
+
-
 
+
-
<img src="https://static.igem.org/mediawiki/2014/0/08/Oxigemradcamcrop.jpg" style="position:absolute; width:100%;min-width:100%;z-index:-1; border-radius:15px;"/>
+
-
 
+
-
 
+
-
<div style="background-color:#D9D9D9; opacity:0.7; z-index:5; margin-right:auto;margin-left:auto; Height:75px; width:80%;min-width:300px;font-size:65px;font-family:Helvetica;padding-top:5px; font-weight: 450;">
+
-
<div style="background-color:white; opacity:0.7; Height:75px; width:100%;margin-top:5px:margin-bottom:5px;min-width:300px;font-size:65px;font-family:Helvetica;padding-top:5px; color:#596C8A; font-weight: 450;"><br>Modelling Homepage</div>
+
-
</div>
+
-
<br><br>
+
-
 
+
-
 
+
-
<div class="white_news_block">
+
-
 
+
-
 
+
-
<img src="https://static.igem.org/mediawiki/2014/e/e9/Oxford_Mod_hmpg.png" style="float:left;position:relative; width:20%;margin-right:2%;" />
+
-
 
+
-
 
+
-
<h1>Our team believes that the key to synthetic biology is using engineering design and engineering modelling to significantly improve the development of biochemical systems. Therefore, the engineers in our team have worked with the biochemists every step of the way throughout our project to design the initial project ideas, to analyse in detail the expected response of the system and to analyse the results of the various types of experiments that we have run.
+
-
<br><br>
+
-
This means that, unlike iGEM teams in the past, our modelling is presented interspersed with our biochemistry information to hopefully give a feel of the real interactions that have taken place between the specialities in our team. To aid the viewer, all modelling sections have pink header bubbles, all of the biochemistry sections have light blue header bubbles.
+
-
<br><br>
+
-
We have also worked very closely with the human practices team and influential figures in industry to look at exactly how this project could be implemented in the real world. Included in this has been the 3D CAD of the expected product and the 3D printing and circuit building of the biosensor unit.
+
-
<br><br>
+
-
Click on the links below to find out more.</h1>
+
-
 
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<a href="https://2014.igem.org/Team:Oxford/biosensor_characterisation"><div class="white_news_block">
+
-
<img src="https://static.igem.org/mediawiki/2014/0/0d/Oxford_q2.png" style="float:left;position:relative; width:6%;margin-right:3%;" />
+
-
 
+
-
<h1blue3>Characterising a genetic network</h1blue3>
+
-
<br>
+
-
<h2blue3>We used stochastic and deterministic genetic circuit modelling helped the wet-lab team develop the ability to characterise a previously unknown genetic circuit. Find out more here...
+
-
</h2blue3>
+
-
 
+
-
</div></a>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<a href="https://2014.igem.org/Team:Oxford/biosensor_optimisation"><div class="white_news_block">
+
-
<img src="https://static.igem.org/mediawiki/2014/4/43/Oxford_Realisation2.png" style="float:right;position:relative; width:6%;margin-right:3%;" />
+
-
 
+
-
<h1red>Optimising a genetic network</h1red>
+
-
<br>
+
-
 
+
-
<h2red>We used these genetic circuit models to predict the fluoresence of the system as a response to thousands of different combinations of the inputs. This allowed us to optimise the input levels and advise the biochemists on the construction so that we could develop the best possible system in the amount of time available. See what we found out...</h2red>
+
-
 
+
-
 
+
-
</div></a>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<a href="https://2014.igem.org/Team:Oxford/how_much_can_we_degrade?"><div class="white_news_block">
+
-
<img src="https://static.igem.org/mediawiki/2014/6/65/Oxford_dm4_.png" style="float:left;position:relative; width:6%;margin-right:3%;" />
+
-
 
+
-
<h1purple>Analysing the native bacteria</h1purple>
+
-
 
+
-
<br>
+
-
<h2purple>We constructed a model based on Michaelis-Menten kinetics that could inform us how much DCM the native bacteria would be able to degrade and also what the pH change of the system would be. This further convinced us to use synthetic biology to solve the problem of chlorinated waste disposal. See how we did it here...</h2purple>
+
-
 
+
-
 
+
-
</div></a>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<a href="https://2014.igem.org/Team:Oxford/what_are_microcompartments?"><div class="white_news_block">
+
-
<img src="https://static.igem.org/mediawiki/2014/2/27/Oxford_q.png" style="float:right;position:relative; width:10%;margin-right:3%;" />
+
-
 
+
-
<h1orange>Analysing microcompartments mathematically</h1orange>
+
-
 
+
-
<br>
+
-
<h2orange>We used spacial modelling to determine an estimate of various parameters to do with the microcompartments. We then fed this information to the biochemists for use in inserting the microcompartments into the bacteria.</h2orange>
+
-
 
+
-
 
+
-
</div></a>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<a href="https://2014.igem.org/Team:Oxford/why_do_we_need_microcompartments?"><div class="white_news_block">
+
-
<img src="https://static.igem.org/mediawiki/2014/6/6f/Oxford_analyse_micro2.png" style="float:left;position:relative; width:10%;margin-right:3%;" />
+
-
 
+
-
<h1blue3>Analysing the benefit of microcompartments</h1blue3>
+
-
 
+
-
<br>
+
-
<h2blue3>
+
-
On this page we explain in detail how our stochastic diffusion models work and how lots of information on how we then used them to provide some very detailed analysis of the benefits of microcompartments for our system.
+
-
</h2blue3>
+
-
 
+
-
 
+
-
</div></a>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<a href="https://2014.igem.org/Team:Oxford/alternatives_to_microcompartments"><div class="white_news_block">
+
-
<img src="https://static.igem.org/mediawiki/2014/2/20/Oxford_shake.png" style="float:right;position:relative; width:10%;margin-right:3%;" />
+
-
 
+
-
<h1green>Collaboration</h1green>
+
-
 
+
-
<br>
+
-
<h2green>
+
-
We embarked on a major collaboration project with Melbourne iGEM team. Part of this collaboration involved extensively modelling the benefit of using their star peptide system in a bacterium due to the increase in the rate of reaction. To do this we drew on the extensive knowledge that we'd gained of stochastically modelling diffusion driven systems.
+
-
</h2green>
+
-
 
+
-
 
+
-
</div></a>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<a href="https://2014.igem.org/Team:Oxford/biosensor_realisation"><div class="white_news_block">
+
-
<img src="https://static.igem.org/mediawiki/2014/4/43/Oxford_Realisation2.png" style="float:left;position:relative; width:6%;margin-right:3%;" />
+
-
 
+
-
<h1red>Realising the biosensor</h1red>
+
-
<br>
+
-
 
+
-
<h2red>On the advice of industry experts, we produced concept designs of our whole system using CAD, we built the biosensor using the latest 3D printing technologies and we designed and built a very cheap circuit that can detect low levels of GFP fluorescence to go inside the biosensor. This part is really exciting...</h2red>
+
-
 
+
-
 
+
-
</div></a>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<a href="https://2014.igem.org/Team:Oxford/what_are_microcompartments?"><div class="white_news_block">
+
-
<img src="https://static.igem.org/mediawiki/2014/4/43/Oxford_Realisation2.png" style="float:right;position:relative; width:6%;margin-right:3%;" />
+
-
 
+
-
<h1orange>Bioremediation realisation</h1orange>
+
-
 
+
-
<br>
+
-
<h2orange> Jack's beads and the modelling of them, anything else that you can think of</h2orange>
+
-
 
+
-
 
+
-
</div></a>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<br><br><br><br><br><br><br><br>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<div id="sponsors" style="height:10%; width:100%;"></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/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;">
+
-
    <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>
+
-
  <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: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%;" />
+
-
    <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=
+
-
      "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>
+
-
    </div> 
+
-
  <div class="twicon" style="position:absolute;width:23%; top:35%; left:9%;" onmouseover=
+
-
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
+
-
    <a href="https://twitter.com/OxfordiGEM" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/3/3d/OxigemIgemtwitter.png" style="width:100%;" /></a>
+
-
  </div>
+
-
  <div class="yticon" style="position:absolute;width:23%; top:50%; left:9%;" onmouseover=
+
-
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
+
-
    <a href="https://www.youtube.com/channel/UCx1QJHqQcZ09aT97V2f4Xdw" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/e/ea/OxigemIconyoutube.png" style="width:100%;" /></a>
+
-
  </div>
+
-
  <div class="oxicon" style="position:absolute;width:23%; top:65%; left:9%;" onmouseover=
+
-
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
+
-
    <a href="http://www.ox.ac.uk" target="_blank"><img src="https://static.igem.org/mediawiki/2014/8/8d/Iconoxford.png" style="width:100%;" /></a>
+
-
  </div>
+
-
  <div class="mailicon" style="position:absolute;width:23%; top:80%; left:9%;" onmouseover=
+
-
      "iconleft(this)" onmouseout="iconnormal(this)" border="0" >
+
-
    <a href="mailto:oxfordigem@bioch.ox.ac.uk" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/3/35/OxigemIconmail.png" style="width:100%;" /></a>
+
-
  </div>
+
-
 
+
-
</body>
+
-
</html>
+

Revision as of 09:02, 21 September 2014