|
|
| Line 136: |
Line 136: |
| | <br><center><img src="http://www.achickwithbaggage.com/storage/site_graphics/ad_placeholder_banner.jpg?__SQUARESPACE_CACHEVERSION=1297808765522"></center><br> | | <br><center><img src="http://www.achickwithbaggage.com/storage/site_graphics/ad_placeholder_banner.jpg?__SQUARESPACE_CACHEVERSION=1297808765522"></center><br> |
| | | | |
| - | <!--FOLDED CORNER EFFECT--> | + | <!--SUMMARY TILES--> |
| - | <section> | + | <div class="container"> |
| - | <a href="#anch1" style="clear: left; float: left; margin-right: 1em;"><img border="0" src="YOUR IMAGE URL" width="90"/></a>
| + | <div class="row"> |
| - | <b>Major Step 1</b><br/>
| + | <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div> |
| - | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div> |
| - | </section> | + | <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div> |
| | + | <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div> |
| | + | </div> |
| | + | </div> |
| | | | |
| - | <!--BLURB BOXES-->
| |
| - | <div class = "container">
| |
| - | <div class = "row">
| |
| - | <p><div style="background-color: #333333; height:90px; width:950px; padding-bottom: 0px; padding-left: 0px; padding-right: 5px; padding-top: 0px; overflow:auto;font-family: 'Open Sans Condensed', sans-serif; margin-left:auto; margin-right:auto;">
| |
| | | | |
| - | <a href="#anch1" style="clear: left; float: left; margin-right: 1em;"><img border="0" src="YOUR IMAGE URL" width="90"/></a>
| + | <script type="text/javascript"> |
| - | <font color=#ffffff>
| + | $(document).ready(function() { |
| - | <b>Major Step 1</b><br/>
| + | $('#box1').hover(function(){ |
| - | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | var smallTop = $('#box1').height() - $(".cover", this).height() -10 +"px"; |
| - | </font></div> | + | $(".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> |
| | + | |
| | + | <div class="expandedContent"> |
| | + | <div class="boxgrid contentBorder boxgridBig" id="box1"> |
| | + | <img src="https://static.igem.org/mediawiki/2013/4/47/SDU2013_SpotTrees.jpg"> |
| | + | <div class="cover boxcaption" style="top: 405px"> |
| | + | <h2 class="onBlack">Doesn't rubber come from trees?</h2> |
| | + | <p class="onBlackIntro"> |
| | + | Let your eyes (and mouse) wander to these trees to discover our ideas on how to help the environment and change the future of rubber production. Take a look at our short <strong>project description</strong> below. |
| | </p> | | </p> |
| - | <p ><div style=" background-color: #333333; height:90px; width:950px; padding-bottom: 0px; padding-left: 0px; padding-right: 5px; padding-top: 0px; overflow:auto;font-family: 'Open Sans Condensed', sans-serif; margin-left:auto; margin-right:auto;"> | + | |
| - | | + | The growing demand for natural rubber causes deforestation of the rainforest and occupation of arable lands, due to the establishment of new plantations. If producing rubber by bacteria succeeds, production of natural rubber will not be limited to the regions where the rubber tree can grow. Rather, rubber can be produced even in barren lands. |
| - | <a href="#anch2" style="clear: left; float: left; margin-right: 1em;"><img border="0" src="YOUR IMAGE URL" width="90"/></a>
| + | </p><p class="onBlack"> |
| - | <font color=#ffffff>
| + | Our project aims to enable a common bacteria to produce natural rubber while grown under controlled conditions. |
| - | <b>Major Step 2</b><br/>
| + | Natural rubber is composed of molecules consisting of the substance IPP linked together like a chain. The common bacteria that we use (E. coli) already possesses the ability to produce the IPP, but it lacks the enzyme to connect the IPP links together into a chain. |
| - | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | We introduced the enzyme that the rubber tree has for connecting the links into the bacteria. Furthermore, we introduced genes that allow the bacteria further production of the IPP links. |
| - | </font></div></p>
| + | </p> |
| - | <p ><div style=" background-color: #333333; height:90px; width:950px; padding-bottom: 0px; padding-left: 0px; padding-right: 5px; padding-top: 0px; overflow:auto;font-family: 'Open Sans Condensed', sans-serif; margin-left:auto; margin-right:auto;"> | + | |
| - | | + | |
| - | <a href="#anch3" style="clear: left; float: left; margin-right: 1em;"><img border="0" src="YOUR IMAGE URL" width="90"/></a>
| + | |
| - | <font color=#ffffff>
| + | |
| - | <b>Major Step 3</b><br/>
| + | |
| - | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | |
| - | </font></div></p>
| + | |
| - | </div>
| + | |
| | </div> | | </div> |
| | + | </div> |
| | | | |
| - | <!--CONTENT BOXES--> | + | <div class="boxgrid contentBorder boxgridMedium" id="box2" style="margin-left:8px"> |
| - | <div class = "container"> | + | <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg"> |
| - | <div class = "row">
| + | <a class="cover boxcaption" style="top: 405px" href="https://2013.igem.org/Team:SDU-Denmark/Tour10"> |
| - | <hr id="anch1"><br>
| + | <h2 class="onBlack">No, rubber is made in the lab.</h2> |
| - | <p ><div style=" background-color: #333333; height:350px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px; overflow:auto;font-family: 'Open Sans Condensed', sans-serif;"> | + | |
| | | | |
| - | <a href="YOUR IMAGE URL" style="clear: left; float: left; margin-bottom: 0.5em; margin-right: 1em;"><img border="0" src="YOUR IMAGE URL" width="90"/></a>
| + | If you wish to see how, click here to start the interactive tour. |
| - | <font color=#ffffff>
| + | </p> |
| - | <b>Major Step 1</b><br/>
| + | <p class="onBlack"> |
| - | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
| + | Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber. |
| - | </font></div>
| + | </p> |
| - | </p> | + | </a> |
| - | <hr id="anch2">
| + | </div> |
| - | <p><div style="background-color: #333333; height:350px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px; overflow:auto;font-family: 'Open Sans Condensed', sans-serif;"> | + | <div class="EndFloatBlock"></div> |
| - | | + | </div> |
| - | <a href="YOUR IMAGE URL" style="clear: left; float: left; margin-bottom: 0.5em; margin-right: 1em;"><img border="0" src="YOUR IMAGE URL" width="90"/></a>
| + | |
| - | <font color=#ffffff>
| + | |
| - | <b>Major Step 2</b><br/>
| + | |
| - | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
| + | |
| - | </font></div></p>
| + | |
| - | <hr id="anch3"> | + | |
| - | <p><div style="background-color: #333333; height:350px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px; overflow:auto;font-family: 'Open Sans Condensed', sans-serif;"> | + | |
| - | | + | |
| - | <a href="YOUR IMAGE URL" style="clear: left; float: left; margin-bottom: 0.5em; margin-right: 1em;"><img border="0" src="YOUR IMAGE URL" width="90"/></a> | + | |
| - | <font color=#ffffff>
| + | |
| - | <b>Major Step 3</b><br/>
| + | |
| - | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
| + | |
| - | </font></div></p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| | | | |
| | <!-- BACK-TO-TOP BUTTON --> | | <!-- BACK-TO-TOP BUTTON --> |
"
