|
|
(54 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">What are they?</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>Introduction: what are microcompartments?</h1> |
| + | In order to produce an efficient bioremediation system, we had to think outside the box and not only improve the expression and function proteins we were working with, but optimise the bacteria themselves for the degradation of toxic compounds. We found that microcompartments, which are explained on this page, are ideally suited for our purposes. |
| + | <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 63: |
| | | |
| | | |
| + | <div class="row"> |
| + | <a href="#show1" class="show wetlab-row" id="show1"><div class="wetlab"> |
| + | <h1white>Structure</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>Structure</h1white></div></a> |
| + | <div class="list"> |
| + | <div class="white_news_block2"> |
| | | |
| + | <img src="https://static.igem.org/mediawiki/2014/1/1e/Oxford_microcomp1.png" style="float:right;position:relative; width:40%;" /> |
| | | |
| + | Microcompartments are proteinaceous capsules that have only recently been recognised to exist in a wide range of bacteria. They contain enzymes required for a particular metabolic process. The carboxysome is a particularly well-studied example of a specialised microcompartment, and is shown here as a schematic diagram (S. Frank et al, 2013). |
| + | <br><br> |
| + | The Pdu microcompartment that we are using in our project is composed of several proteins encoded in an operon consisting of the genes pduA, -B, -T, -U, -N, -J, -K. These are expressed in various stoichiometries to form different polyhedral shapes with a diameter of 200-250 nm. The faces of the polyhedron are formed by the hexagonal shell proteins PduA, PduB, and PduJ, while PduN is thought to form the vertices (Joshua B. Parsons et al, 2010). |
| + | <br><br> |
| + | We are expressing the pdu-ABTUNJK codon in E. coli in the pUNI vector, shown below, which we received from the University of Dundee iGEM team. |
| + | <br><br> |
| + | <img src="https://static.igem.org/mediawiki/2014/7/77/Oxford_microcomp2.png" style="float:left;position:relative; width:70%;margin-left:15%;margin-right:15%;" /> |
| + | <br><br><br><br><br><br><br><br> |
| + | Additionally, we are expressing pduABUTNJK in P. putida, which to our knowledge has not been done before. For this purpose, we transferred the ABTUNJK sequence into the pBBR1MCS vector, shown below: |
| + | <br><br> |
| + | <img src="https://static.igem.org/mediawiki/2014/6/6a/Oxford_microcomp3.png" style="float:left;position:relative; width:70%;margin-left:15%;margin-right:15%;" /> |
| + | <br><br> |
| + | Oxford iGEM 2014 |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
| | | |
Line 164: |
Line 99: |
| | | |
| | | |
- | .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;
| |
- | line-height:110%;
| |
- | }
| |
| | | |
- | h1black {
| |
- | font-size: 230%;
| |
- | font-weight: 400;
| |
- | font-family:Helvetica;
| |
- | color:#000000;
| |
- | line-height:110%;
| |
- | }
| |
| | | |
- | </style>
| |
| | | |
| | | |
| + | <div class="row"> |
| + | <a href="#show2" class="show modelling-row" id="show2"><div class="modelling"> |
| + | <h1white>Predicting the microcompartment structure</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>Predicting the microcompartment structure</h1white></div></a> |
| + | <div class="list"> |
| + | <div class="white_news_block2"> |
| + | The pdu-encoded microcompartments which we are introducing into our bacteria are very similar in shape and structure to carboxysomes, so we used their structure as a starting point for predicting the microcompartment structure. Thus, our initial carboxysome-based structure was a perfect icosahedron with diameter 120nm as established from literature. Following this, we further developed the model by noting that many of the images taken of pdu microcompartments suggest slight and random deviations from an icosahedron. |
| + | <br><br> |
| + | Taking this into consideration, we have developed a simulation which generates pdu microcompartment structures by starting with a regular icosahedron and randomly distorting the location of each co-ordinate by up to 5% of total edge length. |
| + | <br><br> |
| + | Given more time and information, this model could be further improved by studying as many microcompartments as possible and refining the size of the deviation from a perfect icosahedron. The magnitude of structural deformation likely follows a normal distribution for which a mean and standard deviation could be established. |
| + | <br><br><br><br> |
| + | <img src="https://static.igem.org/mediawiki/2014/a/a2/Oxford_Leroy_pic13.png" style="float:left;position:relative; width:100%;margin-left:0%;margin-right:0%;margin-bottom:3%;" /> |
| + | <br><br><br><br> |
| + | <h1>An example microcompartment structure (blue) visualized alongside a perfect icosahedral structure (red).</h1> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
| | | |
Line 240: |
Line 138: |
| | | |
| | | |
- | #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:90%;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>What are micro-compartments?</div>
| |
- | </div>
| |
- | <br><br>
| |
| | | |
| | | |
Line 431: |
Line 164: |
| | | |
| | | |
- | <div class="white_news_block">
| |
- | <h1>Introduction</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>
| |
| | | |
- |
| |
- |
| |
- | <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 wetlab-row" id="show3"><div class="wetlab"> |
- | <h1black>Structure</h1black> | + | <h1white>Abundance</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="wetlab"> |
- | <h1black>Structure</h1black> | + | <h1white>Abundance</h1white></div></a> |
- | </div></a> | + | |
| <div class="list"> | | <div class="list"> |
- | <div class="white_news_block">
| + | <div class="white_news_block2"> |
- | Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information Information
| + | The number of microcompartments in a given cell can vary broadly, from a few microsomes to numbers that occupy the vast amount of the cytosol. Because of their size and the number of protein components, microcompartments are an extensive strain on the metabolism of cells. We have placed the E. coli ABTUNJK codon under control of the T7 promoter, while that for P. putida is placed under control of the T3 promoter. |
| | | |
| </div> | | </div> |
Line 474: |
Line 190: |
| | | |
| | | |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <div class="row">
| |
- | <a href="#hide2" class="hide" id="hide2"><div class="orange_news_block2">
| |
- | <h1white>Mutated micro-compartment structures model</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>Mutated micro-compartment structures model</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 517: |
Line 210: |
| | | |
| <div class="row"> | | <div class="row"> |
- | <a href="#hide3" class="hide" id="hide3"><div class="blue_news_block"> | + | <a href="#show4" class="show modelling-row" id="show4"><div class="modelling"> |
- | <h1black>Abundance</h1black> | + | <h1white>Modelling the number of enzymes in a microcompartment</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="modelling"> |
- | <h1black>Abundance</h1black>
| + | <h1white>Modelling the number of enzymes in a microcompartment</h1white></div></a> |
- | </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>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | <div class="row">
| + | |
- | <a href="#hide4" class="hide" id="hide4"><div class="orange_news_block2"> | + | |
- | <h1white>Modelling the number of enzymes in a micro-compartment</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>Modelling the number of enzymes in a micro-compartment</h1white>
| + | |
- | </div></a> | + | |
| <div class="list"> | | <div class="list"> |
- | <div class="white_news_block"> | + | <div class="white_news_block2"> |
- | The aim of this model was to predict a theoretical maximum number of enzyme molecules that can be packed into a single microcompartment. To get a first estimate, without taking into consideration whether this volume of protein would interrupt the biological processes in the cell, we approached this problem volumetrically. | + | The aim of this model was to predict a theoretical maximum number of enzyme molecules that can be packed into a single microcompartment. To get a first estimate, without taking into consideration whether this volume of protein would interrupt the biological processes in the cell, we approached the problem volumetrically. |
| <br><br> | | <br><br> |
- | Due to the complexity of the enzyme movements and their interactions, I simplified their structures by approximating them as ellipsoids with axes lengths calculated through modelling the monomers and predicting the structures of the FdhA tetramer and DcmA hexamer respectively. | + | Due to the complexity of the enzyme movements and their interactions, we simplified their structures by approximating them as ellipsoids with axes lengths calculated through modelling the monomers and predicting the structures of the FdhA tetramer and DcmA hexamer respectively. |
| <br><br> | | <br><br> |
| <img src="https://static.igem.org/mediawiki/2014/1/12/Oxford_Leroy_pic1.png" style="float:left;position:relative; width:100%;" /> | | <img src="https://static.igem.org/mediawiki/2014/1/12/Oxford_Leroy_pic1.png" style="float:left;position:relative; width:100%;" /> |
Line 581: |
Line 235: |
| | | |
| | | |
- | Once treated as ellipsoids, the problem was then reduced to the classical ‘sand packing’ problem. Because the dimensions of these proteins was substantially smaller than the icosahedron (by approximately a factor of 20 in every dimension), I assumed that the geometry of the container i.e. the microcompartment, was not significant. | + | Once treated as ellipsoids, the problem was then reduced to the classical ‘sand packing’ problem. Because the dimensions of these proteins was substantially smaller than the icosahedron (by approximately a factor of 20 in every dimension), we assumed that the geometry of the container i.e. the microcompartment, was not significant. |
| <br><br> | | <br><br> |
| Another assumption made in these calculations was that the enzymes could be treated as homogenous. They are of very similar dimensions, varying by no more than 20-30% on any axis, and also have very similar sphericities- the key variable in determining the packing efficiency of the molecules. Sphericity is defined as: | | Another assumption made in these calculations was that the enzymes could be treated as homogenous. They are of very similar dimensions, varying by no more than 20-30% on any axis, and also have very similar sphericities- the key variable in determining the packing efficiency of the molecules. Sphericity is defined as: |
Line 618: |
Line 272: |
| <h1>Results</h1> | | <h1>Results</h1> |
| | | |
- | Because enzyme-enzyme interactions are very difficult to predict, and it is difficult to assign an analogous friction factor to their movements, I took the average of the predicted porosities across a range of different friction factors and alternative methods giving a predicted porosity of 37.3%. | + | Because enzyme-enzyme interactions are very difficult to predict, and it is difficult to assign an analogous friction factor to their movements, we took the average of the predicted porosities across a range of different friction factors and alternative methods to give a predicted porosity of 37.3%. |
| <br><br> | | <br><br> |
| Combining this information with the relative expression rates of the two enzymes, we predict that: | | Combining this information with the relative expression rates of the two enzymes, we predict that: |
Line 624: |
Line 278: |
| <br><br> | | <br><br> |
| | | |
- | <img src="https://static.igem.org/mediawiki/2014/8/8f/Oxford_Leroy_table1.png" style="float:left;position:relative; width:50%;margin-left:25%;margin-right:25%;" /> | + | <img src="https://static.igem.org/mediawiki/2014/8/8f/Oxford_Leroy_table1.png" style="float:left;position:relative; width:50%;margin-left:25%;margin-right:25%;margin-bottom:10px;" /> |
| | | |
- | <br><br><br><br>
| |
| We should note that these numbers are a first approximation and do not take into consideration the strain placed on the cell involved in expressing this amount of protein. This model is based entirely on volumetric and geometric laws rather than biological ones and should be considered a first assumption and theoretical maximum given optimum conditions. | | We should note that these numbers are a first approximation and do not take into consideration the strain placed on the cell involved in expressing this amount of protein. This model is based entirely on volumetric and geometric laws rather than biological ones and should be considered a first assumption and theoretical maximum given optimum conditions. |
| </div> | | </div> |
Line 653: |
Line 306: |
| | | |
| | | |
- | <div class="white_news_block"> | + | <div class="row"> |
| + | <a href="#show13" class="show wetlab-row" id="show13"><div class="wetlab"> |
| + | <h1white>Targeting into the microcompartment</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="#hide13" class="hide" id="hide12"><div class="wetlab"> |
| + | <h1white>Targeting into the microcompartment</h1white></div></a> |
| + | <div class="list"> |
| + | <div class="white_news_block2"> |
| + | Proteins can be inserted into the microcompartment when they have an N-terminal targeting sequence. |
| + | In order to show that this targeting mechanism works for our constructs, we have constructed a plasmid with sfGFP fused to the N-terminal tag. When transforming this vector into E.coli along with the pUNI-ABTUNJK vector, we observed high-density fluorescence spots in those cells that expressed both the microcompartment and microcompartment-tagged sfGFP. This is shown in the image on the left, whereas the image on the right shows a control sample without the pUNI-ABTUNJK vector, thus expressing sfGFP evenly in the cell. |
| + | <br> |
| | | |
- | <img src="https://static.igem.org/mediawiki/2014/7/76/Oxford_Micro_title.png" style="float:right;position:relative; width:48%;" /> | + | <br><br> |
| + | <img src="https://static.igem.org/mediawiki/parts/c/cd/Part_BBa_K1446002_image_1.png" style="float:left;position:relative; width:35%;margin-right:33%;margin-bottom:3%;" /> |
| + | <img src="https://static.igem.org/mediawiki/2014/3/37/BBa_K1446002_control_image_sfGFP_nomicrocompartment_100nginducer.png" style="float:right;position:relative; width:31%;margin-bottom:6%" /> |
| | | |
- | <img src="https://static.igem.org/mediawiki/2014/f/fa/Oxford_DCMation_title.png" style="float:left;position:relative; width:48%;" /> | + | <br><br><br> |
| + | The details for the experimental procedure can be found <a href="http://parts.igem.org/Part:BBa_K1446002:Experience"> |
| + | <u>here</u></a>. |
| | | |
- | <a href="https://2014.igem.org/Team:Oxford/how_much_can_we_degrade?">
| |
- | <img src="https://static.igem.org/mediawiki/2014/e/e4/Oxford_DCMation1.png" style="float:left;position:relative; width:14%;margin-top:1.5%;" /></a>
| |
| | | |
- | <a href="https://2014.igem.org/Team:Oxford/codon_optimisation"><img src="https://static.igem.org/mediawiki/2014/1/12/Oxford_DCMation2.png" style="float:left;position:relative; width:14%; margin-left:3.2%;margin-top:1.5%;" /></a>
| |
| | | |
- | <a href="https://2014.igem.org/Team:Oxford/directed evolution"><img src="https://static.igem.org/mediawiki/2014/a/af/Oxford_DCMation3.png" style="float:left;position:relative; width:14%; margin-left: 3.2%;margin-top:1.5%;" /></a> | + | </div> |
| | | |
- | <a href="https://2014.igem.org/Team:Oxford/what_are_microcompartments?"><img src="https://static.igem.org/mediawiki/2014/a/ac/Oxford_Micro1.png" style="float:left;position:relative; width:14%;margin-left: 3.2%;margin-top:1.5%;" /></a> | + | </div> |
| + | </div> |
| | | |
- | <a href="https://2014.igem.org/Team:Oxford/why_do_we_need_microcompartments?">
| |
- | <img src="https://static.igem.org/mediawiki/2014/5/56/Oxford_Micro2.png" style="float:left;position:relative; width:14%; margin-left: 3.2%;margin-top:1.5%;" /></a>
| |
| | | |
| | | |
- | <a href="https://2014.igem.org/Team:Oxford/alternatives_to_microcompartments">
| |
- | <img src="https://static.igem.org/mediawiki/2014/2/2e/Oxford_Micro3.png" style="float:right;position:relative; width:14%;margin-top:1.5%;" /></a>
| |
| | | |
- | <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>
| |
| | | |
- | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
| |
- | </div>
| |
- | </div>
| |
| | | |
| | | |
Line 704: |
Line 361: |
| | | |
| | | |
| + | <div class="row"> |
| + | <a href="#show15" class="show wetlab-row" id="show15"><div class="wetlab"> |
| + | <h1white>Expression of the microcompartment in E.coli</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="#hide15" class="hide" id="hide15"><div class="wetlab"> |
| + | <h1white>Expression of the microcompartment in E.coli</h1white></div></a> |
| + | <div class="list"> |
| + | <div class="white_news_block2"> |
| | | |
| + | Out of the seven subunits, 4 of them (B, U, N and K) are his-tagged, which allowed us to detect expression of these subunits, as shown in the western blot image below: |
| | | |
| + | <img src="https://static.igem.org/mediawiki/parts/8/8c/Westernblot_ABTUNJK.png" style="float:left;position:relative; width:70%;margin-left:15%;margin-right:25%;margin-bottom:10px;" /> |
| | | |
| + | <br> |
| + | The Western Blot clearly demonstrates successful expression of subunits B, U, N and K in E.coli, but not in Pseudomonas putida. The negative control was a Pseudomonas putida cell lysate without previous transformation. We used the standard western blot protocol described in the downloadable pdf-document at the top of this page. |
| | | |
| | | |
| + | </div> |
| | | |
| + | </div> |
| + | </div> |
| | | |
| | | |
Line 729: |
Line 402: |
| | | |
| | | |
- | <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%;" /> | + | <div class="white_news_block2"> |
- | <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 src="https://static.igem.org/mediawiki/2014/7/76/Oxford_Micro_title.png" style="float:right;position:relative; width:48%;" /> |
- | <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>
| + | <img src="https://static.igem.org/mediawiki/2014/f/fa/Oxford_DCMation_title.png" style="float:left;position:relative; width:48%;" /> |
- | <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>
| + | |
| | | |
| + | <a href="https://2014.igem.org/Team:Oxford/how_much_can_we_degrade?"> |
| + | <img src="https://static.igem.org/mediawiki/2014/e/e4/Oxford_DCMation1.png" style="float:left;position:relative; width:14%;margin-top:1.5%;" /></a> |
| | | |
| + | <a href="https://2014.igem.org/Team:Oxford/codon_optimisation"><img src="https://static.igem.org/mediawiki/2014/1/12/Oxford_DCMation2.png" style="float:left;position:relative; width:14%; margin-left:3.2%;margin-top:1.5%;" /></a> |
| | | |
| + | <a href="https://2014.igem.org/Team:Oxford/directed evolution"><img src="https://static.igem.org/mediawiki/2014/a/af/Oxford_DCMation3.png" style="float:left;position:relative; width:14%; margin-left: 3.2%;margin-top:1.5%;" /></a> |
| | | |
| + | <a href="https://2014.igem.org/Team:Oxford/what_are_microcompartments?"><img src="https://static.igem.org/mediawiki/2014/a/ac/Oxford_Micro1.png" style="float:left;position:relative; width:14%;margin-left: 3.2%;margin-top:1.5%;" /></a> |
| | | |
| + | <a href="https://2014.igem.org/Team:Oxford/why_do_we_need_microcompartments?"> |
| + | <img src="https://static.igem.org/mediawiki/2014/5/56/Oxford_Micro2.png" style="float:left;position:relative; width:14%; margin-left: 3.2%;margin-top:1.5%;" /></a> |
| | | |
- | <img src="https://static.igem.org/mediawiki/2014/6/60/OxigemAchievements2.png" style="position:fixed; display:none; height:4%; top:37%; left:2%;" />
| |
| | | |
| + | <a href="https://2014.igem.org/Team:Oxford/alternatives_to_microcompartments"> |
| + | <img src="https://static.igem.org/mediawiki/2014/2/2e/Oxford_Micro3.png" style="float:right;position:relative; width:14%;margin-top:1.5%;" /></a> |
| | | |
- | <div class="iGEMlogo" style="width:6.5%; position:absolute; top:0.7%; right:0.5%; min-width:50px;">
| + | <a href="https://2014.igem.org/Team:Oxford/bioremediation"> |
- | <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>
| + | <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> |
- | </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>
| + | |
| | | |
| + | |
| + | <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> |
| + | |
| + | |
| + | |
| + | <br> |
| + | </div> |
| + | </div> |
| </body> | | </body> |
| </html> | | </html> |
| + | |
| + | {{Team:Oxford/templates/footer}} |