Difference between revisions of "Team:UMaryland/Part Collection"

 
(44 intermediate revisions by 2 users not shown)
Line 6: Line 6:
 
<head>
 
<head>
 
     <script>
 
     <script>
−
         $('body').css('display', 'none');
+
         $('body').css('opacity', '0');
 
     </script>
 
     </script>
 
     <script src="https://static.igem.org/mediawiki/2016/9/95/T--UMaryland--html5shiv.txt"></script>
 
     <script src="https://static.igem.org/mediawiki/2016/9/95/T--UMaryland--html5shiv.txt"></script>
Line 290: Line 290:
 
         }
 
         }
  
−
         #div-navResized.pushed a:hover {
+
         #div-navResized.pushed a:hover, #div-navResized.pushed img:hover {
 
             opacity: .7;     
 
             opacity: .7;     
 
             text-decoration: none;
 
             text-decoration: none;
Line 358: Line 358:
 
.caption {
 
.caption {
 
font-weight: bold;
 
font-weight: bold;
−
margin-left: 25px;
+
font-size: 12pt;
 
}
 
}
 
 
 
.titleText {
 
.titleText {
−
margin-left: auto;
+
position: absolute;
−
margin-right: auto;
+
top: 350px;
 +
left: 50%;
 +
margin-left: -40%;
 +
right: auto;
 
width: 80%;
 
width: 80%;
 
min-width: 1000px;
 
min-width: 1000px;
 
max-width: 1500px;
 
max-width: 1500px;
 
}
 
}
−
#div-figures{
+
−
padding-bottom: 100px;
+
h11, h21, h31 {
−
font-size: 14pt;
+
font-family: Lora;
 +
display: inline-block;
 +
position: relative;
 +
padding-bottom: 10px;
 +
padding-left: 10px;
 +
padding-top: 10px;
 +
padding-right: 10px;
 +
background: rgba(0,0,0, 0.7);
 +
line-height: 1em;
 
}
 
}
−
         h11 {
+
 +
         h11 {
 
             color: white;
 
             color: white;
 
             font-size: 30pt;
 
             font-size: 30pt;
 
             font-weight: 400;
 
             font-weight: 400;
 
             text-align: left;
 
             text-align: left;
−
            display: block;
 
−
margin-top: 60px;
 
−
padding-top: 180px;
 
−
            margin-bottom: 0.83em;
 
 
         }
 
         }
  
Line 388: Line 396:
 
             font-weight: 300;
 
             font-weight: 300;
 
             text-align: left;
 
             text-align: left;
−
            display: block;
 
−
            margin-top: 0.83em;
 
−
            margin-bottom:: 0.83em;
 
 
         }
 
         }
  
 
         h31 {
 
         h31 {
 
             color: white;
 
             color: white;
−
             font-size: 18pt;
+
             font-size: 20pt;
 
             font-weight: 200;
 
             font-weight: 200;
 
             text-align: left;
 
             text-align: left;
−
            display: block;
 
−
            margin-top: 0.83em;
 
−
            margin-bottom:: 0.83em;
 
 
         }
 
         }
  
 
         #div-text {
 
         #div-text {
 
padding-top: 50px;
 
padding-top: 50px;
−
background-color: #f9f9f9;
+
padding-bottom: 150px;
 
         }
 
         }
  
Line 457: Line 459:
 
         .figure {
 
         .figure {
 
             /* fixes the width of images in results tables */
 
             /* fixes the width of images in results tables */
−
             width: 800px;
+
             width: 70%;
 
display: block;
 
display: block;
 
             border-style: solid;
 
             border-style: solid;
Line 533: Line 535:
 
             margin: 0 0 0 0;
 
             margin: 0 0 0 0;
 
         }
 
         }
 +
 +
.div-scrollPic {
 +
            z-index: -999;
 +
            height: 500px;
 +
background-color: transparent;
 +
        }
 +
 
         </style>
 
         </style>
 
<nav>
 
<nav>
Line 551: Line 560:
 
<!-- Nav bar when more button is clicked -->
 
<!-- Nav bar when more button is clicked -->
 
<div id="div-navResized">
 
<div id="div-navResized">
−
<img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logoResized">
+
<a href="https://2016.igem.org/Team:UMaryland"><img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logoResized"></a>
 
<ul>
 
<ul>
 
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
 
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
Line 561: Line 570:
 
</ul>
 
</ul>
 
</div>
 
</div>
−
<div data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/6/69/T--UMaryland--parts.jpg" id="div-pic">
+
<div data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/6/69/T--UMaryland--parts.jpg" class="div-scrollPic" style="height: 650px;">
 
<div class="titleText">  
 
<div class="titleText">  
 
<!-- where background image below titles show -->
 
<!-- where background image below titles show -->
−
<h11>Parts Collection</h11>
+
<h11>Parts Collection</h11></br>
−
<h21>BioBrick Devices Submitted to the Registry</h21>
+
<h21>BioBrick Devices Submitted to the Registry</h21></br>
−
<h31>Furthering collaboration and standardization of genetic parts</h31>
+
<h31>Furthering collaboration and standardization of genetic parts</h31></br>
 
</div>
 
</div>
 
         </div>
 
         </div>
 
<div id="div-text"> <!-- Start of main text of page -->
 
<div id="div-text"> <!-- Start of main text of page -->
 
<!-- Heading text -->
 
<!-- Heading text -->
 +
<div class="longText">
 +
<p>UMaryland iGEM submitted various basic and composite parts to the BioBrick Registry, which aims to increase standardization in synthetic biology by allowing genes to be added together easily. We synthesized the genes, put them inside standard BioBrick plasmids, and then characterized our parts.</p>
 +
<p>View:</p>
 +
<p>
 +
Basic Parts <input type="checkbox" class="filter" checked id="input-basic" />
 +
Composite Parts <input type="checkbox" class="filter" checked id="input-composite" />
 +
</p>
 +
</div>
 +
<style>
 +
input {
 +
 +
}
 
 
 +
.longText strong {
 +
font-size: 14pt;
 +
line-height: 2;
 +
}
 +
 +
.longText {
 +
margin-top: 30px;
 +
margin-bottom: 30px;
 +
}
 +
 +
 
 
−
<div class="longText">
+
.profiles {
−
<p>Coming Soon!</p>
+
border: 2px solid #A8A8A8;
−
<p>We are working hard on constructing the parts and submitting them to the registry to be used in other synthetic biology projects!</p>
+
width: 1000px;
−
<br /><br /><br /><br /><br /><br /><br /><br /><br />
+
margin-left: 20px;
 +
margin-right: 20px;
 +
-webkit-border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
border-radius: 5px;
 +
}
 +
 +
.profiles p {
 +
line-height: 1.5em !important;
 +
font-size: 12pt !important;
 +
padding: 0 0 0 0 !important;
 +
margin-left: 0px !important;
 +
margin-top: 30px !important;
 +
margin-bottom: 0px !important;
 +
margin-right: 15px !important;
 +
}
 +
 +
.profiles strong {
 +
margin-left: 15px;
 +
margin-top: 15px;
 +
font-size: 16pt;
 +
display: block;
 +
line-height: 2em;
 +
text-decoration: underline;
 +
}
 +
 +
.profiles .plasmid {
 +
margin-left: 15px;
 +
margin-bottom: 15px;
 +
width: 400px;
 +
float: left;
 +
margin-right: 20px;
 +
}
 +
 +
.profiles .linear {
 +
height: 65px;
 +
margin-left: 10px;
 +
margin-top: 10px;
 +
margin-bottom: 15px;
 +
}
 +
 +
#div-slideshow {
 +
margin-top: 40px;
 +
margin-bottom: 40px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 1000px;
 +
padding-bottom: 30px;
 +
overflow: normal;
 +
}
 +
 +
</style>
 +
<div id="div-slideshow">
 +
<div class="profiles composite">
 +
<strong><a target="_blank" href="http://parts.igem.org/Part:BBa_K2032001">Fructose Pathway (BBa_K2032001)</strong></a>
 +
<img src="https://static.igem.org/mediawiki/2016/e/e7/T--UMaryland--BBa_K2032001_linear.jpg" class="linear" />
 +
<img src="https://static.igem.org/mediawiki/2016/1/14/T--UMaryland--BBa_K2032001_plasmid.jpg" class="plasmid" />
 +
<p>This composite biobrick part is a combination of the coding regions for three separate enzymes involved in the metabolization of methanol. Each coding region is preempted by a ribosome binding site in order to help counteract some of the translational issues associated with polycistronic mRNA. A lacI regulated promoter that allows for induction with IPTG was included in this construct to allow for selective gene expression along with the standard iGEM double terminator.</br></br>The three enzymes encoded by this part are methanol dehydrogenase 2 (MDH), 3-hexulose-6-phosphate synthase (HPS), and 6-Phospho-3-hexuloisomerase (PHI). These enzymes serve to function as a three step pathway in which methanol is metabolized. MDH converts methanol to formaldehyde, producing a molecule of NADH in the process. Formaldehyde is then combined with a molecule of D-ribulose-5-phosphate taken from the pentose phosphate pathway to form one molecule of D-arabino-3-hexulose-6-phosphate via the usage of HPS. PHI then converts D-arabino-3-hexulose-6-phosphate to D-fructose-6-phosphate which can then undergo glycolysis.</p>
 +
</div>
 +
<div class="profiles basic">
 +
<strong><a target="_blank" href="http://parts.igem.org/Part:BBa_K2032002">Formate Pathway (BBa_K2032002)</a></strong>
 +
<img src="https://static.igem.org/mediawiki/2016/9/9b/T--UMaryland--BBa_K2032002_linear.jpg" class="linear" style="height: 120px !important;"/>
 +
<img src="https://static.igem.org/mediawiki/2016/a/a6/T--UMaryland--BBa_K2032002.png" class="plasmid" />
 +
<p>The Formate Pathway is a three enzyme pathway that begins with methanol and NAD+ as substrates, and culminates in the production of NADH molecules and carbon dioxide. This pathway is used to detoxify alcohols in the cellular environment. The pathway consists of a series of oxidations: methanol oxidized to formaldehyde by Methanol Dehydrogenase 2 (MDH2); formaldehyde oxidized to formate by Formaldehyde Dehydrogenase (FALDH); and finally formate oxidized to carbon dioxide by Formate Dehydrogenase (FDH). Each of these catalyzed reactions results in lower energy products than reactants, so every reaction is coupled to the production of one NADH molecule, which contributes to energy for the cell and biomass production.</br></br> The first enzyme of the pathway, MDH2, has a low binding specificity and will oxidize many primary alcohols. The original use of this plasmid was to detoxify methanol as part of a larger pathway that consisted of eliminating methane gas from the atmosphere. The pathway has potential uses for detoxifying alcohols in the environment as well. As methanol becomes an increasingly popular liquid fuel source, one could imagine methanol spills in the future that require detoxification. This part contains one promoter that is IPTG inducible. The genes will be transcribed as a polycistronic mRNA strand. Each of the genes has a medium strength ribosome binding site. Modeling of this pathway has revealed that no toxic substrates should be produced when this pathway is expressed. The kinetics for each enzyme exist in such a way that there will be no buildup of formaldehyde of formic acid in the cell. Theoretically, this pathway should increase methanol resistance to cells that express it.</p>
 +
</p>
 +
</div>
 +
<div class="profiles basic">
 +
<strong><a target="_blank" href="http://parts.igem.org/Part:BBa_K2032003">Codon optimized MDH2 with Lac/pL promoter (BBa_K2032003)</strong></a>
 +
<img src="https://static.igem.org/mediawiki/2016/8/8c/T--UMaryland--BBa_K2032003_plasmid.jpg" class="plasmid" />
 +
<p>This is an intermediate used in the construction of BBa_K2032002. It contains the coding sequence for MDH2 which oxidizes methane to formaldehyde. It also contains the lac + pL promoter (BBa_R0011) which is repressed by LacI and induced by IPTG.</p>
 +
</div>
 +
<div class="profiles composite">
 +
<strong><a target="_blank" href="http://parts.igem.org/Part:BBa_K2032006">Fructose with RFP (BBa_K2032006)</strong></a>
 +
<img src="https://static.igem.org/mediawiki/2016/b/b3/T--UMaryland--BBa_K2032006_linear.jpg" class="linear" />
 +
<img src="https://static.igem.org/mediawiki/2016/f/f9/T--UMaryland--BBa_K2032006_plasmid.jpg" class="plasmid" />
 +
<p>Fructose construct with RFP reporter</p>
 +
</div>
 +
<div class="profiles basic">
 +
<strong><a target="_blank" href="http://parts.igem.org/Part:BBa_K2032009">MMOY/Z+TT (BBa_K2032009)</strong></a>
 +
<img src="https://static.igem.org/mediawiki/2016/4/44/T--UMaryland--BBa_K2032009_plasmid.jpg" class="plasmid" />
 +
<p>This biobrick contains the coding regions for the Y and Z subunits of the sMMO enzyme. Each coding region is preceded by a ribosome binding site (BBa_B0032) the whole biobrick is flanked by the standard iGEM double terminator (BBa_B0015
 +
)</p>
 +
</div>
 
</div>
 
</div>
−
 
+
<!-- <table id="table-selector"> Table of navigational links
−
<table id="table-selector"> <!-- Table of navigational links -->
+
 
<thead>
 
<thead>
−
<!-- .border classes signify where border needs to be drawn -->
 
−
<!-- navigator class trigger javascript on that element    -->
 
−
<!-- data-select attribute sends to script which element    -->
 
−
<!-- was clicked -->
 
 
<th class="borderRight navigator borderTop" id="th-purpose" data-select="purpose"><p>Purpose</p></th>
 
<th class="borderRight navigator borderTop" id="th-purpose" data-select="purpose"><p>Purpose</p></th>
 
<th class="borderBoth navigator borderTop" id="th-background" data-select="background"><p>Background</p></th>
 
<th class="borderBoth navigator borderTop" id="th-background" data-select="background"><p>Background</p></th>
 
<th class="borderBoth navigator borderTop" id="th-experiment" data-select="experiment"><p>Experiment</p></th>
 
<th class="borderBoth navigator borderTop" id="th-experiment" data-select="experiment"><p>Experiment</p></th>
 
</thead>
 
</thead>
−
</table>
+
</table> -->
 
<!--<div class="longText">
 
<!--<div class="longText">
 
<h4></h4>
 
<h4></h4>
Line 633: Line 742:
 
 
 
<script>
 
<script>
 +
 +
        $('#div-slideshow').slick({
 +
dots: true,
 +
draggable: false,
 +
adaptiveHeight: true
 +
        });
 +
 +
 +
$('.filter').on('change', function(){
 +
var basic = $('#input-basic').is(":checked")
 +
var composite = $('#input-composite').is(":checked")
 +
if (basic == true) {
 +
if (composite == true) {
 +
$('#div-slideshow').slick('slickUnfilter');
 +
}
 +
else {
 +
$('#div-slideshow').slick('slickFilter','.basic');
 +
}
 +
} else {
 +
if (composite == true) {
 +
$('#div-slideshow').slick('slickFilter','.composite');
 +
} else {
 +
$(this).prop( "checked", true )
 +
}
 +
}
 +
 +
})
 +
 
$(window).resize(function() {
 
$(window).resize(function() {
−
var marginTotal = $('.titleText').outerWidth(true) - $('.titleText').outerWidth(false);
+
var marginTotal = $(window).outerWidth(true) - $('.titleText').outerWidth(false);
 
var marginLeft = marginTotal / 2;
 
var marginLeft = marginTotal / 2;
 
if (marginLeft > 14) {
 
if (marginLeft > 14) {
Line 642: Line 779:
 
}
 
}
 
 
−
var marginTitle = $('.titleText').outerWidth(true) - $('.titleText').outerWidth(false);
+
var marginTitle = $(window).outerWidth(true) - $('.titleText').outerWidth(false);
 
var marginCheck = marginTitle / 2;
 
var marginCheck = marginTitle / 2;
 
if (marginCheck < 15) {
 
if (marginCheck < 15) {
−
$('.titleText').css('margin-left','15px');
+
$('.titleText').css('left','15px');
 +
$('.titleText').css('margin-left','0px');
 
} else {
 
} else {
−
$('.titleText').css('margin-left','auto');
+
$('.titleText').css('left','50%');
 +
$('.titleText').css('margin-left','-40%');
 
}
 
}
 
})
 
})
 
 
 
$(window).load(function() {
 
$(window).load(function() {
−
var marginTotal = $('.titleText').outerWidth(true) - $('.titleText').outerWidth(false);
+
            $('body').css('opacity', '1');
 +
var marginTotal = $(window).outerWidth(true) - $('.titleText').outerWidth(false);
 
var marginLeft = marginTotal / 2;
 
var marginLeft = marginTotal / 2;
 
if (marginLeft > 14) {
 
if (marginLeft > 14) {
Line 660: Line 800:
 
}
 
}
 
 
−
var marginTitle = $('.titleText').outerWidth(true) - $('.titleText').outerWidth(false);
+
var marginTitle = $(window).outerWidth(true) - $('.titleText').outerWidth(false);
 
var marginCheck = marginTitle / 2;
 
var marginCheck = marginTitle / 2;
 
if (marginCheck < 15) {
 
if (marginCheck < 15) {
−
$('.titleText').css('margin-left','15px');
+
$('.titleText').css('left','15px');
 +
$('.titleText').css('margin-left','0px');
 
} else {
 
} else {
−
$('.titleText').css('margin-left','auto');
+
$('.titleText').css('left','50%');
 +
$('.titleText').css('margin-left','-40%');
 
}
 
}
 
})
 
})
Line 774: Line 916:
 
});
 
});
 
 
−
var element_position = $('#div-protocol').offset().top;
+
 
var toggle = 1;
 
var toggle = 1;
  
−
<!-- For nav bar scrolling + hovering -->
+
−
$('nav').mouseover(
+
−
function () {
+
−
$('#img-logo').css('transition', '.35s ease-in');
+
−
$('#img-logo').css('opacity', '1');
+
−
$('#img-igemlogo').css('transition', '.35s ease-in');
+
−
$('#img-igemlogo').css('opacity', '1');
+
−
$('nav ul').addClass("hover");
+
−
$('nav').css('opacity', '1');
+
−
$('nav').css('transition', '.5s ease');
+
−
}
+
−
),
+
−
$('nav').mouseout(
+
−
function () {
+
−
var scroll = $(window).scrollTop();
+
−
if (scroll > 0) {
+
−
$('#img-logo').css('transition', '.25s ease');
+
−
$('#img-logo').css('opacity', '0');
+
−
$('#img-igemlogo').css('transition', '.25s ease');
+
−
$('#img-igemlogo').css('opacity', '0');
+
−
$('nav ul').removeClass("hover");
+
−
$('nav').css('opacity', '.5');
+
−
$('nav').css('transition', '.5s ease');
+
−
}
+
−
}
+
−
);
+
−
$(function() {
+
−
var nav = $('nav ul');
+
−
var navList = $('nav ul li');
+
−
$(window).scroll(function() {
+
−
var scroll = $(window).scrollTop();
+
−
if (scroll > 0) {
+
−
nav.addClass("scrolled");
+
−
nav.removeClass("hover");
+
−
$('#img-logo').css('transition', '.25s ease');
+
−
$('#img-logo').css('opacity', '0');
+
−
$('#img-igemlogo').css('transition', '.25s ease');
+
−
$('#img-igemlogo').css('opacity', '0');
+
−
$('nav').css('transition', '.5s ease');
+
−
$('nav').css('opacity', '.5');
+
−
} else {
+
−
nav.removeClass("scrolled");
+
−
$('nav').css('transition', '.5s ease');
+
−
$('nav').css('opacity', '1');
+
−
$('#img-logo').css('transition', '.35s ease-in');
+
−
$('#img-logo').css('opacity', '1');
+
−
$('#img-igemlogo').css('transition', '.35s ease-in');
+
−
$('#img-igemlogo').css('opacity', '1');
+
−
+
−
}
+
−
});
+
−
});
+
 
</script>
 
</script>
 
<script>
 
<script>

Latest revision as of 01:04, 20 October 2016

</div> </div> Modeling

Parts Collection
BioBrick Devices Submitted to the Registry
Furthering collaboration and standardization of genetic parts

UMaryland iGEM submitted various basic and composite parts to the BioBrick Registry, which aims to increase standardization in synthetic biology by allowing genes to be added together easily. We synthesized the genes, put them inside standard BioBrick plasmids, and then characterized our parts.

View:

Basic Parts Composite Parts

Fructose Pathway (BBa_K2032001)

This composite biobrick part is a combination of the coding regions for three separate enzymes involved in the metabolization of methanol. Each coding region is preempted by a ribosome binding site in order to help counteract some of the translational issues associated with polycistronic mRNA. A lacI regulated promoter that allows for induction with IPTG was included in this construct to allow for selective gene expression along with the standard iGEM double terminator.

The three enzymes encoded by this part are methanol dehydrogenase 2 (MDH), 3-hexulose-6-phosphate synthase (HPS), and 6-Phospho-3-hexuloisomerase (PHI). These enzymes serve to function as a three step pathway in which methanol is metabolized. MDH converts methanol to formaldehyde, producing a molecule of NADH in the process. Formaldehyde is then combined with a molecule of D-ribulose-5-phosphate taken from the pentose phosphate pathway to form one molecule of D-arabino-3-hexulose-6-phosphate via the usage of HPS. PHI then converts D-arabino-3-hexulose-6-phosphate to D-fructose-6-phosphate which can then undergo glycolysis.

Formate Pathway (BBa_K2032002)

The Formate Pathway is a three enzyme pathway that begins with methanol and NAD+ as substrates, and culminates in the production of NADH molecules and carbon dioxide. This pathway is used to detoxify alcohols in the cellular environment. The pathway consists of a series of oxidations: methanol oxidized to formaldehyde by Methanol Dehydrogenase 2 (MDH2); formaldehyde oxidized to formate by Formaldehyde Dehydrogenase (FALDH); and finally formate oxidized to carbon dioxide by Formate Dehydrogenase (FDH). Each of these catalyzed reactions results in lower energy products than reactants, so every reaction is coupled to the production of one NADH molecule, which contributes to energy for the cell and biomass production.

The first enzyme of the pathway, MDH2, has a low binding specificity and will oxidize many primary alcohols. The original use of this plasmid was to detoxify methanol as part of a larger pathway that consisted of eliminating methane gas from the atmosphere. The pathway has potential uses for detoxifying alcohols in the environment as well. As methanol becomes an increasingly popular liquid fuel source, one could imagine methanol spills in the future that require detoxification. This part contains one promoter that is IPTG inducible. The genes will be transcribed as a polycistronic mRNA strand. Each of the genes has a medium strength ribosome binding site. Modeling of this pathway has revealed that no toxic substrates should be produced when this pathway is expressed. The kinetics for each enzyme exist in such a way that there will be no buildup of formaldehyde of formic acid in the cell. Theoretically, this pathway should increase methanol resistance to cells that express it.

Codon optimized MDH2 with Lac/pL promoter (BBa_K2032003)

This is an intermediate used in the construction of BBa_K2032002. It contains the coding sequence for MDH2 which oxidizes methane to formaldehyde. It also contains the lac + pL promoter (BBa_R0011) which is repressed by LacI and induced by IPTG.

Fructose with RFP (BBa_K2032006)

Fructose construct with RFP reporter

MMOY/Z+TT (BBa_K2032009)

This biobrick contains the coding regions for the Y and Z subunits of the sMMO enzyme. Each coding region is preceded by a ribosome binding site (BBa_B0032) the whole biobrick is flanked by the standard iGEM double terminator (BBa_B0015 )