Difference between revisions of "Team:Aalto-Helsinki/Description"

(content to this page (copy of our main page))
(copied the main page here)
 
Line 18: Line 18:
 
   margin-left: auto;
 
   margin-left: auto;
 
   margin-right:auto;
 
   margin-right:auto;
−
   width:80%;
+
   width:60%;
 
}
 
}
 +
 +
/*The changing texts have our proodle as a background image*/
 +
#changingtext{
 +
  min-height:315px;
 +
  background-image: url('https://static.igem.org/mediawiki/2015/a/aa/Aalto-Helsinki_propane_proodle_lighter.png');
 +
  background-size: contain;
 +
  background-repeat: no-repeat;
 +
}
 +
 
#hoverlab{
 
#hoverlab{
−
   height:250px;
+
   height:150px;
 
   background-image: url('https://static.igem.org/mediawiki/2015/3/30/Aalto-Helsinki_IconLab_lighter.png');
 
   background-image: url('https://static.igem.org/mediawiki/2015/3/30/Aalto-Helsinki_IconLab_lighter.png');
 
   background-size: contain;
 
   background-size: contain;
Line 27: Line 36:
 
}
 
}
 
#hoverlab:hover{
 
#hoverlab:hover{
−
   height:250px;
+
   height:150px;
 
   background-image: url('https://static.igem.org/mediawiki/2015/7/7a/Aalto-Helsinki_IconLab_darker.png');
 
   background-image: url('https://static.igem.org/mediawiki/2015/7/7a/Aalto-Helsinki_IconLab_darker.png');
 
   background-size: contain;
 
   background-size: contain;
Line 33: Line 42:
 
}
 
}
 
#hovermodel{
 
#hovermodel{
−
   height:250px;
+
   height:150px;
 
   background-image: url('https://static.igem.org/mediawiki/2015/f/fc/Aalto-Helsinki_IconModeling_lighter.png');
 
   background-image: url('https://static.igem.org/mediawiki/2015/f/fc/Aalto-Helsinki_IconModeling_lighter.png');
 
   background-size: contain;
 
   background-size: contain;
Line 39: Line 48:
 
}
 
}
 
#hovermodel:hover{
 
#hovermodel:hover{
−
   height:250px;
+
   height:150px;
 
   background-image: url('https://static.igem.org/mediawiki/2015/5/55/Aalto-Helsinki_IconModeling_darker.png');
 
   background-image: url('https://static.igem.org/mediawiki/2015/5/55/Aalto-Helsinki_IconModeling_darker.png');
 
   background-size: contain;
 
   background-size: contain;
Line 45: Line 54:
 
}
 
}
 
#hoverpractice{
 
#hoverpractice{
−
   height:250px;
+
   height:150px;
 
   background-image: url('https://static.igem.org/mediawiki/2015/0/0b/Aalto-Helsinki_IconHumanPractice_lighter.png');
 
   background-image: url('https://static.igem.org/mediawiki/2015/0/0b/Aalto-Helsinki_IconHumanPractice_lighter.png');
 
   background-size: contain;
 
   background-size: contain;
Line 51: Line 60:
 
}
 
}
 
#hoverpractice:hover{
 
#hoverpractice:hover{
−
   height:250px;
+
   height:150px;
 
   background-image: url('https://static.igem.org/mediawiki/2015/b/bb/Aalto-Helsinki_IconHumanPractice_darker.png');
 
   background-image: url('https://static.igem.org/mediawiki/2015/b/bb/Aalto-Helsinki_IconHumanPractice_darker.png');
 
   background-size: contain;
 
   background-size: contain;
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
 
}
 
}
 +
 +
.hoverable{
 +
  opacity: 0.8;
 +
}
 +
.hoverable:hover {
 +
  opacity: 1;
 +
}
 +
 +
#treetext {
 +
    display: none;
 +
}
 +
 +
#cellulosetext {
 +
    display: none;
 +
}​
 +
 +
#propanetext{
 +
    display:none;
 +
}
 +
 +
/* Let's hide the texts that appear when hovering when the device is small! */
 +
@media screen and (max-width: 991px) {
 +
  #changingtext { display: none; }
 +
  #proodleheader { display: none; }
 +
  #projectrownormal { display: none; }
 +
}
 +
/* Mobile texts + others only for small devices of our project show in right places */
 +
@media screen and (min-width: 992px) {
 +
  #projectrowmobile { display: none; }
 +
  #tabletproodleheader { display: none; }
 +
  #restrictionmobile { display: none; }
 +
}
 +
 +
 +
.showthisonie{
 +
  display:inline;
 +
}
 +
 +
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 +
.validwhenie{ display:inline; }
 +
}
 +
 +
@media screen and (min-width:0) and (min-resolution: +72dpi) { .validwhenie{ display:inline; } }
 +
 
</style>
 
</style>
  
Line 62: Line 115:
 
       <div class="site-wrapper-inner">
 
       <div class="site-wrapper-inner">
  
−
        <!--<div class="cover-container" style="border-style:solid;">-->
 
  
−
          <!-- Navigation bar -->
+
 
−
          <div id="menucontainer" >
+
<!--[if IE]>
 +
<p id="IE" style="font-sixe:25px;">Seems like you are using Internet Explorer; that is fine but to see everything we intended you to, our team recommends to use for example Firefox or Google Chrome.</p>
 +
<![endif]-->
 +
 
 +
 
 +
<p id="iewarning"  class="validwhenie" style="display:none;font-sixe:25px;">Seems like you are using Internet Explorer; that is fine but to see everything we intended you to, our team recommends to use for example Firefox or Google Chrome.</p>
 +
 
 +
 
 +
<script src="https://2015.igem.org/Team:Aalto-Helsinki/jquery?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
 
 +
if ($.browser.msie) {
 +
$("#iewarning").addClass("showthisonie");
 +
}
 +
 
 +
</script>
 +
 
 +
<script src="https://2015.igem.org/Team:Aalto-Helsinki/jquery?action=raw&ctype=text/javascript"></script>
 +
 
 +
 
 +
<!-- Project name + proodle for ordinary displays-->
 +
<div class="row" id="proodleheader" style="margin-bottom:3%;margin-top:1%;margin-right:0%;margin-left:0%;">
 +
  <div class="col-md-3"></div>
 +
  <div class="col-md-6">
 +
    <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/7/74/Aalto-Helsinki_black_logo_text.png" />
 +
    <h1 style="text-align:center;font-size:80px;padding-top:0;margin-top:0;padding-bottom:0;margin-bottom:0;">Fuel for the Future </br/><span style="font-size:30px;">E. coli producing renewable propane from cellulose</span></h1>
 +
  </div>
 +
  <!--<div class="col-md-3" >
 +
    <div style="max-width:100%;"><img class="img-responsive" style="opacity:0.4;" src="https://static.igem.org/mediawiki/2015/8/87/Aalto-Helsinki_propane_proodle.png" /></div>
 +
  </div>-->
 +
</div>
 +
<!-- Project name + proodle above -->
 +
 
 +
 
 +
<!-- navigation only for mobile devices -->
 +
<nav class="navbar navbar-default visible-xs visible-sm" role="navigation">
 +
  <div class="container-fluid">
 +
<!-- Brand and toggle get grouped for better mobile display -->
 +
    <div class="navbar-header">
 +
      <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
 +
        <span class="sr-only">Toggle navigation</span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
      </button>
 +
      <a class="navbar-brand" href="https://2015.igem.org/Team:Aalto-Helsinki"><img src="https://static.igem.org/mediawiki/2015/6/6d/Aalto-Helsinki_logo_black_and_white.png" /></a>
 +
    </div>
 +
 
 +
    <!-- Collect the nav links, forms, and other content for toggling -->
 +
    <div class="collapse navbar-collapse" role="navigation">
 +
      <ul class="nav navbar-nav">
 +
        <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Project">Project</a></li>
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Modeling <span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling">Modeling</a></li>
 +
            <li role="separator" class="divider"></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling_propane">Propane pathway</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Kinetics">Kinetics of propane pathway</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Car-activation">CAR-Activation</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling_synergy">Synergy model</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling_micelle">Modeling micelle</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling_cellulose">Cellulose pathway</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Laboratory <span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Lab">Laboratory</a></li>
 +
            <li role="separator" class="divider"></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/LabBook">Lab Book</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Experiments">Protocols</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Safety">Safety</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Practice_project">Practice Project</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Results <span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Results">Results</a></li>
 +
            <li role="separator" class="divider"></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/LabResults">Laboratory results</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Design">Continuous production</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Parts">Submitted parts</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Medals">Achievements</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Future">Future</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Practices<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Practices">Practices</a></li>
 +
            <li role="separator" class="divider"></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Questionnaire">Combining modelling and experimentation in iGEM</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Outreach">Outreach</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Community <span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Community">Community</a></li>
 +
            <li role="separator" class="divider"></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Collaborations">Collaboration</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/humhub">Collaboration Platform</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Software">Collab Seeker</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/InterLab">InterLab Study</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/InterLabBook">InterLab Book</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">People <span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Team">Team</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Attributions">Attributions</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Journal">Journal</a></li>
 +
      </ul>
 +
 
 +
    </div><!-- /.navbar-collapse -->
 +
  </div><!-- /.container-fluid -->
 +
</nav>
 +
 
 +
 
 +
 
 +
<!-- these here! after the navigation for mobiles -->
 +
<script src="https://2015.igem.org/Team:Aalto-Helsinki/jquery?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2015.igem.org/Team:Aalto-Helsinki/bootstrapmin?action=raw&ctype=text/javascript"></script>
 +
 
 +
 
 +
<!-- Navigation bar -->
 +
<div id="menucontainer" class="hidden-sm hidden-xs">
 
<nav id="primary_nav_wrap">
 
<nav id="primary_nav_wrap">
 
<ul>
 
<ul>
Line 75: Line 258:
 
         <ul>
 
         <ul>
 
           <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Kinetics">Kinetics of propane pathway</a></li>
 
           <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Kinetics">Kinetics of propane pathway</a></li>
−
           <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Car-activation">Model of Car activation</a></li>
+
           <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Car-activation">Model of CAR activation</a></li>
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
Line 83: Line 266:
 
     </ul>
 
     </ul>
 
   </li>
 
   </li>
−
   <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Lab" >Lab</a>
+
   <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Lab" >Laboratory</a>
 
     <ul>
 
     <ul>
 
       <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/LabBook">Lab Book</a></li>
 
       <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/LabBook">Lab Book</a></li>
Line 93: Line 276:
 
   <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Results" >Results</a>
 
   <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Results" >Results</a>
 
     <ul>
 
     <ul>
 +
      <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/LabResults">Laboratory results</a></li>
 +
      <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Design">Continuous production</a></li>
 
       <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Parts">Submitted parts</a></li>
 
       <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Parts">Submitted parts</a></li>
 +
      <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Medals">Achievements</a></li>
 +
      <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Future">Future</a></li>
 
     </ul>
 
     </ul>
 
   </li>
 
   </li>
 
   <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Practices">Practices</a>
 
   <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Practices">Practices</a>
 
     <ul>
 
     <ul>
 +
      <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Questionnaire">Combining modelling and experimentation in iGEM</a></li>
 
       <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Outreach">Outreach</a></li>
 
       <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Outreach">Outreach</a></li>
−
      <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Questionnaire">Modeling & lab questionnaire</a></li>
 
 
     </ul>
 
     </ul>
 
   </li>
 
   </li>
Line 105: Line 292:
 
     <ul>
 
     <ul>
 
       <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Collaborations">Collaboration</a></li>
 
       <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Collaborations">Collaboration</a></li>
 +
      <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/humhub">Collaboration Platform</a></li>
 +
      <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Software">Collab seeker</a></li>
 
       <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/InterLab">Interlab study</a>
 
       <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/InterLab">Interlab study</a>
 
         <ul>
 
         <ul>
Line 110: Line 299:
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
−
      <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Software">Collab seeker</a></li>
 
 
     </ul>
 
     </ul>
 
   </li>
 
   </li>
Line 121: Line 309:
 
   <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Journal">Journal</a>
 
   <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Journal">Journal</a>
 
   </li>
 
   </li>
−
   <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Future">Future</a>
+
   <li><a href="http://www.facebook.com/AaltoHelsinki" style="border-style:none;"><img src="https://static.igem.org/mediawiki/2015/e/e9/Aalto-Helsinki_facebook.jpeg"  style="max-height:21px;"/></a>
 +
  </li>
 +
  <li><a href="http://twitter.com/AaltoHelsinki" style="border-style:none;padding-left:0;margin.left:0;"><img src="https://static.igem.org/mediawiki/2015/6/60/Aalto-Helsinki_twitter.png" style="max-height:21px;" /></a>
 
   </li>
 
   </li>
 
</ul>
 
</ul>
 
</nav>
 
</nav>
 
           </div>
 
           </div>
 +
 +
 +
<!-- Navigation ends here, below is the content of the page! -->
 +
  
 
<div class="inner-container" style="width:80%;margin-left:auto;margin-right:auto;">
 
<div class="inner-container" style="width:80%;margin-left:auto;margin-right:auto;">
  
  
−
<div class="row">
+
<!-- Project name + proodle for mobiles and tablets!-->
−
   <div class="col-xs-12 col-md-7">
+
<div class="row" id="tabletproodleheader" style="margin-bottom:4%;">
 +
  <div class="col-sm-2"></div>
 +
   <div class="col-xs-12 col-sm-8">
 
     <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/7/74/Aalto-Helsinki_black_logo_text.png" />
 
     <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/7/74/Aalto-Helsinki_black_logo_text.png" />
 
     <h1 style="text-align:center;font-size:80px;padding-top:0;margin-top:0;padding-bottom:0;margin-bottom:0;">Fuel for the Future </br/><span style="font-size:30px;">E. coli producing renewable propane from cellulose</span></h1>
 
     <h1 style="text-align:center;font-size:80px;padding-top:0;margin-top:0;padding-bottom:0;margin-bottom:0;">Fuel for the Future </br/><span style="font-size:30px;">E. coli producing renewable propane from cellulose</span></h1>
 
   </div>
 
   </div>
−
   <div class="col-xs-12 col-md-5" >
+
   <div class="col-xs-12 col-sm-2" >
−
     <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/8/87/Aalto-Helsinki_propane_proodle.png" style="max-width:300px;" /></div>
+
     <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/8/87/Aalto-Helsinki_propane_proodle.png" /></div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
<!-- Project name + proodle above (for mobiles and tablets!)-->
  
−
<div class="row" style="margin-top:2%;">
+
 
−
   <div class="col-xs-12 col-md-4">
+
 
−
     <div onclick="location.href='https://2015.igem.org/Team:Aalto-Helsinki/Lab';" style="cursor: pointer;" id="hoverlab"></div>
+
<!-- Tree + other things we can hover on for ordinary displays! -->
 +
<div class="row" style="heigth:1px;margin:0;padding:0;"></div>
 +
<div class="row" id="projectrownormal" style="margin-top:3%;">
 +
 
 +
  <!-- Tree pic -->
 +
   <div class=" col-md-2 hoverable" id="tree">
 +
     <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/8/8d/Aalto-Helsinki_tree_new.png" /></div>
 
   </div>
 
   </div>
−
   <div class="col-xs-12 col-md-4">
+
 
−
     <div onclick="location.href='https://2015.igem.org/Team:Aalto-Helsinki/Modeling';" style="cursor: pointer;" id="hovermodel"></div>
+
 
 +
  <!-- Restriction pic for ordinary displays (+added height) -->
 +
   <div class="col-md-2 hoverable" id="restriction">
 +
     <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/4/45/Aalto-Helsinki_Restriction_flipped.png" style="padding-top:60%;" /></div>
 
   </div>
 
   </div>
−
   <div class="col-xs-12 col-md-4">
+
 
−
     <div onclick="location.href='https://2015.igem.org/Team:Aalto-Helsinki/Practices';" style="cursor: pointer;" id="hoverpractice"></div>
+
 
 +
  <!-- Production pic -->
 +
   <div class="col-md-2 hoverable" id="production">
 +
     <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/f/f7/Aalto-Helsinki_propane_production_new.png" /></div>
 +
  </div>
 +
 +
 
 +
  <!-- Texts (not mobiles) that appear when hovering over the previous images -->
 +
  <div class="col-xs-0 col-sm-0 col-md-6" id="changingtext" >
 +
    <div style="max-width:100%;">
 +
 
 +
      <span id="nohovertext"><b><p>Imagine your car being fueled by waste cellulose and the carbon footprint of transported goods diminishing. What if we lived in a world without geopolitical pressure caused by the unbalanced localization of usable fuels?</p><p>Hover over the images over the left to learn more!</p></b></span>
 +
 
 +
      <span id="treetext"><p>Climate change is argued to be one of the greatest challenges faced by mankind. The current climate change is mainly caused by us humans as we have been using the Earth’s precious fossil fuel stocks causing an abrupt increase in atmospheric CO\(_2\) levels. According to the IPCC, even if we could stop all the emissions right now, the Earth’s average temperature would rise 0.6\(^{\circ}\)C. This means we must act now. To fight climate change we have taken advantage of an abundant and renewable Finnish resource: the trees. With the help of our forest industry, we will tackle the emissions made by the road transportation. These emissions make up a considerable 11% of the world’s greenhouse gas emissions.</p></span>
 +
 
 +
      <span id="cellulosetext"><p>Cellulose is the main raw material collected from Finland’s forests. Additionally about 200 million tonnes of cellulose is wasted every year in the European Union alone.This cellulose could be collected and sustainably refined into biofuel without interfering with food production or increasing agricultural land use.</p><p>We will integrate three cellulose hydrolysing enzymes into the genome of <i>Escherichia coli</i>. A secretion tag is attached to these enzymes, and they will travel out to the bacterium’s extracellular space. In this space, the enzymes will hydrolyse cellulose into glucose, which is taken up by the cell. The glucose will function as the cell’s carbon and energy source.</p></span>
 +
 
 +
      <span id="propanetext" style="display:none;"><p>Our <i>E. coli</i> takes up glucose from the growth media and uses it to produce propane. The propane will be produced as a gas, and diffuses out of the growth media. This is a significant benefit in terms of production: the propane will not affect the growth conditions and less downstream processing is needed. Propane is already widely used as a fuel, and is suitable for heavy transportation needs as well as passenger cars and scooters. Propane is currently produced as a side product of the petrochemical industry, but would rise to be a 2nd generation biofuel with our method. Propane emits less CO\(_2\) than ethanol or gasoline and has a higher energy density than ethanol.</p><p>Our solution is simple: the carbon dioxide released from the combustion of our biofuel would be returned to the natural carbon cycle through photosynthesis. Cellulose produced through the photosynthesis could again be turned into biopropane, the Fuel for the Future.</p></span>
 +
 
 +
    </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
  
−
<div class="row" style="margin-top:6%;">
+
 
−
  <div class="col-xs-12 col-md-4">
+
 
−
    <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/e/ed/Aalto-Helsinki_tree.png" /></div>
+
<!-- Tree + other things for small devices! -->
 +
<div class="row" style="heigth:1px;margin:0;padding:0;"></div>
 +
<div class="row" id="projectrowmobile" style="margin-top:3%;">
 +
 
 +
  <!-- Tree pic -->
 +
 
 +
  <div class="row">
 +
  <div class="col-xs-12 " ><p>Imagine your car being fueled by waste cellulose and the carbon footprint of transported goods diminishing. What if we lived in a world without geopolitical pressure caused by the unbalanced localization of usable fuels?</p></div>
 
   </div>
 
   </div>
−
   <div class="col-xs-12 col-md-4">
+
 
−
     <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/e/eb/Aalto-Helsinki_Restriction.png" /></div>
+
  <div class="row">
 +
   <div class="col-xs-12 col-sm-4 " >
 +
     <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/8/8d/Aalto-Helsinki_tree_new.png" /></div>
 
   </div>
 
   </div>
−
   <div class="col-xs-12 col-md-4">
+
 
−
    <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/8/81/Aalto-Helsinki_arrow_production.png" /></div>
+
  <!-- Text for tree that appears only for mobiles -->
 +
   <div class="col-xs-12 col-sm-8" id="treetextmobile" ><p>Climate change is argued to be one of the greatest challenges faced by mankind. The current climate change is mainly caused by us humans as we have been using the Earth’s precious fossil fuel stocks causing an abrupt increase in atmospheric CO\(_2\) levels. According to IPCC, even if we could stop all the emissions right now, the Earth’s average temperature would rise 0.6\(^{\circ}\)C. This means we must act now. To fight climate change we have taken advantage of an abundant and renewable Finnish resource: the trees. With the help of our forest industry, we will tackle the emissions made by the road transportation. These emissions make up a considerable 11% of the world’s greenhouse gas emissions.</p><p>Imagine your car being fueled by waste cellulose and the carbon footprint of transported goods diminishing. What if we lived in a world without geopolitical pressure caused by the unbalanced localization of usable fuels?</p></div>
 
   </div>
 
   </div>
 +
 +
  <div class="row">
 +
  <!-- Restriction pic for mobiles and tablets, no added height = empty space -->
 +
  <div class="col-xs-12 col-sm-4 " id="restrictionmobile">
 +
    <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/4/45/Aalto-Helsinki_Restriction_flipped.png" /></div>
 +
  </div>
 +
 +
  <!-- Text for cellulose/restriction that appears only for mobiles -->
 +
  <div class="col-xs-12 col-sm-8" id="cellulosetextmobile"><p>Cellulose is the main raw material collected from Finland’s forests. Additionally about 200 million tonnes of cellulose is wasted every year in the European Union alone.This cellulose could be collected and sustainably refined into a biofuel without interfering with food production or increasing agricultural land use.</p><p>We will integrate three cellulose hydrolysing enzymes into the genome of <i>Escherichia coli</i>. A secretion tag is attached to these enzymes, and they will travel out to the bacterium’s extracellular space. In this space, the enzymes will hydrolyse cellulose into glucose, which is builds up in the growth media. The glucose will function as the cell’s carbon and energy source.</p></div>
 +
  </div>
 +
 +
  <div class="row">
 +
  <!-- Production pic -->
 +
  <div class="col-xs-12 col-sm-4" id="production">
 +
    <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/f/f7/Aalto-Helsinki_propane_production_new.png" /></div>
 +
  </div>
 +
 +
  <!-- Text for propane production that appears only for mobiles -->
 +
  <div class="col-xs-12 col-sm-8" id="propanetextmobile"><p>Our <i>E. coli</i> takes up glucose from the growth media and uses it to produce propane. The propane will be produced as a gas, and diffuses out of the growth media. This is a significant plus in terms of production: the propane will not affect the growth conditions and less downstream processing is needed. Propane is already widely used as a fuel, and is suitable for heavy transportation needs as well as passenger cars and scooters. Propane is currently produced as a side product of the petrochemical industry, but would rise to be a 2nd generation biofuel with our method. Propane emits less CO\(_2\) than ethanol or gasoline and has a higher energy density than ethanol.</p><p>Our solution is simple: the carbon dioxide released from the combustion of our biofuel would be returned to the natural carbon cycle through photosynthesis. Cellulose produced through the photosynthesis could again be turned into biopropane, the Fuel for the Future.</p></div>
 +
  </div>
 +
 
</div>
 
</div>
 +
<!-- mobile tree + others end -->
  
−
<h2> Fuel for the Future </h2>
 
−
<p>Climate change is argued to be one of the greatest challenges faced by mankind. The current climate change is mainly caused by us humans as we have been using the Earth’s precious fossil fuel stocks without returning the emitted gases into the natural carbon cycle. According to <a href="http://www.ipcc.ch/publications_and_data/ar4/wg1/en/ch10s10-7.html#10-7-1">IPCC</a>, even if we could stop all the emissions right now, the Earth’s average temperature would rise 0.6C. This means we must act now. To fight climate change we have come up with a solution which would tackle the emissions made by the road transportation. These emissions make up <a href="http://www.oecd.org/env/39762914.pdf">a considerable 11%</a> of the world’s greenhouse gas emissions.<br /><br />
 
  
−
Imagine if you could drive your car knowing you won’t be contributing to the climate change. The carbon footprint of transported goods would diminish. What if we lived in a world without geo-political pressure caused by the unbalanced localization of usable fuels?<br /><br />
+
<div class="row" style="margin-top:2%;margin-bottom:2%;">
 +
  <div class="col-xs-4 col-sm-2 col-sm-offset-3 col-md-2 col-md-offset-3">
 +
    <div onclick="location.href='https://2015.igem.org/Team:Aalto-Helsinki/Lab';" style="cursor: pointer;" id="hoverlab"></div>
 +
  </div>
 +
  <div class="col-xs-4 col-sm-2 col-md-2">
 +
    <div onclick="location.href='https://2015.igem.org/Team:Aalto-Helsinki/Modeling';" style="cursor: pointer;" id="hovermodel"></div>
 +
  </div>
 +
  <div class="col-xs-4 col-sm-2 col-md-2">
 +
    <div onclick="location.href='https://2015.igem.org/Team:Aalto-Helsinki/Practices';" style="cursor: pointer;" id="hoverpractice"></div>
 +
  </div>
 +
</div>
  
−
Here’s our solution: we will produce sustainable propane in E. coli using cellulose as a carbon source. Propane is already common in car engines, and gasoline engines can be converted into propane engines quite simply and inexpensively. As propane is already widely used, the infrastructure to distribute propane is largely in place. But, the problem is that propane is currently produced as a side product of the petrochemical industry, hence it’s a fossil fuel. To solve this, we will transfer a propane producing pathway into E. coli. <a href="http://www.nature.com/ncomms/2014/140902/ncomms5731/full/ncomms5731.html">The pathway</a> is a patchwork of different enzymes from different organisms, but has been shown to work in E. coli alone. To elevate our propane producing E. coli from a glucose-consuming first generation biofuel to the second generation, we are integrating a secretion system for cellulose hydrolysing enzymes. This way our bacteria could survive on agricultural and food waste, closing the carbon cycle without disturbing the current food production. </p>
+
 
 +
<div class="row"><h1 style="text-align:center;margin-top:5%;font-size:45px;">Making this project possible</h1></div>
  
 
</html>
 
</html>
 
{{Aalto-Helsinki/Sponsors}}
 
{{Aalto-Helsinki/Sponsors}}
 
<html>
 
<html>
−
 
+
<div class="row" style="margin:5% 0 0 0;"></div>
 +
</div>
 +
</div><!-- last row of the page; long text + sponsors -->
  
 
</div>
 
</div>
  
 
</div></div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 
</div></div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 +
 +
 +
 +
 +
<script>
 +
 +
 +
$(function() {
 +
  $('#tree').hover(function() {
 +
    $('#treetext').css('display', 'inline');
 +
    $('#nohovertext').css('display', 'none');
 +
  }, function() {
 +
    // on mouseout, reset the background colour
 +
    $('#treetext').css('display', 'none');
 +
    $('#nohovertext').css('display', 'inline');
 +
  });
 +
});
 +
 +
 +
$(function() {
 +
  $('#restriction').hover(function() {
 +
    $('#cellulosetext').css('display', 'inline');
 +
    $('#nohovertext').css('display', 'none');
 +
  }, function() {
 +
    // on mouseout, reset the background colour
 +
    $('#cellulosetext').css('display', 'none');
 +
    $('#nohovertext').css('display', 'inline');
 +
  });
 +
});
 +
 +
 +
$(function() {
 +
  $('#production').hover(function() {
 +
    $('#propanetext').css('display', 'inline');
 +
    $('#nohovertext').css('display', 'none');
 +
  }, function() {
 +
    // on mouseout, reset the background colour
 +
    $('#propanetext').css('display', 'none');
 +
    $('#nohovertext').css('display', 'inline');
 +
  });
 +
});
 +
 +
</script>
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 10:44, 17 September 2015

Fuel for the Future
E. coli producing renewable propane from cellulose

Fuel for the Future
E. coli producing renewable propane from cellulose

Imagine your car being fueled by waste cellulose and the carbon footprint of transported goods diminishing. What if we lived in a world without geopolitical pressure caused by the unbalanced localization of usable fuels?

Hover over the images over the left to learn more!

Climate change is argued to be one of the greatest challenges faced by mankind. The current climate change is mainly caused by us humans as we have been using the Earth’s precious fossil fuel stocks causing an abrupt increase in atmospheric CO\(_2\) levels. According to the IPCC, even if we could stop all the emissions right now, the Earth’s average temperature would rise 0.6\(^{\circ}\)C. This means we must act now. To fight climate change we have taken advantage of an abundant and renewable Finnish resource: the trees. With the help of our forest industry, we will tackle the emissions made by the road transportation. These emissions make up a considerable 11% of the world’s greenhouse gas emissions.

Cellulose is the main raw material collected from Finland’s forests. Additionally about 200 million tonnes of cellulose is wasted every year in the European Union alone.This cellulose could be collected and sustainably refined into biofuel without interfering with food production or increasing agricultural land use.

We will integrate three cellulose hydrolysing enzymes into the genome of Escherichia coli. A secretion tag is attached to these enzymes, and they will travel out to the bacterium’s extracellular space. In this space, the enzymes will hydrolyse cellulose into glucose, which is taken up by the cell. The glucose will function as the cell’s carbon and energy source.

Imagine your car being fueled by waste cellulose and the carbon footprint of transported goods diminishing. What if we lived in a world without geopolitical pressure caused by the unbalanced localization of usable fuels?

Climate change is argued to be one of the greatest challenges faced by mankind. The current climate change is mainly caused by us humans as we have been using the Earth’s precious fossil fuel stocks causing an abrupt increase in atmospheric CO\(_2\) levels. According to IPCC, even if we could stop all the emissions right now, the Earth’s average temperature would rise 0.6\(^{\circ}\)C. This means we must act now. To fight climate change we have taken advantage of an abundant and renewable Finnish resource: the trees. With the help of our forest industry, we will tackle the emissions made by the road transportation. These emissions make up a considerable 11% of the world’s greenhouse gas emissions.

Imagine your car being fueled by waste cellulose and the carbon footprint of transported goods diminishing. What if we lived in a world without geopolitical pressure caused by the unbalanced localization of usable fuels?

Cellulose is the main raw material collected from Finland’s forests. Additionally about 200 million tonnes of cellulose is wasted every year in the European Union alone.This cellulose could be collected and sustainably refined into a biofuel without interfering with food production or increasing agricultural land use.

We will integrate three cellulose hydrolysing enzymes into the genome of Escherichia coli. A secretion tag is attached to these enzymes, and they will travel out to the bacterium’s extracellular space. In this space, the enzymes will hydrolyse cellulose into glucose, which is builds up in the growth media. The glucose will function as the cell’s carbon and energy source.

Our E. coli takes up glucose from the growth media and uses it to produce propane. The propane will be produced as a gas, and diffuses out of the growth media. This is a significant plus in terms of production: the propane will not affect the growth conditions and less downstream processing is needed. Propane is already widely used as a fuel, and is suitable for heavy transportation needs as well as passenger cars and scooters. Propane is currently produced as a side product of the petrochemical industry, but would rise to be a 2nd generation biofuel with our method. Propane emits less CO\(_2\) than ethanol or gasoline and has a higher energy density than ethanol.

Our solution is simple: the carbon dioxide released from the combustion of our biofuel would be returned to the natural carbon cycle through photosynthesis. Cellulose produced through the photosynthesis could again be turned into biopropane, the Fuel for the Future.

Making this project possible