|
|
(50 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{Team:Oxford/templates/header}} |
| + | |
| <html> | | <html> |
- | <head>
| |
- | <style type="text/css">
| |
| | | |
- | @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
| |
| | | |
- | html, body {
| + | <body> |
- | max-width: 100%;
| + | <div class="outer" style="overflow-y: scroll; overflow-x: hidden;"> |
- | overflow-x: hidden;
| + | |
- | }
| + | |
| | | |
- | body {
| + | <div id="stuff" style="float:left;position:absolute;margin-left:200px;margin-right:100px; margin-top:50px;min-width:645px;"> |
- | background-color: #EBEBEB;
| + | <div id="showwetlab"> |
- | margin: 0px;
| + | <div id="showmodelling"> |
- | padding: 0;
| + | <img src="https://static.igem.org/mediawiki/2014/0/0f/Real_Bioremediation.jpg" style="position:absolute; width:100%;z-index:-1; border-radius:15px;margin-top:-10px;"/> |
- | border: 0;
| + | |
- | vertical-align: baseline;
| + | |
- | font-family: 'Open Sans', 'helvetica', sans-serif;
| + | |
- | font-size: 10px;
| + | |
- | font-weight: 300;
| + | |
- | }
| + | |
| | | |
- | #content {
| + | <div style="background-color:#D9D9D9; opacity:0.7; z-index:5; Height:75px; width:100%;font-size:65px;font-family:Helvetica;padding-top:5px; font-weight: 450;margin-top:10px;"> |
- | border:none;
| + | <div style="background-color:white; opacity:0.9; Height:75px; width:100%;margin-top:5px:margin-bottom:5px;font-size:65px;font-family:Helvetica;padding-top:5px; color:#00000; font-weight: 450;"><br><center><font style="opacity:0.7">Why are we using them?</font></center></div> |
- | width:100%;
| + | </div> |
- | margin:0;
| + | <br> |
- | padding:0;
| + | |
- | background:none;
| + | |
- | }
| + | |
| | | |
- | #catlinks {
| + | <div style="border-bottom-left-radius:10px;border-bottom-right-radius:10px; padding-left:10px;padding-right:10px;min-width:300px;"> |
- | display:none;
| + | |
- | }
| + | |
| | | |
- | #contentSub {
| |
- | display:none;
| |
- | }
| |
| | | |
- | #menubar {
| + | <img src="https://static.igem.org/mediawiki/2014/d/d5/Realisation_bioremediation.png" style="width:35%;margin-left:33%;margin-top:-50px;"> |
- | 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 {
| + | </div> |
- | display:none;
| + | <div style="background-color:white; border-bottom-left-radius:10px;border-radius:10px; padding-left:10px;padding-right:10px;min-width:300px;margin-top:-50px;"> |
- | }
| + | <a href="https://static.igem.org/mediawiki/2014/3/3d/OxigemLAB_BOOK.pdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/5/50/OxigemLabbook.png" style="position:absolute;width:6%;margin-left:84%;margin-top:-13%;z-index:10;"></a> |
| + | <a href="https://static.igem.org/mediawiki/2014/1/16/Oxigem_LAB_PROTOCOLS.pdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/a/a4/OxigemProtocols.png" style="position:absolute;width:6%;margin-left:91%;margin-top:-13%;z-index:10;"></a> |
| | | |
- | #top-section {
| + | <div style="position:absolute;background-color:rgba(255,255,255,0.6);border-radius:15px; z-index:5;margin-top:-18.2%; Height:70px; width:20%;font-size:65px;font-family:Helvetica; font-weight: 450;padding-left:10px;padding-right:10px;padding-top:3px;min-width:170px;margin-bottom:3px;"> |
- | height:0px;
| + | |
- | width:100%;
| + | <div style="width:100%;"><font style="font-size:15px;font-weight:500;">Show all:</font></div> |
- | border:none;
| + | |
- | }
| + | |
| | | |
- | #footer-box {
| + | <a href="#showmodelling"><div class="orange_news_block1 showmodelling" style="background: #F9A7B0;border-radius:15px;color:black;float:left;height:40%;width:40%;margin-left:6%;padding-top:10px;"><center> |
- | border:none;
| + | <h1white><font style="font-size:15px;font-weight:500;">Modelling</font></h1white></center> |
- | display:none;
| + | </div></a> |
- | width:100%;
| + | |
- | }
| + | |
| | | |
- | #p-logo {
| + | <a href="#showwetlab"><div class="orange_news_block1 showwetlab" style="background: #ADD8E6;border-radius:15px;color:black;float:left;height:40%;width:40%;margin-left:3%;padding-top:10px;"><center> |
- | display:none
| + | <h1white><font style="font-size:15px;font-weight:500;">Wetlab</font></h1white></center> |
- | }
| + | </div></a> |
| + | <br><br><br><br><br> |
| + | </div> |
| + | <br> |
| + | <h1>Why do we need microcompartments?</h1> |
| + | Using microcompartments, we can boost the bioremediation capacity of E. coli and P. putida in two key ways: by increasing the degradation rate of DCM, and by preventing toxic metabolic intermediates from damaging the cell. How this happens and to what extent we expect this to improve DCMation is described below.<br><br> |
| + | </div> |
| | | |
- | .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 {
| |
- | 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;
| |
- | }
| |
| | | |
| | | |
Line 154: |
Line 62: |
| | | |
| | | |
| + | <div class="row"> |
| + | <a href="#show1" class="show wetlab-row" id="show1"><div class="wetlab"> |
| + | <h1white>Increasing the reaction rate</h1white> |
| + | <img src="https://static.igem.org/mediawiki/2014/4/4d/Oxford_plus-sign-clip-art.png" style="float:right;position:relative; width:2%;" /> |
| + | </div></a> |
| | | |
| + | <a href="#hide1" class="hide" id="hide1"><div class="wetlab"> |
| + | <h1white>Increasing the reaction rate</h1white></div></a> |
| + | <div class="list"> |
| + | <div class="white_news_block2"> |
| + | <h1>Increased concentration of metabolic enzymes</h1> |
| + | Proteins can be targeted into microcompartments via an 18-amino acid leader sequence that forms a well-defined helical structure (Lawrence AD, 2014). We added this leader sequence to dcmA in both E. coli and P. putida. The resulting accumulation of dcmA in the microcompartments leads to an increased local concentration of the metabolic enzyme. This allows more rapid degradation of DCM, which can diffuse freely through the plasma membrane and into microcompartments. |
| | | |
| + | <br><br> |
| + | <img src="https://static.igem.org/mediawiki/2014/c/ca/Oxford_microcomp4.png" style="float:right;position:relative; width:70%;margin-left:15%;margin-right:15%;" /> |
| + | <br><br> |
| + | Oxford iGEM 2014 |
| + | </div> |
| | | |
| | | |
| + | <div class="white_news_block"> |
| + | <h1>Preventing interference with cell metabolism</h1> |
| + | Additionally, the products of DCM degradation are only produced within the confines of the microcompartment. This prevents HCl and formaldehyde from interfering with other metabolic processes in the cell. |
| + | </div> |
| | | |
| | | |
| + | </div> |
| + | </div> |
| | | |
| | | |
| | | |
| | | |
- | .pink_news_block {
| |
- |
| |
- | background: #DEA5A4;
| |
- | border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%;
| |
- | width:96%;
| |
- | }
| |
| | | |
- | .blue_news_block {
| |
- |
| |
- | background: #ADD8E6;
| |
- | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
| |
- | width:96%;
| |
- | }
| |
| | | |
- | .orange_news_block1 {
| |
- |
| |
- | background: #C62B2B;
| |
- | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
| |
- | width:32%;
| |
- | }
| |
| | | |
- | .orange_news_block2 {
| |
- |
| |
- | background: #C62B2B;
| |
- | 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%;
| |
- |
| |
- | }
| |
- | h1white {
| |
- | font-size: 230%;
| |
- | font-weight: 400;
| |
- | font-family:Helvetica;
| |
- | color:#fff;
| |
- | }
| |
| | | |
- | h1black {
| |
- | font-size: 230%;
| |
- | font-weight: 400;
| |
- | font-family:Helvetica;
| |
- | }
| |
| | | |
- | </style>
| |
| | | |
| | | |
Line 231: |
Line 106: |
| | | |
| | | |
| + | <div class="row"> |
| + | <a href="#show2" class="show modelling-row" id="show2"><div class="modelling"> |
| + | <h1white>Introduction to stochastic diffusion models</h1white> |
| + | <img src="https://static.igem.org/mediawiki/2014/4/4d/Oxford_plus-sign-clip-art.png" style="float:right;position:relative; width:2%;" /> |
| + | </div></a> |
| | | |
| + | <a href="#hide2" class="hide" id="hide2"><div class="modelling"> |
| + | <h1white>Introduction to stochastic diffusion models</h1white></div></a> |
| + | <div class="list"> |
| + | <div class="white_news_block2"> |
| + | <h1>Stochastic Reaction-Diffusion models</h1> |
| + | Because of the relatively small number of molecules we are expecting to have in our cells (≈10^5 enzymes per cell and 10^3 enzymes per microcompartment), we developed stochastic reaction-diffusion models to predict the distribution of formaldehyde within the system. These stochastic models build in an element of randomness that reflects the nature of diffusion for systems with few elements in a way that deterministic relationships such as Fick’s law do not. |
| + | <br><br> |
| + | We approached this problem in a number of different ways. Initially, we built a system in which molecules would move a scaled random distance selected from a normal distribution at every time interval dt. This was adapted from the Smoluchowski equations which state: |
| + | <br><br> |
| + | X(t+ ∆t)=X(t)+ √2D∆t ε |
| + | <br> |
| + | Y(t+ ∆t)=Y(t)+ √2D∆t ε |
| + | <br> |
| + | Z(t+ ∆t)=Z(t)+ √2D∆t ε |
| | | |
| + | <br><br> |
| + | <li>X(t),Y(t),Z(t) = particle co-ordinates at time t</li> |
| + | <li>D = diffusion constant</li> |
| + | <li>ε = normally distributed random variable</li> |
| + | <li>∆t = small time interval</li> |
| | | |
| | | |
| | | |
| + | <br><br> |
| + | <img src="https://static.igem.org/mediawiki/2014/3/30/Oxford_Leroy_pic6.png" style="float:right;position:relative; width:100%;" /> |
| + | <br><br> |
| + | <h1>Plotted above are the trajectories of three molecules in 3-D diffusion according to the Smoluchowski equations.</h1> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
- | #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:95%;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:55px;font-family:Helvetica;padding-top:5px; color:#596C8A; font-weight: 450;"><br>Why do we need microcompartments?</div>
| |
- | </div>
| |
- | <br><br>
| |
| | | |
| | | |
| | | |
| | | |
- | <div class="white_news_block">
| |
- | <h1>Why do we need micro-compartments?</h1>
| |
- | BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES
| |
- | </div>
| |
| | | |
| | | |
Line 440: |
Line 177: |
| | | |
| | | |
- |
| |
- |
| |
- |
| |
- | <head>
| |
- | <style type="text/css">
| |
- | .row { vertical-align: top; height:auto !important; }
| |
- | .list {display:none; }
| |
- | .show {display: none; }
| |
- | .hide:target + .show {display: inline; }
| |
- | .hide:target {display: none; }
| |
- | .hide:target ~ .list {display:inline; }
| |
- | @media print { .hide, .show { display: none; } }
| |
- | </style>
| |
| | | |
| | | |
| | | |
| <div class="row"> | | <div class="row"> |
- | <a href="#hide1" class="hide" id="hide1"><div class="blue_news_block"> | + | <a href="#show3" class="show modelling-row" id="show3"><div class="modelling"> |
- | <h1black>They increase reaction rate</h1black> | + | <h1white>Rate of collision within microcompartment models</h1white> |
| <img src="https://static.igem.org/mediawiki/2014/4/4d/Oxford_plus-sign-clip-art.png" style="float:right;position:relative; width:2%;" /> | | <img src="https://static.igem.org/mediawiki/2014/4/4d/Oxford_plus-sign-clip-art.png" style="float:right;position:relative; width:2%;" /> |
| </div></a> | | </div></a> |
| | | |
- | <a href="#show1" class="show" id="show1"><div class="blue_news_block"> | + | <a href="#hide3" class="hide" id="hide3"><div class="modelling"> |
- | <h1white>They increase reaction rate</h1white> | + | <h1white>Microcompartment/rate of collision models</h1white></div></a> |
- | </div></a> | + | |
| <div class="list"> | | <div class="list"> |
| + | <div class="white_news_block2"> |
| + | <h1>Modelling the effect of introducing a microcompartment on reaction rate</h1> |
| + | Our main approach to reducing the accumulation of toxic intermediates in the DCM degradation pathway is the expression of Pdu microcompartments in our bacteria that will contain high concentrations of both the DcmA enzyme and FdhA enzyme. In doing so, we increase the likelihood of a formaldehyde molecule produced by the action of DcmA encountering an FdhA enzyme before it leaves the microcompartment thus reducing the accumulation of formaldehyde. |
| + | <br><br> |
| + | To model the increased likelihood of reaction, we started with the Smoluchowski diffusion model above but discretized the system such that molecules could only occupy a fixed set of co-ordinates. This was done in order to define a reaction as occurring whenever two molecules occupied the same co-ordinate at the same time. While this does not necessarily ensure a reaction in the real system, we are assuming that collision rate is proportional to reaction rate and can therefore be used as an analogy. |
| + | <br><br> |
| + | Plotted here are two systems- one with complete freedom of molecular movement and one in which spatial constraints have been placed such that molecules which encounter the defined boundaries are reflected back into the system to represent the presence of the microcompartment: |
| + | <img src="https://static.igem.org/mediawiki/2014/0/0d/Oxford_Leroy_pic11.png" style="float:left;position:relative; width:80%;margin-left:10%;margin-right:10%;margin-top:2%;margin-bottom:2%;" /> |
| | | |
| | | |
- | <div class="white_news_block"> | + | <img src="https://static.igem.org/mediawiki/2014/6/69/Collision_difusion_no_microcompartment.jpg" style="float:left;position:relative; width:96%;margin-left:2%;margin-right:2%;margin-top:2%;margin-bottom:2%;" max-height="600" /> |
- | <h1>Due to increased concentration of metabolic enzymes</h1>
| + | |
- | Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information
| + | |
- | </div>
| + | |
| | | |
| | | |
- | <div class="white_news_block">
| + | |
- | <h1>Prevents interference with other cell metabolic activity</h1> | + | <br><br> |
- | Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information
| + | In the models above, collisions are indicated through red marks. As suspected, the likelihood of a collision in a spatially constrained environment are far higher than in one where the molecules have complete freedom of movement. This is particularly true not only because of the region of movement allowed by the microcompartment, but also the initial distance between the enzyme and substrate at the point of substrate formation. Note also that the rate of diffusion of the enzyme, in green, has been made substantially lower than that of the formaldehyde- the far lighter and therefore more diffusive compound. |
| </div> | | </div> |
| | | |
| | | |
- | </div>
| + | <div class="white_news_block"> |
- | </div>
| + | <h1>3D collision model</h1> |
| + | The 1-D collision model described above was quite easily expanded into a 3-D collision model that is more representative of the actual system. This results in simulations which appear far more realistic. |
| + | <br><br> |
| + | Illustrated above are the molecular trajectories of two different species- enzyme and substrate. The enzymes (red) are constrained to move within the microcompartment and are reflected at the microcompartment boundaries while the substrates (in blue) can freely diffuse anywhere in the system. While these simulations are very similar to the 1-D simulations previously described, they are far more computationally laborious. |
| + | <br><br> |
| + | Although the original plan was to run the simulation for several hundred enzymes and substrates and study the total number of collisions achieved, collisions are used as an analogy for reaction, it was quickly apparent that using this simulation to provide analytic results on the scales we wanted required far too much computation. |
| + | <br><br> |
| + | Given more time, access to more powerful computers and economization of our Matlab scripts, it would be possible to run this simulation for greater numbers of molecules than have been done thus far. This would then yield more data on the proportional increase in rate that results from introducing the microcompartment into the system. |
| | | |
| + | <br><br> |
| + | <img src="https://static.igem.org/mediawiki/2014/c/c5/Oxford_Leroy_pic7.png" style="float:left;position:relative; width:100%;" /> |
| + | <br><br> |
| | | |
| + | <h1>Illustrated above is an example of a 3-D stochastic diffusion model for a three substrate (blue) and two enzyme molecules (red).</h1> |
| + | </div> |
| | | |
| | | |
| + | </div> |
| + | </div> |
| | | |
| | | |
| | | |
| | | |
- | <div class="row">
| |
- | <a href="#hide2" class="hide" id="hide2"><div class="orange_news_block2">
| |
- | <h1white>Introduction to stochastic diffusion models</h1white>
| |
- | <img src="https://static.igem.org/mediawiki/2014/4/4d/Oxford_plus-sign-clip-art.png" style="float:right;position:relative; width:2%;" />
| |
- | </div></a>
| |
| | | |
- | <a href="#show2" class="show" id="show2"><div class="orange_news_block2">
| |
- | <h1white>Introduction to stochastic diffusion models</h1white>
| |
- | </div></a>
| |
- | <div class="list">
| |
- | <div class="white_news_block">
| |
- | Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information
| |
| | | |
- | </div>
| |
- | </div>
| |
- | </div>
| |
| | | |
| | | |
Line 512: |
Line 240: |
| | | |
| | | |
- | <div class="row">
| |
- | <a href="#hide4" class="hide" id="hide4"><div class="orange_news_block2">
| |
- | <h1white>Micro-compartment/rate of collision models</h1white>
| |
- | <img src="https://static.igem.org/mediawiki/2014/4/4d/Oxford_plus-sign-clip-art.png" style="float:right;position:relative; width:2%;" />
| |
- | </div></a>
| |
| | | |
- | <a href="#show4" class="show" id="show4"><div class="orange_news_block2">
| |
- | <h1white>Micro-compartment/rate of collision models</h1white>
| |
- | </div></a>
| |
- | <div class="list">
| |
- | <div class="white_news_block">
| |
- | Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information
| |
| | | |
- | </div>
| |
- | </div>
| |
- | </div>
| |
| | | |
| | | |
Line 541: |
Line 255: |
| | | |
| <div class="row"> | | <div class="row"> |
- | <a href="#hide3" class="hide" id="hide3"><div class="blue_news_block"> | + | <a href="#show4" class="show wetlab-row" id="show4"><div class="wetlab"> |
- | <h1black>They reduce accumulation of toxic intermediates</h1black> | + | <h1white>Reducing accumulation of toxic intermediates</h1white> |
| <img src="https://static.igem.org/mediawiki/2014/4/4d/Oxford_plus-sign-clip-art.png" style="float:right;position:relative; width:2%;" /> | | <img src="https://static.igem.org/mediawiki/2014/4/4d/Oxford_plus-sign-clip-art.png" style="float:right;position:relative; width:2%;" /> |
| </div></a> | | </div></a> |
| | | |
- | <a href="#show3" class="show" id="show3"><div class="blue_news_block"> | + | <a href="#hide4" class="hide" id="hide4"><div class="wetlab"> |
- | <h1white>They reduce accumulation of toxic intermediates</h1white> | + | <h1white>Reducing accumulation of toxic intermediates</h1white></div></a> |
- | </div></a> | + | |
| <div class="list"> | | <div class="list"> |
| + | <div class="white_news_block2"> |
| + | Formaldehyde is genotoxic because it forms protein-DNA and DNA-DNA cross-links. This interferes with DNA replication, repair, and transcription, as well as other processes. It has previously been reported that expression of dcmA in E. coli in the presence of DCM leads to cell death. We hypothesise to be caused by the formaldehyde that is released in the dcmA reaction. The localisation of dcmA into microcompartments means that the formaldehyde is also only locally produced within the microcompartment, thus preventing it from causing damage to DNA. |
| | | |
- | | + | <br><br> |
- | <div class="white_news_block">
| + | <img src="https://static.igem.org/mediawiki/2014/6/62/Oxford_microcomp5.jpg" style="float:right;position:relative; width:70%;margin-left:15%;margin-right:15%;" /> |
- | <h1>What we suspect is harmful to cell in degradation pathway ie. Formaldehyde and why it is bad</h1> | + | <br><br> |
- | Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information
| + | Oxford iGEM 2014 |
| </div> | | </div> |
| | | |
| | | |
| <div class="white_news_block"> | | <div class="white_news_block"> |
- | <h1>Colocosation of FdhA --> faster reaction rate</h1>
| + | |
- | Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information
| + | To reduce the problem of formaldehyde toxicity in both E. coli and P. putida even more, we have expressed formaldehyde dehydrogenase (fdhA) in both strains. Using the 18-amino acid leader sequence, fdhA is co-localised to microcompartments along with dcmA. As the local concentration of fdhA is now also increased, the formaldehyde produced by dcmA is quickly broken down before it has a chance to damage the cell. |
| </div> | | </div> |
| | | |
| | | |
| <div class="white_news_block"> | | <div class="white_news_block"> |
- | <h1>Driving the equilibrium forward by removing product</h1>
| + | |
- | Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information
| + | Another advantage of the co-localisation is that removal of one of the products of the dcmA reaction, formaldehyde, drives the reaction of dcmA forward. This further increases the rate of DCM breakdown in our system. |
| </div> | | </div> |
| | | |
| </div> | | </div> |
| </div> | | </div> |
- |
| |
- |
| |
- |
| |
- |
| |
| | | |
| | | |
Line 589: |
Line 300: |
| | | |
| <div class="row"> | | <div class="row"> |
- | <a href="#hide5" class="hide" id="hide5"><div class="orange_news_block2"> | + | <a href="#show5" class="show modelling-row" id="show5"><div class="modelling"> |
| <h1white>Modelling formaldehyde concentration against time</h1white> | | <h1white>Modelling formaldehyde concentration against time</h1white> |
| <img src="https://static.igem.org/mediawiki/2014/4/4d/Oxford_plus-sign-clip-art.png" style="float:right;position:relative; width:2%;" /> | | <img src="https://static.igem.org/mediawiki/2014/4/4d/Oxford_plus-sign-clip-art.png" style="float:right;position:relative; width:2%;" /> |
| </div></a> | | </div></a> |
| | | |
- | <a href="#show5" class="show" id="show5"><div class="orange_news_block2"> | + | <a href="#hide5" class="hide" id="hide5"><div class="modelling"> |
- | <h1white>Modelling formaldehyde concentration against time</h1white> | + | <h1white>Modelling formaldehyde concentration against time</h1white></div></a> |
- | </div></a> | + | |
| <div class="list"> | | <div class="list"> |
- | <div class="white_news_block">
| + | <div class="white_news_block2"> |
| <h1>Predicted effect of microcompartments on formaldehyde concentration</h1> | | <h1>Predicted effect of microcompartments on formaldehyde concentration</h1> |
- | Having deduced that microcompartments will increase the rate at which intermediate compounds are degraded, the next step was to create a simulation that would predict how microcompartments would therefore affect the concentration of formaldehyde molecules in the system. To do so, we created a 1-D simulation in which we started with a fixed number of molecules while constraining degradation and production of a species to within pre-defined spatial limits- representing the fact that both these phenomenon can only occur in the microcompartment in our actual system. | + | Having deduced that microcompartments will increase the rate at which intermediate compounds are degraded, the next step was to create a simulation that would predict how microcompartments would therefore affect the concentration of formaldehyde molecules in the system. To do so, we created a 1-D simulation in which we started with a fixed number of molecules while constraining degradation and production of a species to within pre-defined spatial limits- representing the fact that both these phenomena can only occur in the microcompartment in our actual system. |
| <br><br> | | <br><br> |
| In our system, the relative likelihood of degradation is far greater than that of production- this is done in order to ensure that accumulation of toxic compounds does not occur. The increased rate of degradation is the result of several factors: | | In our system, the relative likelihood of degradation is far greater than that of production- this is done in order to ensure that accumulation of toxic compounds does not occur. The increased rate of degradation is the result of several factors: |
Line 606: |
Line 316: |
| 1. Greater relative expression of FdhA than of DcmA- their expression ratios have been defined as approximately 2.5:1 | | 1. Greater relative expression of FdhA than of DcmA- their expression ratios have been defined as approximately 2.5:1 |
| <br><br> | | <br><br> |
- | 2. K_catin FdhA is substantially higher than in DcmA | + | 2. Kcat in FdhA is substantially higher than in DcmA |
| <br><br> | | <br><br> |
| 3. The effect of the microcompartment will increase the relative likelihood of degradation of formaldehyde while leaving the rate of DCM degradation unchanged. | | 3. The effect of the microcompartment will increase the relative likelihood of degradation of formaldehyde while leaving the rate of DCM degradation unchanged. |
| <br><br> | | <br><br> |
- | What our models suggest is that the microcompartments will not constrain the concentration of intermediates to be high only within the system. This is because the rate of diffusion of formaldehyde through the microcompartment barrier is unaffected because its molecular size is much smaller than the pore size of the microcompartment. The significance of introducing the microcompartment is in fact to further increase the relative probability of degradation. This results in, as we expected, a net decrease in the total number of formaldehyde molecules, even when a high initial concentration is introduced, coupled with a decrease in concentration gradient throughout the system. | + | What our models suggest is that the microcompartments will not constrain the concentration of intermediates to be high only within the system. This is because the rate of diffusion of formaldehyde through the microcompartment barrier is unaffected, since its molecular size is much smaller than the pore size of the microcompartment. The significance of introducing the microcompartment is in fact to further increase the relative probability of degradation. This results in, as we expected, a net decrease in the total number of formaldehyde molecules, even when a high initial concentration is introduced, coupled with a decrease in concentration gradient throughout the system. |
- | | + | <br><br> |
| + | <h1>Displayed below is one realization of a stochastic simulation (grey) alongside the deterministic response (red) of intermediate concentration at two points in time- one at 30 a.u. and the other at 200 a.u..</h1> |
| <img src="https://static.igem.org/mediawiki/2014/8/8c/Oxford_Leroy_pic4.png" style="floatleft;position:relative; width:100%;" /> | | <img src="https://static.igem.org/mediawiki/2014/8/8c/Oxford_Leroy_pic4.png" style="floatleft;position:relative; width:100%;" /> |
| <br><br> | | <br><br> |
Line 631: |
Line 342: |
| | | |
| | | |
- | <div class="white_news_block">
| |
| | | |
| | | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <div class="white_news_block2"> |
| <img src="https://static.igem.org/mediawiki/2014/7/76/Oxford_Micro_title.png" style="float:right;position:relative; width:48%;" /> | | <img src="https://static.igem.org/mediawiki/2014/7/76/Oxford_Micro_title.png" style="float:right;position:relative; width:48%;" /> |
| | | |
Line 655: |
Line 376: |
| | | |
| <a href="https://2014.igem.org/Team:Oxford/bioremediation"> | | <a href="https://2014.igem.org/Team:Oxford/bioremediation"> |
- | <img src="https://static.igem.org/mediawiki/2014/1/11/Oxford_bioremediation_title.png" style="float:left;position:relative; width:80%;margin-top:1.5%;margin-left:10%;" /></a> | + | <img src="https://static.igem.org/mediawiki/2014/1/11/Oxford_bioremediation_title.png" style="float:left;position:relative;width:50%; margin-top:2%;margin-left:25%;margin-right:25%;" /></a> |
- | | + | |
- | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
| | | |
| | | |
| + | <a href="https://2014.igem.org/Team:Oxford/Modelling"><img src="https://static.igem.org/mediawiki/2014/6/6e/Oxford_modelling_homepage_link.png" style="float:left;position:relative; width:50%; margin-top:2%;margin-left:25%;margin-right:25%;" /></a> |
| + | <br><br><br> |
| + | Oxford iGEM 2014 |
| | | |
| | | |
| | | |
| + | </div> |
| | | |
| | | |
- | <div id="sponsors" style="height:10%; width:100%;"></div>
| |
| | | |
- |
| + | <br> |
| + | </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/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> | | </body> |
| </html> | | </html> |
| + | |
| + | {{Team:Oxford/templates/footer}} |