Team:GeorgiaTech
From 2014.igem.org
(Difference between revisions)
(106 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{Template:GeorgiaTech/css/experiment.css}} | {{Template:GeorgiaTech/css/experiment.css}} | ||
- | + | {{Template:GeorgiaTech/css/fancyboxes.css}} | |
+ | {{:Team:GeorgiaTech/core/header|}} | ||
<html> | <html> | ||
- | |||
- | + | <script type="text/javascript"> | |
- | + | $(document).ready(function() { | |
- | + | $('#box1').hover(function(){ | |
- | + | var smallTop = $('#box1').height() - $(".cover", this).height() -10 +"px"; | |
- | + | $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160}); | |
- | + | }, function() { | |
- | } | + | $(".cover", this).stop().animate({top:'405px'},{queue:false,duration:160}); |
+ | }); | ||
+ | $('#box2').hover(function(){ | ||
+ | var smallTop = $('#box2').height() - $(".cover", this).height() -10 +"px"; | ||
+ | $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160}); | ||
+ | }, function() { | ||
+ | $(".cover", this).stop().animate({top:'405px'},{queue:false,duration:160}); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
- | + | <style type="text/css"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | .homecontent { |
- | + | font-family: Tahoma; | |
+ | font-size: 14px; | ||
+ | color: #3D3D3D; | ||
+ | margin-bottom:60px; | ||
+ | background-color:white; | ||
+ | padding: 15px 60px; | ||
+ | height:550px; | ||
+ | border: 1px solid #cccccc; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
} | } | ||
Line 26: | Line 43: | ||
<body> | <body> | ||
<!--main content --> | <!--main content --> | ||
- | |||
- | < | + | <!--Begin Fancy Boxes --> |
- | + | <div class="MainLayout"> | |
- | < | + | <div class="ContentHeader"></div> |
- | + | <div class="homecontent"> | |
- | + | <div class="expandedContent"> | |
- | + | <div class="boxgrid contentBorder boxgridBig" id="box1"> | |
- | + | <img src="https://static.igem.org/mediawiki/2014/1/1f/CleanWaterStream.jpg"> | |
- | + | <div class="cover boxcaption" style="top: 405px"> | |
- | + | <h2 class="onBlack">How does dissolved methane from fracking endanger our water?</h2> | |
- | + | <p class="onBlackIntro"> | |
- | + | Look at this running stream and imagine how it would appear when contaminated with methane gas. If you pictured it as a flowing stream of seltzer water, then you're not far off. | |
- | + | </p> | |
- | + | <p class="onBlack"> | |
- | + | The demand for natural gas to fuel growing industries has led to the development and increased use of fracking techniques to extract methane and other natural gases from shale veins deep in the Earth's crust. In the extraction process, up to several million gallons of fracking fluid are pumped into the well, all of which must be later treated for methane and other hydrocarbon contaminants. | |
- | + | </p><p class="onBlack"> | |
- | + | Our project aims to enable E. coli to produce soluble methane monooxygenase (sMMO) a protein capable of converting methane into less volatile methanol, which can then be treated by further remediation pathways or extracted for commercial use. | |
- | + | </p> | |
- | + | </div> | |
- | </ | + | </div> |
- | </ | + | |
- | + | ||
- | < | + | <div class="boxgrid contentBorder boxgridMedium" id="box2" style="margin-left:8px"> |
- | + | <img src="https://static.igem.org/mediawiki/2014/c/cd/EcoliHomePage.png" style="top:-1px;left:-1px;"> | |
- | < | + | <a class="cover boxcaption" style="top: 405px" href="https://2014.igem.org/Team:GeorgiaTech/Project"> |
- | + | <h2 class="onBlack">How can synthetic biology eliminate the methane threat?</h2> | |
- | < | + | <p class="onBlackIntro"> |
- | <!--end | + | If you wish to see how, click here to start the interactive tour. |
- | + | </p> | |
+ | <p class="onBlack"> | ||
+ | Our lab is equipped with the tools to synthesize new genetic sequences and generate transgenic bacteria capable of taking methane out of the water, one bubble at a time. | ||
+ | </p> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--end fancy boxes --> | ||
+ | <DIV class="sponsors" align="center"> | ||
+ | <h1 text-align="center">Our Generous Sponsors</h1> | ||
+ | <UL> | ||
+ | <LI class="column" id="Geneious" style="left: 40px;"><p><a href="http://www.geneious.com/"><img src="https://static.igem.org/mediawiki/2014/d/d6/Genious_logo.png" width="233px" height="100px"></a></p></LI> | ||
+ | <LI class="column" id="GenScript" style="left: 40px;"><p><a href="http://www.genscript.com/"><img src="https://static.igem.org/mediawiki/2014/e/ea/Genscript_logo.jpg" width="234px" height="100px"></a></p></LI> | ||
+ | <LI class="column" id="Macrogen" style="left: 40px;"><p><a href="http://www.macrogenusa.com/"><img src="https://static.igem.org/mediawiki/2014/3/34/Macrogen.jpg" width="274px" height="100px"></a></p></LI> | ||
+ | <LI class="column" id="IDT" style="left: 40px;"><p><div><a href="http://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2014/2/22/IDT-Logo.jpg" width="241px" height="100px"></a></LI> | ||
+ | </UL> | ||
- | < | + | <h1 text-align="center">Our Creative Commons Image Suppliers</h1> |
- | + | <UL> | |
- | + | <LI class="column" id="PublicDomainPictures" style="height:100px; width:370px;"><p><a href="http://www.publicdomainpictures.net/view-image.php?image=17448&picture=fire-element"><img src="https://static.igem.org/mediawiki/2014/2/26/PDP_logo.png" alt="Fire Background" width="370px" height="50px"></a></p></LI></UL> | |
- | + | </DIV> | |
- | + | <div class="clear"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div class=" | + | |
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 18:40, 17 October 2014