Difference between revisions of "Team:MIT/Practices"

 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<!--To insert this as a template use {{Team:MIT/Header}}-->
+
{{Team:MIT/Header}}
  
−
<!-- Declare that you are going to use html code instead of wiki code -->
 
 
<html>
 
<html>
  
−
<link href='http://fonts.googleapis.com/css?family=Permanent+Marker|Cantarell:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+
<script type="text/javascript"
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
+
  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
−
<style type="text/css">
+
</script>
  
−
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
 
  
−
.topWikiNavBackground {
+
<body>
−
    height:18px;
+
<div>
−
    margin-top: -32px;
+
<img class = "headerimage" src = "https://static.igem.org/mediawiki/2015/4/49/Team-MIT-Practices.jpg">
−
    background-color:transparent;
+
</div>
−
}
+
<div id = "contents" class = "subtitle">
 +
<a href = "https://2015.igem.org/Team:MIT/CBP">State of the Art in Consolidated Bioprocessing</a>
 +
<br></br>
 +
<a href = "https://2015.igem.org/Team:MIT/Economics">Economics</a>
 +
<br></br>
 +
<a href = "https://2015.igem.org/Team:MIT/Experts">Reaching Out to Experts</a>
 +
</div>
 +
<div id = "spacer">
  
−
.headerimage {
+
<div id = "title">
−
position: relative;
+
Human Practices Overview
−
top:26px;
+
</div>
−
margin: auto;
+
−
width: 100%;
+
−
height: 100%;
+
  
−
}
+
<div class = "subtitle">State of the Art in Consolidated Bioprocessing
 +
</div>
  
−
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
<div class = "text" align = "center">
−
width: 100%;
+
We have researched the current state of the art in consolidated bioprocessing and the production of biofuels in order to best design our project for practical applications.
−
height: 100%;
+
</div>
−
border: 0px;
+
−
background-color: transparent;
+
−
margin: 0px;
+
−
padding: 0px;
+
−
}
+
  
−
/*Title fonts*/
+
<div class = "subtitle">Economics and Environmental Impact
−
#title, .subtitle{
+
</div>
−
margin: 40px;
+
−
text-align: center;
+
−
font-family: 'Permanent Marker', cursive;
+
−
color: white;
+
−
}
+
  
−
.subtitle{
+
<div class = "text" align = "center">
−
font-size: 30px;
+
We have analyzed the economic advantage and environmental impact of our project.
−
}
+
</div>
  
−
#title{
+
<div class = "subtitle">Reaching Out to the Experts</div>
−
font-size: 40px;
+
−
}
+
  
−
#spacer{
+
<div class = "text" align = "center">
−
width: 60%;
+
We reached out to experts in the field of bioprocessing. We interviewed them and incorporated the information from those interviews into our project.
−
margin: auto;
+
−
top:45px;
+
−
position: relative;
+
−
}
+
−
.col-md-6{
+
−
padding: 0px;
+
−
}
+
−
 
+
−
/*Text font for regular paragraph text on all pages*/
+
−
.text{
+
−
font-size: 15px;
+
−
font-family: 'Cantarell', sans-serif;
+
−
margin: auto;
+
−
position:relative;
+
−
color: white;
+
−
}
+
−
 
+
−
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 {
+
−
}
+
−
#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;
+
−
}
+
−
#nav li ul li {
+
−
font-family: 'Cantarell', sans-serif;
+
−
    height : 60px;
+
−
    vertical-align : top;
+
−
    width : 200px;
+
−
    background : rgba(0,0,0,0.65);
+
−
    padding : 15px 0;
+
−
    color : rgb(0,0,0);
+
−
    border-bottom: 1px solid rgba(255,255,255,.2);
+
−
    display: block;
+
−
}
+
−
#nav ul{
+
−
    display : block;
+
−
    width : 125px;
+
−
max-height:0px;
+
−
left: 0;
+
−
right: 0;
+
−
visibility:hidden;
+
−
-moz-transition: .0s all .0s;
+
−
-webkit-transition: .0s all .0s;
+
−
transition: .0s all .0s;
+
−
}
+
−
#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;
+
−
}
+
−
.side-by-side{
+
−
display: inline;
+
−
}
+
−
#nav li ul div{
+
−
display: inline;
+
−
}
+
−
</style>
+
−
 
+
−
<div class="navmenu">
+
−
<div id="navmenubox">
+
−
<ul id="nav" class = "col-md-10">
+
−
<!--<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>
+
−
<ul>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Chutch">C. Hutchinsonii</a></li>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/BiodieselProduction">Biodiesel Production</a></li>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Coculture">The Co-Culture</a></li>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Parts">Parts</a></li>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Circuit">Circuit</a></li>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Modeling">Modeling</a></li>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Signaling">Signaling</a></li>
+
−
</ul>
+
−
</li>
+
−
<li><a href="https://2015.igem.org/Team:MIT/Practices"> Human Practices</a>
+
−
</li>
+
−
<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>
+
−
<ul>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/WetlabDrylab">Wetlab/Drylab</a></li>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Protocols">Protocols</a></li>
+
−
</ul>
+
−
</li>
+
−
<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>
+
−
<ul>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Team">Team Bios</a></li>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Acknowledgements">Acknowledgements</a></li>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Attributions">Attributions</a></li>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Medals">Medals</a></li>
+
−
</ul>
+
−
            </li>
+
−
<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>
+
−
<ul>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/Collaborations">Collaborations</a></li>
+
−
<li><a class = liste href="https://2015.igem.org/Team:MIT/InterlabStudy">Interlab Study</a></li>
+
−
        </ul>
+
−
            </li>
+
−
</ul>
+
−
<div class= "col-md-2">
+
−
<div id = "logos">
+
−
<div id="twittericon" class="sidelogos">
+
−
<a href="http://twitter.com/MIT_iGEM" target="_blank">
+
−
<img id="twitterimg" src="https://static.igem.org/mediawiki/2015/5/52/Team_MIT_TwitterLogo.png" height="30px"/>
+
−
<div id="twitapp">
+
−
<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>
  
−
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
+
</html>
  
−
<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>
+
{{Team:MIT/Footer}}
−
 
+
−
<script>
+
−
 
+
−
$(document).ready(function(){
+
−
$('div #twittericon').mouseover(function(){
+
−
div = $('#twitapp');
+
−
div.show();
+
−
}).mouseout(function(){
+
−
div.hide();
+
−
});
+
−
});
+
−
 
+
−
//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>
+

Latest revision as of 03:19, 19 September 2015


Human Practices Overview
State of the Art in Consolidated Bioprocessing
We have researched the current state of the art in consolidated bioprocessing and the production of biofuels in order to best design our project for practical applications.
Economics and Environmental Impact
We have analyzed the economic advantage and environmental impact of our project.
Reaching Out to the Experts
We reached out to experts in the field of bioprocessing. We interviewed them and incorporated the information from those interviews into our project.