Difference between revisions of "Team:Aalto-Helsinki"

m
m
 
(86 intermediate revisions by 6 users not shown)
Line 1: Line 1:
−
{{Aalto-Helsinki}}
+
<html>
−
{{Team:Aalto-Helsinki/CSS}}
+
−
<html>
+
−
<h2> Welcome to iGEM 2015! </h2>
+
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
  
−
<h4>Before you start: </h4>
+
<!-- Linking bootstrap from last year, and our own CSS page -->
−
<p> Please read the following pages:</p>
+
</body>
−
<ul>
+
<head>
−
<li>  <a href="https://2015.igem.org/Requirements">Requirements page </a> </li>
+
<link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/bootstrap.min.css?action=raw&amp;ctype=text/css" type="text/css">
−
<li> <a href="https://2015.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
<link rel="stylesheet" href="https://2015.igem.org/Team:Aalto-Helsinki/CSS?action=raw&amp;ctype=text/css" type="text/css">
−
</ul>
+
</head>
 +
<body>
  
−
<div class="highlightBox">
+
<!-- Latex -->
−
<h4> Styling your wiki </h4>
+
<!-- This is for now linked from somewhere else than from our page -->
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
<!--<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>-->
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>  
+
<script type="text/javascript" src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
 
 +
<style type="text/css">
 +
#menucontainer {
 +
  margin-left: auto;
 +
  margin-right:auto;
 +
  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{
 +
  height:150px;
 +
  background-image: url('https://static.igem.org/mediawiki/2015/3/30/Aalto-Helsinki_IconLab_lighter.png');
 +
  background-size: contain;
 +
  background-repeat: no-repeat;
 +
}
 +
#hoverlab:hover{
 +
  height:150px;
 +
  background-image: url('https://static.igem.org/mediawiki/2015/7/7a/Aalto-Helsinki_IconLab_darker.png');
 +
  background-size: contain;
 +
  background-repeat: no-repeat;
 +
}
 +
#hovermodel{
 +
  height:150px;
 +
  background-image: url('https://static.igem.org/mediawiki/2015/f/fc/Aalto-Helsinki_IconModeling_lighter.png');
 +
  background-size: contain;
 +
  background-repeat: no-repeat;
 +
}
 +
#hovermodel:hover{
 +
  height:150px;
 +
  background-image: url('https://static.igem.org/mediawiki/2015/5/55/Aalto-Helsinki_IconModeling_darker.png');
 +
  background-size: contain;
 +
  background-repeat: no-repeat;
 +
}
 +
#hoverpractice{
 +
  height:150px;
 +
  background-image: url('https://static.igem.org/mediawiki/2015/0/0b/Aalto-Helsinki_IconHumanPractice_lighter.png');
 +
  background-size: contain;
 +
  background-repeat: no-repeat;
 +
}
 +
#hoverpractice:hover{
 +
  height:150px;
 +
  background-image: url('https://static.igem.org/mediawiki/2015/b/bb/Aalto-Helsinki_IconHumanPractice_darker.png');
 +
  background-size: contain;
 +
  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>
 +
 
 +
    <div class="site-wrapper" >
 +
 
 +
      <div class="site-wrapper-inner">
 +
 
 +
 
 +
 
 +
<!-- 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>
 
</div>
 +
<!-- Project name + proodle above -->
  
−
<h4> Editing your wiki </h4>
 
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
 
−
<p> <a href="https://2015.igem.org/wiki/index.php?title=Team:Aalto-Helsinki&action=edit"> Click here to edit this page! </a></p>
 
−
<p>See tips on how to edit your wiki on the <a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation</a> page.</p>
 
  
 +
<!-- 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>
  
−
<h4>Templates </h4>
+
    <!-- Collect the nav links, forms, and other content for toggling -->
−
<p> This year we have created templates for teams to use freely. More information on how to use and edit the templates can be found on the
+
    <div class="collapse navbar-collapse" role="navigation">
−
<a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation </a> page.</p>  
+
      <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/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>
  
−
<h4>Tips</h4>
 
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
 
−
<ul>
 
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
 
−
<li>Be clear about what you are doing and how you plan to do this.</li>
 
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
 
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
 
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
 
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2015.igem.org/Calendar_of_Events">iGEM 2015 calendar</a> </li>
 
−
<li>Have lots of fun! </li>
 
−
</ul>
 
  
  
−
<h4>Inspiration</h4>
+
<!-- these here! after the navigation for mobiles -->
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
<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">
 
<ul>
 
<ul>
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
  <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Project">Project</a>
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
  </li>
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
  <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling">Modeling</a>
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
    <ul>
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
      <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling_propane">Models of propane pathway</a>
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
        <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/Car-activation">Model of CAR activation</a></li>
 +
        </ul>
 +
      </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">Micelle model</a></li>
 +
      <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling_cellulose">About cellulose pathway</a></li>
 +
    </ul>
 +
  </li>
 +
  <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Lab">Laboratory</a>
 +
    <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/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><a href="https://2015.igem.org/Team:Aalto-Helsinki/Results">Results</a>
 +
    <ul>
 +
      <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><a href="https://2015.igem.org/Team:Aalto-Helsinki/Practices">Practices</a>
 +
    <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>
 +
    </ul>
 +
  </li>
 +
  <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Community">Community</a>
 +
    <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/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>
 +
        <ul>
 +
          <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/InterLabBook">InterLabBook</a></li>
 +
        </ul>
 +
      </li>
 +
    </ul>
 +
  </li>
 +
  <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Team">People</a>
 +
    <ul>
 +
      <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>
 +
  <li><a href="http://www.facebook.com/AaltoHelsinki" style="border-style:none;padding-bottom:5%;"><img src="https://static.igem.org/mediawiki/2015/e/e9/Aalto-Helsinki_facebook.jpeg"  style="max-height:22px;"/></a>
 +
  </li>
 +
  <li><a href="http://twitter.com/AaltoHelsinki" style="border-style:none;padding-bottom:5%;margin.left:0;"><img src="https://static.igem.org/mediawiki/2015/6/60/Aalto-Helsinki_twitter.png" style="max-height:22px;" /></a>
 +
  </li>
 
</ul>
 
</ul>
 +
</nav>
 +
          </div>
 +
 +
 +
<!-- Navigation ends here, below is the content of the page! -->
 +
 +
 +
<div class="inner-container" style="width:80%;margin-left:auto;margin-right:auto;">
 +
 +
 +
<!-- Project name + proodle for mobiles and tablets!-->
 +
<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" />
 +
    <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-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" /></div>
 +
  </div>
 +
</div>
 +
<!-- Project name + proodle above (for mobiles and tablets!)-->
 +
 +
 +
 +
<!-- 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>
 +
 
 +
 +
  <!-- 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>
 +
 +
 +
  <!-- 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>
 +
 +
 +
 +
<!-- 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 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>
 +
 
 +
  <!-- 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 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>
 +
<!-- mobile tree + others end -->
 +
 +
 +
<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>
 +
 +
 +
<div class="row"><h1 style="text-align:center;margin-top:5%;font-size:45px;">Making this project possible</h1></div>
 +
 +
</html>
 +
{{Aalto-Helsinki/Sponsors}}
 +
<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> <!--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');
 +
  });
 +
});
 +
  
−
<h4> Uploading pictures and files </h4>
+
$(function() {
−
<p> You can upload your pictures and files to the iGEM 2015 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
  $('#restriction').hover(function() {
−
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
    $('#cellulosetext').css('display', 'inline');
 +
    $('#nohovertext').css('display', 'none');
 +
  }, function() {
 +
    // on mouseout, reset the background colour
 +
    $('#cellulosetext').css('display', 'none');
 +
    $('#nohovertext').css('display', 'inline');
 +
  });
 +
});
  
−
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
 
  
 +
$(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>
  
−
</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.-->
 
  
 +
</body>
 
</html>
 
</html>

Latest revision as of 09:05, 2 October 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