|
|
(58 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> |
- | <style type="text/css">
| |
| | | |
- | body {
| + | <script type="text/javascript"> |
- | background-image: url("https://static.igem.org/mediawiki/2014/c/c2/Carbon_Capture_for_wiki_background.jpg");
| + | $(document).ready(function() { |
- | background-attachment: fixed;
| + | $('#box1').hover(function(){ |
- | background-position: top center;
| + | var smallTop = $('#box1').height() - $(".cover", this).height() -10 +"px"; |
- | background-repeat: no-repeat; | + | $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160}); |
- | background-size: 100%
| + | }, 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> |
| | | |
- | .sponsors {
| + | <style type="text/css"> |
- | width: 70%;
| + | |
- | margin-left:auto;
| + | |
- | margin-right:auto;
| + | |
- | background-color: white;
| + | |
- | height: auto;
| + | |
- | }
| + | |
- | .sponsors ul {
| + | |
- | position: relative;
| + | |
- | left: 0px;
| + | |
- | z-index:100;
| + | |
- | text-align: center;
| + | |
- | display: inline;
| + | |
- | list-style: none;
| + | |
- | padding: 0;
| + | |
- | margin: 0;
| + | |
- | }
| + | |
| | | |
- | .sponsors ul li { | + | .homecontent { |
- | z-index:100;
| + | font-family: Tahoma; |
- | font: bold 14px/20PX helvetica;
| + | font-size: 14px; |
- | display: inline-block;
| + | color: #3D3D3D; |
- | position: relative;
| + | margin-bottom:60px; |
- | width: 300px;
| + | background-color:white; |
- | height: 150px;
| + | padding: 15px 60px; |
- | padding-right: 5px;
| + | height:550px; |
- | margin: 0;
| + | border: 1px solid #cccccc; |
- | background-color: transparent;
| + | -webkit-border-radius: 10px; |
- | background-repeat:no-repeat;
| + | -moz-border-radius: 10px; |
- | text-align:center;
| + | 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); |
- | .sponsors ul li a:link{
| + | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); |
- | display: block;
| + | |
- | font-size:16px/20px;
| + | |
- | width: 110px;
| + | |
- | height: 14px;
| + | |
- | text-align:center;
| + | |
- | text-decoration:none;
| + | |
- | }
| + | |
- | | + | |
- | .sponsors ul li:hover ul {
| + | |
- | z-index:100;
| + | |
- | display: block;
| + | |
- | opacity: 0.95;
| + | |
- | visibility: visible;
| + | |
- | background-color: #BFAE30;
| + | |
- | }
| + | |
- | .sponsors ul li a:hover {
| + | |
- | text-decoration:none;
| + | |
- | background-color: transparent;
| + | |
- | }
| + | |
- | .sponsors ul li a:visited { | + | |
- | text-decoration:none;
| + | |
- | background-color: transparent;
| + | |
| } | | } |
| | | |
Line 73: |
Line 44: |
| <!--main content --> | | <!--main content --> |
| | | |
- | <DIV class="navigater" align="center">
| |
- | <UL>
| |
- | <LI class="column" id="HOME"><a href="https://2014.igem.org/Team:GeorgiaTech"style="color:#FFE740"> Home</a></LI>
| |
- | <LI class="column" id="PROJECT"><a href="https://2014.igem.org/Team:GeorgiaTech/Project"style="color:#FFE740"> Project</a>
| |
- | <UL>
| |
- | <LI><A href="https://2014.igem.org/Team:GeorgiaTech/Parts"style="color:#FFE740">Biobricks</A></LI>
| |
- | <LI><A href="https://2014.igem.org/Team:GeorgiaTech/Modeling"style="color:#FFE740">Modeling</A></LI></UL></LI></LI>
| |
- | <LI class="column" id="SAFETY"><a href="https://2014.igem.org/Team:GeorgiaTech/Safety"style="color:#FFE740"> Safety</a></LI>
| |
- | <LI class="column" id="NOTEBOOK" ><a href="https://2014.igem.org/Team:GeorgiaTech/Notebook"style="color:#FFE740"> Notebook</a>
| |
- | <UL>
| |
- | <LI><A href="https://2014.igem.org/Team:GeorgiaTech/Notebook/Protocols"style="color:#FFE740">Protocols</A></LI>
| |
- | <LI><A href="https://2014.igem.org/Team:GeorgiaTech/Notebook/LabNotes"style="color:#FFE740">Labnotes</A></LI></UL></LI>
| |
- | <LI class="column" id="TEAM"><a href="https://2014.igem.org/Team:GeorgiaTech/Team"style="color:#FFE740"> Team </a>
| |
- | <UL>
| |
- | <LI><A href="https://2014.igem.org/Team:GeorgiaTech/Team"style="color:#FFE740">Member</A></LI>
| |
- | <LI><A href="https://2014.igem.org/Team:GeorgiaTech/Attributions"style="color:#FFE740">Attributions</A></LI>
| |
- | <LI><A href="https://igem.org/Team.cgi?year=2014&team_name=GeorgiaTech"style="color:#FFE740">Official Team Profile</A></LI></UL></LI>
| |
- | <LI class="column" id="iGEM"><a href="https://2014.igem.org/Main_Page" style="color:#FFE740"> <img src="https://static.igem.org/mediawiki/2014/2/2a/Igemlogo_smallpx.png" height="32px" style="position:relative; top:-15px;"></a></LI>
| |
- | </UL>
| |
- | </DIV>
| |
| | | |
- | <table width="20%" align="center">
| + | <!--Begin Fancy Boxes --> |
- | <tr heigth="15px"></tr>
| + | <div class="MainLayout"> |
- | <tr heigth="75px">
| + | <div class="ContentHeader"></div> |
- | <td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
| + | <div class="homecontent"> |
- | </table>
| + | <div class="expandedContent"> |
- | | + | <div class="boxgrid contentBorder boxgridBig" id="box1"> |
- | <!--end navigation menu --> | + | <img src="https://static.igem.org/mediawiki/2014/1/1f/CleanWaterStream.jpg"> |
- | | + | <div class="cover boxcaption" style="top: 405px"> |
- | <div class="sponsors"> | + | <h2 class="onBlack">How does dissolved methane from fracking endanger our water?</h2> |
- | | + | <p class="onBlackIntro"> |
- | <!--requirements section --> | + | 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. |
- | <tr><td colspan="3"> <h3> Requirements </h3></td></tr>
| + | </p> |
- | <tr> | + | <p class="onBlack"> |
- | <td width="45%" valign="top">
| + | 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"> |
- | <p> Please be sure to keep these links, your audience will want to find your: </p> | + | 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> |
- | <!-- Links to other team pages -->
| + | </div> |
- | <ul>
| + | </div> |
- | <li><a href="https://2014.igem.org/Team:GeorgiaTech">Home</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:GeorgiaTech/Team">Team</a> </li> | + | |
- | <li><a href="https://igem.org/Team.cgi?year=2013&team_name=GeorgiaTech">Official Team Profile</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:GeorgiaTech/Project">Project</a> </li> | + | |
- | <li><a href="https://2014.igem.org/Team:GeorgiaTech/Parts">Parts</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:GeorgiaTech/Modeling">Modeling</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:GeorgiaTech/Notebook">Notebook</a> </li> | + | |
- | <li><a href="https://2014.igem.org/Team:GeorgiaTech/Safety">Safety</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:GeorgiaTech/Attributions">Attributions</a> </li> | + | |
- | | + | |
- | </ul> | + | |
- | | + | |
- | </td>
| + | |
- | | + | |
- | <td > </td>
| + | |
- | <td width="45%">
| + | |
- | | + | |
- | <p>There are a few wiki requirements teams must follow:</p>
| + | |
- | <ul>
| + | |
- | <li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
| + | |
- | <li>All pages must be created under the team’s name space.</li>
| + | |
- | <li>As part of your documentation, keep the links from the menu to the left. </li>
| + | |
- | <li>Do not use flash in wiki code. </li>
| + | |
- | <li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
| + | |
- | </ul>
| + | |
- | <p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
| + | |
- | | + | |
- | </td> | + | |
- | </tr>
| + | |
- | | + | |
- | | + | |
- | <tr> <td colspan="3" height="15px"> </td></tr>
| + | |
- | <tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
| + | |
- | | + | |
- | | + | |
- | <!--tips -->
| + | |
- | <tr><td colspan="3" > <h3> Tips </h3></td></tr>
| + | |
- | | + | |
- | <tr>
| + | |
- | <td width="45%" valign="top">
| + | |
- | <p>We are currently working on providing teams with some easy to use design templates.
| + | |
- | <br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p> | + | |
- | | + | |
- | <ul>
| + | |
- | <li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
| + | |
- | <li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
| + | |
- | <li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
| + | |
- | <li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
| + | |
- | <li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
| + | |
- | </ul>
| + | |
- | | + | |
- | <p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
| + | |
- | </td> | + | |
- | | + | |
- | <td> </td>
| + | |
- | <td width="45%">
| + | |
| | | |
- | <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> | + | <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"> |
| | | |
- | <ul>
| + | If you wish to see how, click here to start the interactive tour. |
- | <li>State your accomplishments! Tell people what you have achieved from the start. </li>
| + | </p> |
- | <li>Be clear about what you are doing and what you plan to do.</li>
| + | <p class="onBlack"> |
- | <li>You have a global audience! Consider the different backgrounds that your users come from.</li> | + | 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. |
- | <li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
| + | </p> |
- | <li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
| + | </a> |
- | <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="">iGEM 2013 calendar</a> </li>
| + | |
- | <li>Have lots of fun! </li>
| + | |
- | </ul> | + | |
- | </br>
| + | |
- | </td>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
| </div> | | </div> |
- | <div class="clear">
| |
| </div> | | </div> |
| + | </div> |
| + | <!--end fancy boxes --> |
| + | |
| <DIV class="sponsors" align="center"> | | <DIV class="sponsors" align="center"> |
| <h1 text-align="center">Our Generous Sponsors</h1> | | <h1 text-align="center">Our Generous Sponsors</h1> |
Line 195: |
Line 89: |
| <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="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> | | <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> |
- | <LI class="column" id="Promega" style="left: 40px;"><p><div><a href="http://worldwide.promega.com/country.aspx?returnUrl=/"><img src="https://static.igem.org/mediawiki/2014/c/c4/Promega.jpg" width="152px" height="100px"></a></LI>
| + | </UL> |
- | <LI class="column" id="Qiagen" style="left: 40px;"><p><div><a href="http://www.qiagen.com/"><img src="https://static.igem.org/mediawiki/2014/9/91/Qiagen_logo.JPG" width="129px" 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> |
| + | <div class="clear"> |
| + | </div> |
| </body> | | </body> |
| </html> | | </html> |