Difference between revisions of "Team:Aalto-Helsinki"
(proodle and fuel for the future mobile optim. (not sure if this looks good, though?)) |
(mobile optimization) |
||
Line 77: | Line 77: | ||
/* 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; } | #proodleheader { display: none; } | ||
+ | #projectrownormal { display: none; } | ||
} | } | ||
− | /* Mobile texts of our project show in right places */ | + | /* Mobile texts + others only for small devices 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; } | #tabletproodleheader { display: none; } | ||
+ | #restrictionmobile { display: none; } | ||
} | } | ||
Line 288: | Line 286: | ||
− | <!-- Tree + other things we can hover on --> | + | <!-- Tree + other things we can hover on for ordinary displays! --> |
− | <div class="row" style="heigth: | + | <div class="row" style="heigth:1px;margin:0;padding:0;"></div> |
− | <div class="row" style="margin-top: | + | <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" style="min-height: | + | <div class="col-xs-0 col-sm-0 col-md-6" id="changingtext" style="min-height:310px;"> |
<div style="max-width:100%;"> | <div style="max-width:100%;"> | ||
Line 333: | Line 324: | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | <!-- Tree + other things we can hover on 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 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 --> | ||
Revision as of 16:10, 7 September 2015