Difference between revisions of "Team:MIT"

Line 1: Line 1:
−
{{MIT-Header}}
+
<!-- Declare that you are going to use html code instead of wiki code -->
−
 
+
 
<html>
 
<html>
  
−
<style type="text/css" media="all">
+
<link href='http://fonts.googleapis.com/css?family=Permanent+Marker|Cantarell:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
−
#spacer{
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
−
width: 80%;
+
<style type="text/css">
−
margin: auto;
+
 
−
top:45px;
+
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
−
position: relative;
+
 
−
}
+
.topWikiNavBackground {
−
.text{
+
    height:18px;
−
margin: auto;
+
    margin-top: -32px;
−
position:relative;
+
    background-color:transparent;
−
color: white;
+
}
−
}
+
 
−
#blocks{
+
.headerimage {
−
position: relative;
+
position: relative;
−
top: 45px;
+
top:26px;
−
margin-top: 15px;
+
margin: auto;
−
}
+
width: 100%;
−
.infoblock{
+
height: 100%;
−
height: 100px;
+
 
−
background-color: rgba(255,255,255,0);
+
}
−
font: 30px;
+
 
−
margin: auto;
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
−
vertical-align: center;
+
width: 100%;  
−
}
+
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>
  
−
<body>
+
<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>
−
<div>
+
<ul>
−
<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/Coculture">Coculture</a></li>
−
</div>
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Measurement">Measurement</a></li>
−
<div id = "spacer">
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Modeling">Modeling</a></li>
−
<div id = "title">
+
</ul>
−
Project Overview
+
</li>
−
</div>
+
<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>
−
 
+
<ul>
−
<div class = "text" align = "center">
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Practice">Practice</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.
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Economics">Economics</a></li>
−
</div>
+
</ul>
−
</div>
+
</li>
−
<div id = "blocks">
+
<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 class = "infoblock col-md-6">
+
<ul>
−
<div class = "subtitle">
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/WetlabNotes">Wetlab Notes</a></li>
−
Coculture
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/DrylabNotes">Drylab Notes</a></li>
−
</div>
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Protocols">Protocols</a></li>
−
</div>
+
</ul>
−
<div class = "infoblock col-md-6">
+
</li>
−
<div class = "subtitle">
+
<li><a href="https://2015.igem.org/Team:MIT/Medals">Medals</a></li>
−
C. Hutch
+
<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>
−
</div>
+
<ul>
−
</div>
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Team">Team Bios</a></li>
−
<div class = "infoblock col-md-6">
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Acknowledgements">Acknowledgements</a></li>
−
<div class = "subtitle">
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Attributions">Attributions</a></li>
−
Modeling
+
</ul>
−
</div>
+
            </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 class = "infoblock col-md-6">
+
<ul>
−
<div class = "subtitle">
+
<li><a class = liste href="https://2015.igem.org/Team:MIT/Collaborations">Collaborations</a></li>
−
Biofuel Production
+
<li><a class = liste href="https://2014.igem.org/Team:MIT/InterlabStudy">Interlab Study</a></li>
−
</div>
+
        </ul>
−
</div>
+
            </li>
−
<div class = "infoblock col-md-6">
+
</ul>
−
<div class = "subtitle">
+
<div class= "col-md-3">
−
Circuitry
+
<div id = "logos">
−
</div>
+
<div id="twittericon" class="sidelogos">
−
</div>
+
<a href="http://twitter.com/MIT_iGEM" target="_blank">
−
<div class = "infoblock col-md-6">
+
<img id="twitterimg" src="https://static.igem.org/mediawiki/2015/5/52/Team_MIT_TwitterLogo.png" height="30px"/>
−
<div class = "subtitle">
+
<div id="twitapp">
−
Economic Considerations
+
<a class="twitter-timeline" href="https://twitter.com/MIT_iGEM" data-widget-id="608663252705374209">@MIT_iGEM</a>
 +
</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>
−
</body>
+
</div>
 +
 
 
<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(){
+
 
−
    $('.infoblock').hover(function () {
+
$(document).ready(function(){
−
$(this).css( "background-color", "rgba(255,255,255,0.4)" );
+
$('div #twittericon').mouseover(function(){
−
}, function() {
+
  div = $('#twitapp');
−
$(this).css( "background-color", "rgba(255,255,255,0)" );  
+
  div.fadeIn(100);
−
});
+
}).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:38, 8 July 2015