|
|
(95 intermediate revisions by 2 users not shown) |
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" />
| + | </html>{{UNITN-Trento/globalIncluder}}<html> |
− |
| + | |
− | </html>{{UNITN-Trento/globalIncluder}}<html>
| + | |
− |
| + | |
− | <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/JSunslider?action=raw&ctype=text/javascript"></script>
| + | |
− | <!--[if lte IE 9]><style>.inner{opacity:1;}</style><![endif]-->
| + | |
| | | |
− | <style>
| + | <script src="https://2015.igem.org/Template:UNITN-Trento/JSnotebookFunctions?action=raw&ctype=text/javascript"></script> |
− | #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)}#sliderersct .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}
| + | |
− | </style>
| + | |
− |
| + | |
− |
| + | |
| | | |
− | <div id="super_wrap">
| + | <link rel="stylesheet" type="text/css" href="http://www.startrekfederation.it/transfer_area/timeline.css?action=raw&ctype=text/css" /> |
| + | <style>[class^="flaticon-"]:before, [class*=" flaticon-"]:before,[class^="flaticon-"]:after, [class*=" flaticon-"]:after{font-family:Flaticon;font-size:40px;font-style:normal;margin-left:3px}</style> |
| + | |
| + | <div id="super_wrap"> |
| + | <div class="no-sidebar"> |
| <div id="page-wrapper"> | | <div id="page-wrapper"> |
| | | |
| <!-- Header --> | | <!-- Header --> |
− | <header id="header" class="alt"></html>{{UNITN-Trento/mainMenu}}<html></header>
| + | <header id="header"></html> |
− | <!-- Banner --> | + | {{UNITN-Trento/mainMenu}} |
− | <section id="banner" data-stellar-background-ratio="0.4">
| + | <html><script> |
− | <div class="inner">
| + | |
− | <header>
| + | jQuery('#menulin_interlab').addClass('current'); |
− | <hr />
| + | |
− | <h2>UNITN iGEM 2015</h2>
| + | </script></header> |
− | <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:170px; height:170px; float:left; background-size:cover;"></div>
| + | |
− | <div style="float:right;display: table; height: 164px; overflow: hidden;">
| + | |
− | <div style="display: table-cell; vertical-align: middle;">
| + | |
− | <p>Electron-production with <br /> engineered <i>E. coli</i> and <br /> <strong>proteorhodopsin</strong></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | | + | |
| <!-- Main --> | | <!-- Main --> |
− | <article id="main"> | + | |
| + | <section id="cta" style="background-image:url('https://static.igem.org/mediawiki/2015/0/04/Unitn_pics_slider_5.jpg');"> |
| | | |
− | <header class="special container"> | + | <header> |
− | <h2>Electron production with <strong><i>E. coli</i></strong> and proteorhodopsin </h2> | + | <h2><strong>InterLab Measurement Study</strong></h2> |
− | <br /> | + | <p>What happens when GFP meets different promoters? Are they all the same? Here is what we found out!</p> |
− | <p>Hi guys!
| + | </header> |
| + | |
| | | |
− | We are the UNITN-Trento iGEM team 2015, here is our wonderful idea to change the way people think about Microbial Fuel Cells.
| + | </section> |
− | We attempted to improve MFC platform by exploiting the power of the sun and the <span class="i_enph"<i>E. coli</i></span> versatility, so we added new interesting features to build a “Solar pMFC”. Check out our wiki page to learn more about it!</p>
| + | |
− |
| + | <article id="main"> |
− | </header>
| + | |
− | </article> | + | <a class="anchor-off" name="interlab_intro" id="interlab_intro"></a> |
− |
| + | <section class="wrapper style4 container" style="margin-top:1em;"> |
− | <article id="sliderersct" > | + | |
− | <div id="sliderer" class="banner has-dots" style="overflow: hidden; width: 100%; height: 415px;"> | + | <div class="content"> |
− | <ul style="width: 400%; position: relative; left: -300%; height: 415px;">
| + | <section> |
− | <li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/f/fc/Unitn_pics_slider_3.jpg'); ">
| + | <header> |
− | <p class="pintest">Electricity from E. coli<br/>
| + | <h3 class="wow fadeInDown">The Interlab Measurement Study</h3> |
− | <span>Check out our amazing idea! Have fun!<br/>
| + | </header> |
− | <a class="btn" href="#">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> | + | <div class="row"> |
− | </li>
| + | <div class="4u 12u(narrower)"> |
− | <li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/0/04/Unitn_pics_slider_5.jpg'); ">
| + | <div href="#" class="wow zoomIn rotate-box square-icon"> |
− | <p class="pintest">Interlab Measurement Study<br/>
| + | <span class="rotate-box-icon tals"><i class="faa flaticon-up151"></i></span> |
− | <span>Many techniques, different strains and so much fluorescence… Enjoy the Measurement Interlab Study<br/>
| + | </div> |
| + | </div> |
| + | |
| | | |
− | <a class="btn" href="#"> 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 find out how to save it<br/>
| |
| | | |
− | <a class="btn" href="#"> Human Practices </a></span></p>
| + | </section> |
− | </li> | + | </div> |
− | <li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/5/58/Unitn_pics_slider_6.jpg'); ">
| + | </section> |
− | <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>
| + | |
− | <ol class="dots"><li class="dot active">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>
| + | |
| </article> | | </article> |
− |
| |
− | <section class="wrapper style1 container special" style="padding-top:5em;">
| |
| | | |
− | <h2>Achievements</h2>
| + | |
| | | |
− | <div class="row">
| + | <!-- Footer --> |
− | <div class="4u 12u(narrower)">
| + | </html>{{UNITN-Trento/mainFooter}}<html> |
− |
| + | |
− | <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 style="font-size:2em;">8</span> new BioBricks</h4>
| + | |
− | <p>We built and submitted a total number of new BioBricks. Check out our Parts 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 style="font-size:2em;">2</span> Parts</h4>
| + | |
− | <p>Something existing, reshaped better. Now they work better!</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 Interlab Section!</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="row">
| + | |
− | <div class="4u 12u(narrower)">
| + | |
− |
| + | |
− | </div>
| + | |
− | <div class="4u 12u(narrower)">
| + | |
− |
| + | |
− | </div>
| + | |
− | <div class="4u 12u(narrower)">
| + | |
− |
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
| | | |
− | <!-- Footer -->
| + | </div> |
− | </html>{{UNITN-Trento/mainFooter}}<html>
| + | <script> |
− | </div> | + | function showAftPar(ob) |
− | </div> | + | { |
| + | |
| + | if(jQuery(ob).next().css('display') == 'none') |
| + | { |
| + | jQuery(ob).addClass('spinnable'); |
| + | jQuery(ob).next().fadeIn(100); |
| + | |
| + | }else |
| + | { |
| + | jQuery(ob).next().fadeOut(100,function(){jQuery(ob).removeClass('spinnable'); }); |
| + | |
| + | } |
| + | } |
| | | |
− | <script> | + | $(function(){ |
− | $('.banner').unslider({ | + | new WOW().init(); |
− | fluid: true, | + | |
− | dots: true, | + | jQuery('.displayControl').click(function() { |
− | speed: 500
| + | var me = $(this); |
| + | showAftPar(me); |
| }); | | }); |
| + | }); |
| + | |
| </script> | | </script> |
| + | </div> |
| + | </div> |
| </html> | | </html> |