Difference between revisions of "Team:Aalto-Helsinki"
(opacity to tree, restriction and production images when not hovered over them) |
m |
||
(34 intermediate revisions by 4 users not shown) | |||
Line 18: | Line 18: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right:auto; | margin-right:auto; | ||
− | width: | + | 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:150px; | height:150px; | ||
Line 77: | Line 86: | ||
/* Let's hide the texts that appear when hovering when the device is small! */ | /* Let's hide the texts that appear when hovering when the device is small! */ | ||
− | @media screen and (max-width: | + | @media screen and (max-width: 991px) { |
#changingtext { display: none; } | #changingtext { display: none; } | ||
+ | #proodleheader { display: none; } | ||
+ | #projectrownormal { display: none; } | ||
} | } | ||
− | + | /* Mobile texts + others only for small devices of our project show in right places */ | |
− | /* Mobile texts of our project show in right places */ | + | |
@media screen and (min-width: 992px) { | @media screen and (min-width: 992px) { | ||
− | # | + | #projectrowmobile { display: none; } |
+ | #tabletproodleheader { display: none; } | ||
+ | #restrictionmobile { display: none; } | ||
} | } | ||
− | + | ||
− | + | .showthisonie{ | |
+ | display:inline; | ||
} | } | ||
− | @media | + | @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 99: | Line 114: | ||
<div class="site-wrapper-inner"> | <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> | ||
+ | <!-- Project name + proodle above --> | ||
+ | |||
<!-- navigation only for mobile devices --> | <!-- navigation only for mobile devices --> | ||
Line 125: | Line 156: | ||
<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/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/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_synergy">Synergy model</a></li> | ||
− | <li><a href="Modeling_micelle">Modeling micelle</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> | <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Modeling_cellulose">Cellulose pathway</a></li> | ||
</ul> | </ul> | ||
Line 146: | Line 178: | ||
<li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Results">Results</a></li> | <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Results">Results</a></li> | ||
<li role="separator" class="divider"></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/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> | ||
Line 164: | Line 199: | ||
<li role="separator" class="divider"></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/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/InterLab">InterLab Study</a></li> | ||
<li><a href="https://2015.igem.org/Team:Aalto-Helsinki/InterLabBook">InterLab Book</a></li> | <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/InterLabBook">InterLab Book</a></li> | ||
Line 185: | Line 222: | ||
<!-- these here! after the navigation for mobiles --> | <!-- these here! after the navigation for mobiles --> | ||
− | <script src="https:// | + | <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/ | + | <script src="https://2015.igem.org/Team:Aalto-Helsinki/bootstrapmin?action=raw&ctype=text/javascript"></script> |
Line 200: | Line 237: | ||
<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 | + | <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Car-activation">Model of CAR activation</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 208: | Line 245: | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Lab" >Laboratory</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 216: | Line 253: | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <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/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> | ||
Line 230: | Line 270: | ||
<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/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> | ||
Line 246: | Line 287: | ||
<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=" | + | <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> | ||
− | <li><a href=" | + | <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> | </li> | ||
</ul> | </ul> | ||
Line 261: | Line 302: | ||
− | <!-- Project name + proodle --> | + | <!-- Project name + proodle for mobiles and tablets!--> |
− | <div class="row"> | + | <div class="row" id="tabletproodleheader" style="margin-bottom:4%;"> |
− | <div class="col-xs-12 col- | + | <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- | + | <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 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 --> | + | <!-- Project name + proodle above (for mobiles and tablets!)--> |
+ | |||
− | <!-- Tree + other things we can hover on --> | + | <!-- Tree + other things we can hover on for ordinary displays! --> |
− | <div class="row" style="margin-top: | + | <div class="row" style="heigth:1px;margin:0;padding:0;"></div> |
+ | <div class="row" id="projectrownormal" style="margin-top:3%;"> | ||
<!-- Tree pic --> | <!-- Tree pic --> | ||
− | <div class=" | + | <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 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> | ||
− | |||
− | |||
− | <!-- Restriction pic --> | + | <!-- Restriction pic for ordinary displays (+added height) --> |
− | <div class=" | + | <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 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> | ||
− | |||
− | |||
<!-- Production pic --> | <!-- Production pic --> | ||
− | <div class=" | + | <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 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> | </div> | ||
− | |||
− | |||
− | |||
<!-- Texts (not mobiles) that appear when hovering over the previous images --> | <!-- 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 class="col-xs-0 col-sm-0 col-md-6" id="changingtext" > |
<div style="max-width:100%;"> | <div style="max-width:100%;"> | ||
− | <span id="nohovertext"><p> | + | <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 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. | + | <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 | + | <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 | + | <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> | ||
Line 318: | Line 355: | ||
</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 --> | ||
Line 333: | Line 413: | ||
+ | <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> | ||
</div><!-- last row of the page; long text + sponsors --> | </div><!-- last row of the page; long text + sponsors --> |
Latest revision as of 09:05, 2 October 2015