Difference between revisions of "Team:MIT"

Line 1: Line 1:
−
<!-- Declare that you are going to use html code instead of wiki code -->
+
{{MIT-Header}}
 +
 
 
<html>
 
<html>
  
−
<link href='http://fonts.googleapis.com/css?family=Permanent+Marker|Cantarell:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+
<style type="text/css" media="all">
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
+
#spacer{
−
<style type="text/css">
+
width: 80%;
−
 
+
margin: auto;
−
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
top:45px;
−
 
+
position: relative;
−
.topWikiNavBackground {
+
}
−
    height:18px;
+
.text{
−
    margin-top: -32px;
+
margin: auto;
−
    background-color:transparent;
+
position:relative;
−
}
+
color: white;
−
 
+
}
−
.headerimage {
+
#blocks{
−
position: relative;
+
position: relative;
−
top:26px;
+
top: 45px;
−
margin: auto;
+
margin-top: 15px;
−
width: 100%;
+
}
−
height: 100%;
+
.infoblock{
−
 
+
height: 100px;
−
}
+
background-color: rgba(255,255,255,0);
−
 
+
font: 30px;
−
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
margin: auto;
−
width: 100%;  
+
vertical-align: center;
−
height: 100%;
+
}
−
border: 0px;
+
−
background-color: transparent;
+
−
margin: 0px;
+
−
padding: 0px;
+
−
}
+
−
 
+
−
/*Title fonts*/
+
−
#title, .subtitle{
+
−
margin: 40px;
+
−
text-align: center;
+
−
font-size: 40px;
+
−
font-family: 'Permanent Marker', cursive;
+
−
color: white;
+
−
}
+
−
/*Text font for regular paragraph text on all pages*/
+
−
.text{
+
−
font-size: 15px;
+
−
font-family: 'Cantarell', sans-serif;
+
−
}
+
−
 
+
−
html, body, .wrapper { /*-- changes default wiki settings --*/
+
−
width: 100%;
+
−
height: 100%;
+
−
background-color: transparent;
+
−
}
+
−
 
+
−
body{
+
−
        background-color: black
+
−
}
+
−
 
+
−
.navmenu {
+
−
position:fixed;
+
−
top:16px;
+
−
left:0;
+
−
right:0;
+
−
background:black;
+
−
        z-index : 100;
+
−
        height : 50px;
+
−
        align : center;
+
−
}
+
−
#mainLogo {
+
−
vertical-align:
+
−
}
+
−
#navmenubox {
+
−
padding:0;
+
−
margin-left:0;
+
−
margin-right:0;
+
−
width:100%;
+
−
height:45px;
+
−
}
+
−
.sidelogos {
+
−
float:left;
+
−
display:block;
+
−
margin-left:auto;
+
−
height:100%;
+
−
width:auto;
+
−
top : 0;
+
−
}
+
−
#logos{
+
−
float:right;
+
−
}
+
−
#home {
+
−
    width : 40px;
+
−
    top : 0;
+
−
}
+
−
#mainpage {
+
−
    float : left;
+
−
    margin-left : 50px;
+
−
    margin-top : 7px;
+
−
}
+
−
#facebookicon{
+
−
margin-right: 0.75em;
+
−
width:1.9em;
+
−
}
+
−
#twittericon{
+
−
width:2.375em;
+
−
margin-right:auto;
+
−
}
+
−
#igemlogo img{ 
+
−
width:2.3em;
+
−
    position: relative;
+
−
background-color: white;
+
−
}
+
−
#igemlogo:hover img {
+
−
background-color:rgb(0,153,102);
+
−
}
+
−
#twittericon img, #facebookicon img, #igemlogo img{
+
−
margin-top:8px;
+
−
margin-bottom:2px;
+
−
}
+
−
#twitapp, #fbapp {
+
−
display:none;
+
−
width:250px;
+
−
height:auto;
+
−
}
+
−
#fbapp{
+
−
margin-left:-149px;
+
−
}
+
−
#twitapp{
+
−
margin-left:-111px;
+
−
}
+
−
#nav, #nav ul{
+
−
padding:0;
+
−
margin:0;
+
−
list-style:none;
+
−
    text-align : center;
+
−
}
+
−
#nav li{
+
−
font-family:'Permanent Marker', cursive;
+
−
display:inline-block;
+
−
color: white;
+
−
position:relative;
+
−
top : 12px;
+
−
font-size : 16px;
+
−
height : 40px;
+
−
    vertical-align : middle;
+
−
    padding : 0;
+
−
    margin : 0;
+
−
}
+
−
#nav li ul{
+
−
    vertical-align : bottom;
+
−
    width : 170px;
+
−
}
+
−
#nav li ul li {
+
−
font-family: 'Cantarell', sans-serif;
+
−
    height : 60px;
+
−
    vertical-align : top;
+
−
    width : 170px;
+
−
    background : rgba(0,0,0,0.65);
+
−
    padding : 15px 0;
+
−
    color : rgb(0,0,0);
+
−
    border-bottom: 1px solid rgba(255,255,255,.2);
+
−
}
+
−
#nav ul{
+
−
    display : block;
+
−
    width : 125px;
+
−
max-height:0px;
+
−
left: 0;
+
−
right: 0;
+
−
visibility:hidden;
+
−
-moz-transition: .8s all .3s;
+
−
-webkit-transition: .8s all .3s;
+
−
transition: .8s all .3s;
+
−
}
+
−
#nav li:hover ul{
+
−
visibility: visible;
+
−
overflow: visible;
+
−
max-height:30em;
+
−
}
+
−
#nav a{
+
−
text-decoration:none;
+
−
display:block;
+
−
font-weight : bold;
+
−
color : white;
+
−
vertical-align : middle;
+
−
}
+
−
#nav li:hover a {
+
−
        color : #ccff00;
+
−
}
+
−
#nav li:hover ul .liste {
+
−
        color : white;
+
−
}
+
−
#nav li ul li .liste:hover {
+
−
    color : #ccff00;
+
−
}
+
 
</style>
 
</style>
  
−
<div class="navmenu">
 
−
<div id="navmenubox">
 
−
<ul id="nav" class = "col-md-9">
 
−
<!--<li>
 
−
<a id = "mainLogo" href="https://2015.igem.org/Team:MIT" title="MIT iGEM" target="_blank"><img src="https://static.igem.org/mediawiki/2015/6/61/Team-MIT-MainLogo1.png" height="45px">
 
−
</a>
 
−
</li>
 
−
-->
 
−
<li><a href="https://2015.igem.org/Team:MIT">Home</a></li>
 
  
−
<li><a href="https://2015.igem.org/Team:MIT/Project"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png">Project</a>
+
<body>
−
<ul>
+
<div>
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Coculture">Coculture</a></li>
+
<img class = "headerimage" src = "https://static.igem.org/mediawiki/2015/2/21/Team-MIT-Banner2.jpg">
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Measurement">Measurement</a></li>
+
</div>
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Modeling">Modeling</a></li>
+
<div id = "spacer">
−
</ul>
+
<div id = "title">
−
</li>
+
Project Overview
−
<li><a href="https://2015.igem.org/Team:MIT/PolicyAndPractice"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> Policy + Practice</a>
+
</div>
−
<ul>
+
 
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Practice">Practice</a></li>
+
<div class = "text" align = "center">
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Economics">Economics</a></li>
+
The environmental benefits of biodiesel are numerous. To be truly renewable, fatty acid ethyl esters (FAEEs) should be used for biodiesel production, but currently only natural gas dependent fatty acid methyl esters (FAMEs) are used for the industrial production of biodiesel. Bacterial co-cultures can be designed to produce FAEEs from cellulose, but they are unstable and require significant maintenance. We are genetically modifying two species of bacteria to grow in a metabolically linked, self-regulating co-culture that will ultimately serve as the central component of a stable bioreactor for the production of biodiesel. From this research, we are able to produce biodiesel with an stable, environmentally cautious, and economically feasible method. In the future, we how to expand this project so that it is more attainable on an industrial scale.
−
</ul>
+
</div>
−
</li>
+
</div>
−
<li><a href="https://2015.igem.org/Team:MIT/Notebooks"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png">Notebooks</a>
+
<div id = "blocks">
−
<ul>
+
<div class = "infoblock col-md-6">
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/WetlabNotes">Wetlab Notes</a></li>
+
<div class = "subtitle">
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/DrylabNotes">Drylab Notes</a></li>
+
Coculture
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Protocols">Protocols</a></li>
+
</div>
−
</ul>
+
</div>
−
</li>
+
<div class = "infoblock col-md-6">
−
<li><a href="https://2015.igem.org/Team:MIT/Medals">Medals</a></li>
+
<div class = "subtitle">
−
<li><a href="https://2015.igem.org/Team:MIT/Team"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png">About Us</a>
+
C. Hutch
−
<ul>
+
</div>
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Team">Team Bios</a></li>
+
</div>
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Acknowledgements">Acknowledgements</a></li>
+
<div class = "infoblock col-md-6">
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Attributions">Attributions</a></li>
+
<div class = "subtitle">
−
</ul>
+
Modeling
−
            </li>
+
</div>
−
<li><a href="https://2015.igem.org/Team:MIT/Outreach"><img src="https://static.igem.org/mediawiki/2014/e/e1/MIT_2014_dropdown_arrow.png"> Externals</a>
+
</div>
−
<ul>
+
<div class = "infoblock col-md-6">
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Collaborations">Collaborations</a></li>
+
<div class = "subtitle">
−
<li><a class = liste href="https://2014.igem.org/Team:MIT/InterlabStudy">Interlab Study</a></li>
+
Biofuel Production
−
        </ul>
+
</div>
−
            </li>
+
</div>
−
</ul>
+
<div class = "infoblock col-md-6">
−
<div class= "col-md-3">
+
<div class = "subtitle">
−
<div id = "logos">
+
Circuitry
−
<div id="twittericon" class="sidelogos">
+
</div>
−
<a href="http://twitter.com/MIT_iGEM" target="_blank">
+
</div>
−
<img id="twitterimg" src="https://static.igem.org/mediawiki/2015/5/52/Team_MIT_TwitterLogo.png" height="30px"/>
+
<div class = "infoblock col-md-6">
−
<div id="twitapp">
+
<div class = "subtitle">
−
<a class="twitter-timeline" href="https://twitter.com/MIT_iGEM" data-widget-id="608663252705374209">@MIT_iGEM</a>
+
Economic Considerations
−
</div>
+
−
</a>
+
−
</div>
+
−
<div id="facebookicon" class="sidelogos">
+
−
<a href="https://www.facebook.com/MITiGEM" target="_blank">
+
−
<img id="fblogo" src="https://static.igem.org/mediawiki/2015/4/42/Team_MIT_facebook_logo.png" height="30px"/>                      
+
−
<div id="fbapp">
+
−
<div class="fb-like-box" data-href="https://www.facebook.com/MITiGEM" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
+
−
</div>
+
−
</a>
+
−
</div>
+
−
<div id="igemlogo" class="sidelogos">
+
−
<a href="https://2015.igem.org/Main_Page" title="iGEM 2015" target="_blank">
+
−
<img src="https://static.igem.org/mediawiki/2015/0/0a/Team_MIT_iGEM_logo.gif" height="30px">
+
−
</a>
+
−
</div>
+
−
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
</body>
−
 
+
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
−
 
−
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 
  
 
<script>
 
<script>
−
 
+
$(document).ready(function(){
−
$(document).ready(function(){
+
    $('.infoblock').hover(function () {
−
$('div #twittericon').mouseover(function(){
+
$(this).css( "background-color", "rgba(255,255,255,0.4)" );
−
  div = $('#twitapp');
+
}, function() {
−
  div.fadeIn(100);
+
$(this).css( "background-color", "rgba(255,255,255,0)" );  
−
}).mouseout(function(){
+
});
−
    div.fadeOut(100);
+
})
−
});
+
−
});
+
−
 
+
−
//On hover the twitter logo turns clear and the blue shows through
+
−
$(document).ready(function(){
+
−
    $('#twitterimg').hover(function () {
+
−
        this.src = "https://static.igem.org/mediawiki/2015/a/a1/Team_MIT_TwitterLogo2.png";
+
−
    }, function () {
+
−
        this.src = "https://static.igem.org/mediawiki/2015/5/52/Team_MIT_TwitterLogo.png";
+
−
    });
+
−
});
+
−
 
+
−
//On hover faceboook logo turns blue (changes images)
+
−
$(document).ready(function(){
+
−
    $('#fblogo').hover(function () {
+
−
        this.src = "https://static.igem.org/mediawiki/2015/2/20/Team-MIT-FacebookIcon2.png";
+
−
    }, function () {
+
−
        this.src = "https://static.igem.org/mediawiki/2015/4/42/Team_MIT_facebook_logo.png";
+
−
    });
+
−
});
+
 
</script>
 
</script>

Revision as of 20:39, 8 July 2015

Project Overview
The environmental benefits of biodiesel are numerous. To be truly renewable, fatty acid ethyl esters (FAEEs) should be used for biodiesel production, but currently only natural gas dependent fatty acid methyl esters (FAMEs) are used for the industrial production of biodiesel. Bacterial co-cultures can be designed to produce FAEEs from cellulose, but they are unstable and require significant maintenance. We are genetically modifying two species of bacteria to grow in a metabolically linked, self-regulating co-culture that will ultimately serve as the central component of a stable bioreactor for the production of biodiesel. From this research, we are able to produce biodiesel with an stable, environmentally cautious, and economically feasible method. In the future, we how to expand this project so that it is more attainable on an industrial scale.
Coculture
C. Hutch
Modeling
Biofuel Production
Circuitry
Economic Considerations