|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | </p></div> | | </p></div> |
| − |
| |
| | <meta name="viewport" content="width=device-width, initial-scale=1" /> | | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| | | | |
| Line 7: |
Line 6: |
| | | | |
| | <script src="https://2015.igem.org/Template:UNITN-Trento/JSscrollgress?action=raw&ctype=text/javascript"></script> | | <script src="https://2015.igem.org/Template:UNITN-Trento/JSscrollgress?action=raw&ctype=text/javascript"></script> |
| − |
| |
| | <script src="https://2015.igem.org/Template:UNITN-Trento/JSStellar?action=raw&ctype=text/javascript"></script> | | <script src="https://2015.igem.org/Template:UNITN-Trento/JSStellar?action=raw&ctype=text/javascript"></script> |
| | | | |
| Line 14: |
Line 12: |
| | | | |
| | <style> | | <style> |
| − | #sliderersct b{font-weight:500;font-size:16px;color:#c3522f}#sliderersct .banner{position:relative;width:100%;overflow:auto;-webkit-font-smoothing:antialiased;font-size:18px;line-height:24px;text-align:center;color:rgba(255,255,255,.9);text-shadow:0 0 1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.3);background:#5b4d3d;box-shadow:0 1px 2px rgba(0,0,0,.25)}#sliderers_8ct .banner ul{list-style:none;width:300%}#sliderersct .banner ul li{display:block;float:left;width:33%;padding:160px 0 110px;min-height:350px;background-size:cover;background-position:center center;box-shadow:inset 0 -3px 6px rgba(0,0,0,.1)}#sliderersct .pintest{font-size:40px;line-height:52px;color:#fff;font-weight:300;font-family:bree-web,Bree,sans-serif;padding:20px;background-color:rgba(0,0,0,.4);margin-top:0}#sliderersct .pintest span{margin-top:0;font-size:16px}#sliderersct .banner .btn{display:inline-block;margin:25px 0 0;padding:9px 22px 7px;clear:both;line-height:18px;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;border:2px solid rgba(255,255,255,.4);border-radius:5px}#sliderersct .banner .btn:hover{background:rgba(255,255,255,.05)}#sliderersct .banner .btn:active{-webkit-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-moz-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-ms-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-o-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));filter:drop-shadow(0 -1px 2px rgba(0, 0, 0, .5))}#sliderersct .banner .btn,.banner .dot{-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-moz-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-ms-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-o-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .3))}#sliderersct .banner .dots{position:absolute;left:0;right:0;bottom:20px}#sliderersct .banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}#sliderersct .banner .dots li.active{background:#fff;opacity:1} | + | #sliderersct b{font-weight:500;font-size:16px;color:#c3522f}#sliderersct .banner{position:relative;width:100%;overflow:auto;-webkit-font-smoothing:antialiased;font-size:18px;line-height:24px;text-align:center;color:rgba(255,255,255,.9);text-shadow:0 0 1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.3);background:#5b4d3d;box-shadow:0 1px 2px rgba(0,0,0,.25)}#sliderers_8ct .banner ul{list-style:none;width:300%}#sliderersct .banner ul li{display:block;float:left;width:33%;padding:750px 0 110px;min-height:350px;background-size:cover;background-position:center center;box-shadow:inset 0 -3px 6px rgba(0,0,0,.1)}#sliderersct .pintest{font-size:40px;line-height:52px;color:#fff;font-weight:300;font-family:bree-web,Bree,sans-serif;padding:20px;background-color:rgba(0,0,0,.4);margin-top:0}#sliderersct .pintest span{margin-top:0;font-size:16px}#sliderersct .banner .btn{display:inline-block;margin:25px 0 0;padding:9px 22px 7px;clear:both;line-height:18px;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;border:2px solid rgba(255,255,255,.4);border-radius:5px}#sliderersct .banner .btn:hover{background:rgba(255,255,255,.05)}#sliderersct .banner .btn:active{-webkit-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-moz-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-ms-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-o-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));filter:drop-shadow(0 -1px 2px rgba(0, 0, 0, .5))}#sliderersct .banner .btn,.banner .dot{-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-moz-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-ms-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-o-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .3))}#sliderersct .banner .dots{position:absolute;left:0;right:0;bottom:20px}#sliderersct .banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}#sliderersct .banner .dots li.active{background:#fff;opacity:1} |
| | </style> | | </style> |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | | + | |
| | <div id="page-wrapper"> | | <div id="page-wrapper"> |
| | | | |
| − | <!-- Header --> | + | <!-- Header--> |
| − | <header id="header" class="alt"></html>{{UNITN-Trento/mainMenu}}<html><script>jQuery('#menulin_home').addClass('current');</script></header>
| + | <header id="header"></html> |
| − | <!-- Banner -->
| + | {{UNITN-Trento/mainMenu}} |
| − | <section id="banner" data-stellar-background-ratio="0.4">
| + | <html><script>jQuery('#menulin_more, #menulin_more_human').addClass('current');</script></header> |
| − | <div class="inner">
| + | |
| − | <header>
| + | |
| − | <hr />
| + | |
| − | <h2>UNITN <span style="text-transform:lowercase;">i</span>GEM 2015</h2>
| + | |
| − | <hr />
| + | |
| − | </header>
| + | |
| − | <div style="clear:both; width:95%; margin:auto;">
| + | |
| − | <div style="background-image:url('https://static.igem.org/mediawiki/2015/d/df/Unitn_pics_main_logo_200.png'); width:165px; height:165px; float:left; background-size:cover;"></div>
| + | |
| − | <div style="float:right;display: table; height: 165px; overflow: hidden;">
| + | |
| − | <div style="display: table-cell; vertical-align: middle;">
| + | |
| − | <p><strong>Solar pMFC</strong><br/>A microbial fuel cell with <br/>a light-driven <strong><span style="font-style:italic">E. coli</span> engine</strong></p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | | + | |
| | <!-- Main --> | | <!-- Main --> |
| − | <article id="main"> | + | <style>.faabig:before,.faabig:after{font-size:1.8em; margina:0;} .faabig{position:absolute; right:0; top:0.9em;}</style> |
| − | | + | |
| − | <header class="special container">
| + | |
| − | <h2>Electron production with<br /><span style="font-weight:500; font-style:italic;">E. coli</span> and Proteorhodopsin </h2>
| + | |
| − | <br />
| + | |
| − | <p style="width:80%; text-align:left; margin:auto;">Hi everyone!<br />
| + | |
| − | | + | |
| − | We are the UNITN-Trento iGEM team 2015. Here is our wonderful idea to change the way people think about Microbial Fuel Cells.
| + | |
| − | We attempted to improve the MFC platform by exploiting the power of the sun and the versatility of <span class="bacterium" >E. coli</span>, so we added new interesting features to build a “Solar pMFC”.<br />Check out our wiki page to learn!</p>
| + | |
| − |
| + | |
| − | </header>
| + | |
| − | </article>
| + | |
| − |
| + | |
| | <article id="sliderersct" > | | <article id="sliderersct" > |
| − | <div id="sliderer" class="banner has-dots" style="overflow: hidden; width: 100%; height: 415px;"> | + | <div id="sliderer" class="banner has-dots" style="overflow: hidden; width: 100%; height: 828px;"> |
| − | <ul style="width: 400%; position: relative; left: -300%; height: 415px;"> | + | <ul style="width: 400%; position: relative; height: 828px;"> |
| − | <li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/f/fc/Unitn_pics_slider_3.jpg'); ">
| + | <li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/a/a3/UniTN_pics_2015_gallery1.JPG'); "></li> |
| − | <p class="pintest">Electricity from <i>E. coli</i><br/>
| + | <li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/b/bc/UniTN_pics_2015_gallery2.JPG'); "></li> |
| − | <span>Check Out our Amazing Idea! Have Fun!<br/>
| + | |
| − | <a class="btn" href="https://2015.igem.org/Team:UNITN-Trento/Description">Project</a></span></p>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/a/a7/Unitn_pics_slider_4.jpg'); "> | + | |
| − | <p class="pintest">UNITN-iGEM Team 2015<br/>
| + | |
| − | <span>Click here to meet the team!<br/>
| + | |
| − |
| + | |
| − | <a class="btn" href="https://2015.igem.org/Team:UNITN-Trento/Team"> Team </a></span></p>
| + | |
| − | </li>
| + | |
| − | <li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/0/04/Unitn_pics_slider_5.jpg'); "> | + | |
| − | <p class="pintest">InterLab Measurement Study<br/>
| + | |
| − | <span>Many Techniques, Different Strains and so much Fluorescence… Enjoy the Measurement InterLab Study<br/>
| + | |
| − |
| + | |
| − | <a class="btn" href="https://2015.igem.org/Team:UNITN-Trento/Measurement"> Interlab Study </a></span></p>
| + | |
| − | </li>
| + | |
| − | <li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/6/6e/Unitn_pics_slider_7.jpg'); ">
| + | |
| − | <p class="pintest">Energy Waste is a Serious Problem<br/>
| + | |
| − | <span>Follow Us and Learn How to Save It<br/>
| + | |
| − |
| + | |
| − | <a class="btn" href="https://2015.igem.org/Team:UNITN-Trento/Practices"> Human Practices </a></span></p>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/6/63/Unitn_pics_slider_8.jpg'); ">
| + | |
| − | <p class="pintest">Safety First<br />
| + | |
| − | <span>We Do Care about Safety: Check It Out!<br/>
| + | |
| − |
| + | |
| − | <a class="btn" href="https://2015.igem.org/Team:UNITN-Trento/Safety"> Safety </a></span></p>
| + | |
| − | </li>
| + | |
| − | <li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/5/58/Unitn_pics_slider_6.jpg'); ">
| + | |
| − | <p class="pintest">Synthetic Biology and Mountains<br/>
| + | |
| − | <span>Admire our Lovely City, Surrounded by Mountains. Trento is Waiting for You<br/>
| + | |
| − | <a class="btn" href="http://www.unitn.it/en" target="_blank"> University of Trento </a></span></p>
| + | |
| − | </li>
| + | |
| | </ul> | | </ul> |
| − | <ol class="dots"><li class="dot">1</li><li class="dot">2</li><li class="dot">3</li><li class="dot">4</li><li class="dot">4</li><li class="dot">4</li></ol></div> | + | <ol class="dots"><li class="dot">1</li><li class="dot">2</li></ol> |
| − | </article> | + | </article></div> </div> |
| − |
| + | |
| − | <section class="wrapper style1 container special" style="padding-top:5em;">
| + | |
| − |
| + | |
| − | <h2>Achievements</h2>
| + | |
| − | <hr style="width:62%; margin:auto; border-color:#AAA; margin-bototm:2em;">
| + | |
| − | | + | |
| − | <div class="row">
| + | |
| − | <div class="4u 12u(narrower)">
| + | |
| − |
| + | |
| − | <div href="#" class="rotate-box square-icon">
| + | |
| − | <span class="rotate-box-icon"><i class="faa flaticon-dna17"></i></span>
| + | |
| − | <div class="rotate-box-info">
| + | |
| − | <h4><span class="enphatext">7</span> new BioBricks</h4>
| + | |
| − | <p>We built 7 new BioBricks. Check out our <a href="https://2015.igem.org/Team:UNITN-Trento/Parts" class="i_linker">Parts</a> page to know more!</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="4u 12u(narrower)">
| + | |
| − | <div href="#" class="rotate-box square-icon">
| + | |
| − | <span class="rotate-box-icon"><i class="faa flaticon-tools6"></i></span>
| + | |
| − | <div class="rotate-box-info">
| + | |
| − | <h4>Improved <span class="enphatext">1</span> Part</h4>
| + | |
| − | <p>Something existing, reshaped better. <a href="https://2015.igem.org/Team:UNITN-Trento/Results/Proteorhodopsin" class="i_linker">Proteorhodopsin</a> works better now!</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="4u 12u(narrower)">
| + | |
| − | <div href="#" class="rotate-box square-icon">
| + | |
| − | <span class="rotate-box-icon"><i class="faa flaticon-libra4"></i></span>
| + | |
| − | <div class="rotate-box-info">
| + | |
| − | <h4>Measurements Interlab Study</h4>
| + | |
| − | <p>We are participating also to the Measurements Interlab Study. Check out our progress in the <a href="https://2015.igem.org/Team:UNITN-Trento/Measurement" class="i_linker"> Interlab</a> Section!</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | <!-- Footer -->
| + | |
| | </html>{{UNITN-Trento/mainFooter}}<html> | | </html>{{UNITN-Trento/mainFooter}}<html> |
| | </div> | | </div> |
| Line 146: |
Line 39: |
| | jQuery(document).ready(function ($) { | | jQuery(document).ready(function ($) { |
| | $(window).stellar(); | | $(window).stellar(); |
| − | $('.banner').unslider({fluid: false, dots: true, speed: 1000}); | + | $('.banner').unslider({fluid: false, dots: true, speed: 300}); |
| | }); | | }); |
| | </script> | | </script> |
| | </html> | | </html> |