|
|
(19 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> |
- | .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;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | .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: #F9A7B0;
| + | |
- | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
| + | |
- | width:32%;
| + | |
- | }
| + | |
- | | + | |
- | .orange_news_block2 {
| + | |
- |
| + | |
- | background: #F9A7B0;
| + | |
- | 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:#000000
| + | |
- | }
| + | |
- | | + | |
- | h1black {
| + | |
- | font-size: 230%;
| + | |
- | font-weight: 400;
| + | |
- | font-family:Helvetica;
| + | |
- | color:#030B79
| + | |
- | }
| + | |
- | | + | |
- | </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: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 are we using them?</div> | + | |
| </div> | | </div> |
- | <br><br><br> | + | <br> |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | <div class="white_news_block">
| + | |
| <h1>Why do we need microcompartments?</h1> | | <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. | + | 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> | | </div> |
| | | |
Line 441: |
Line 59: |
| | | |
| | | |
- |
| |
- |
| |
- |
| |
- | <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="#show1" class="show wetlab-row" id="show1"><div class="wetlab"> |
- | <h1black>Increasing the reaction rate</h1black> | + | <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%;" /> | | <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="#hide1" class="hide" id="hide1"><div class="wetlab"> |
- | <h1white>Increasing the reaction rate</h1white> | + | <h1white>Increasing the reaction rate</h1white></div></a> |
- | </div></a> | + | |
| <div class="list"> | | <div class="list"> |
- | | + | <div class="white_news_block2"> |
- | | + | |
- | <div class="white_news_block"> | + | |
| <h1>Increased concentration of metabolic enzymes</h1> | | <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. | | 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. |
Line 488: |
Line 90: |
| </div> | | </div> |
| </div> | | </div> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| | | |
| | | |
Line 497: |
Line 107: |
| | | |
| <div class="row"> | | <div class="row"> |
- | <a href="#hide2" class="hide" id="hide2"><div class="orange_news_block2"> | + | <a href="#show2" class="show modelling-row" id="show2"><div class="modelling"> |
| <h1white>Introduction to stochastic diffusion models</h1white> | | <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%;" /> | | <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="#show2" class="show" id="show2"><div class="orange_news_block2"> | + | <a href="#hide2" class="hide" id="hide2"><div class="modelling"> |
- | <h1white>Introduction to stochastic diffusion models</h1white> | + | <h1white>Introduction to stochastic diffusion models</h1white></div></a> |
- | </div></a> | + | |
| <div class="list"> | | <div class="list"> |
- | <div class="white_news_block"> | + | <div class="white_news_block2"> |
| <h1>Stochastic Reaction-Diffusion models</h1> | | <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 cells 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. | + | 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> | | <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: | | 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: |
Line 533: |
Line 142: |
| </div> | | </div> |
| </div> | | </div> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| | | |
| | | |
Line 540: |
Line 181: |
| | | |
| <div class="row"> | | <div class="row"> |
- | <a href="#hide4" class="hide" id="hide4"><div class="orange_news_block2"> | + | <a href="#show3" class="show modelling-row" id="show3"><div class="modelling"> |
- | <h1white>Microcompartment/rate of collision models</h1white> | + | <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="#show4" class="show" id="show4"><div class="orange_news_block2"> | + | <a href="#hide3" class="hide" id="hide3"><div class="modelling"> |
- | <h1white>Microcompartment/rate of collision models</h1white> | + | <h1white>Microcompartment/rate of collision models</h1white></div></a> |
- | </div></a> | + | |
| <div class="list"> | | <div class="list"> |
- | <div class="white_news_block">
| + | <div class="white_news_block2"> |
| <h1>Modelling the effect of introducing a microcompartment on reaction rate</h1> | | <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. | | 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. |
Line 559: |
Line 199: |
| | | |
| | | |
- | | + | <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" /> |
| | | |
| | | |
Line 588: |
Line 228: |
| </div> | | </div> |
| </div> | | </div> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| | | |
| | | |
Line 601: |
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>Reducing 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>Reducing 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"> |
- | | + | |
- | <div class="white_news_block"> | + | |
| 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. | | 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> | | <br><br> |
- | <img src="https://static.igem.org/mediawiki/2014/e/ef/Oxford_microcomp5.png" style="float:right;position:relative; width:70%;margin-left:15%;margin-right:15%;" /> | + | <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%;" /> |
| <br><br> | | <br><br> |
| Oxford iGEM 2014 | | Oxford iGEM 2014 |
Line 635: |
Line 286: |
| </div> | | </div> |
| </div> | | </div> |
- |
| |
- |
| |
- |
| |
- |
| |
| | | |
| | | |
Line 653: |
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 phenomena 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. |
Line 696: |
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 726: |
Line 382: |
| <br><br><br> | | <br><br><br> |
| Oxford iGEM 2014 | | Oxford iGEM 2014 |
- | </div>
| |
- | </div>
| |
| | | |
| | | |
| | | |
| + | </div> |
| | | |
| | | |
| | | |
- | | + | <br> |
- | | + | </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/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}} |