Difference between revisions of "Team:Aalto-Helsinki"
(trying to make the text changing when hovering over the images, doesn't work yet but I'm saving this so I can continue on this later) |
m |
||
(46 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 57: | Line 66: | ||
} | } | ||
− | . | + | .hoverable{ |
− | + | opacity: 0.8; | |
− | } | + | } |
− | . | + | .hoverable:hover { |
− | + | opacity: 1; | |
− | } | + | } |
− | + | #treetext { | |
display: none; | display: none; | ||
− | |||
− | |||
− | |||
} | } | ||
− | + | #cellulosetext { | |
display: none; | 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 82: | 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 108: | 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 129: | 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 137: | Line 189: | ||
<li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Practices">Practices</a></li> | <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Practices">Practices</a></li> | ||
<li role="separator" class="divider"></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> | <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Outreach">Outreach</a></li> | ||
− | |||
</ul> | </ul> | ||
</li> | </li> | ||
Line 147: | 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 168: | 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 183: | 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 191: | 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 199: | 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> | ||
<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> | ||
− | |||
</ul> | </ul> | ||
</li> | </li> | ||
Line 213: | 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/InterLab">Interlab study</a> | <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/InterLab">Interlab study</a> | ||
<ul> | <ul> | ||
Line 218: | Line 277: | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | |||
</ul> | </ul> | ||
</li> | </li> | ||
Line 229: | 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 244: | Line 302: | ||
− | <div class="row"> | + | <!-- Project name + proodle for mobiles and tablets!--> |
− | <div class="col-xs-12 col- | + | <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- | + | <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 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: | + | |
− | <div class=" | + | <!-- Tree + other things we can hover on for ordinary displays! --> |
− | <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/ | + | <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=" | + | |
− | <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/ | + | |
+ | <!-- 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=" | + | |
− | <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/ | + | |
+ | <!-- 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> | </div> | ||
− | <div class="col-xs- | + | |
− | <div style="max-width:100%;"><span id="nohovertext"> | + | |
− | <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 | + | <!-- Texts (not mobiles) that appear when hovering over the previous images --> |
− | <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 | + | <div class="col-xs-0 col-sm-0 col-md-6" id="changingtext" > |
− | <span id="propanetext"><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 | + | <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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | Imagine | + | <!-- 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="row" style="margin-top:2%;margin-bottom:2%;"> | ||
− | <div class="col-xs- | + | <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 onclick="location.href='https://2015.igem.org/Team:Aalto-Helsinki/Lab';" style="cursor: pointer;" id="hoverlab"></div> | ||
</div> | </div> | ||
− | <div class="col-xs- | + | <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 onclick="location.href='https://2015.igem.org/Team:Aalto-Helsinki/Modeling';" style="cursor: pointer;" id="hovermodel"></div> | ||
</div> | </div> | ||
− | <div class="col-xs- | + | <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 onclick="location.href='https://2015.igem.org/Team:Aalto-Helsinki/Practices';" style="cursor: pointer;" id="hoverpractice"></div> | ||
</div> | </div> | ||
Line 298: | 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 --> | ||
Line 308: | Line 425: | ||
</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 09:05, 2 October 2015