|
|
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> |
| + | <script src="https://2015.igem.org/Template:UNITN-Trento/JSModernizer?action=raw&ctype=text/javascript"></script> |
| + | <script src="https://2015.igem.org/Template:UNITN-Trento/JSscrollTo?action=raw&ctype=text/javascript"></script> |
| + | <script src="https://2015.igem.org/Template:UNITN-Trento/JSnotebookFunctions?action=raw&ctype=text/javascript"></script> |
| | | |
− | </html>{{UNITN-Trento/globalIncluder}}<html>
| + | <link rel="stylesheet" type="text/css" href="http://www.startrekfederation.it/transfer_area/timeline.css?action=raw&ctype=text/css" /> |
− |
| + | |
− | <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/JSunslider?action=raw&ctype=text/javascript"></script>
| + | |
− | <!--[if lte IE 9]><style>.inner{opacity:1;}</style><![endif]-->
| + | |
| | | |
− | <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}
| + | <div id="super_wrap"> |
− | </style>
| + | <div class="no-sidebar"> |
− |
| + | |
− |
| + | |
− |
| + | |
− | <div id="super_wrap">
| + | |
| <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> |
− | <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 <span style="font-style:italic;">E. coli</span> 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<br /><span style="font-weight:500; font-style:italic;">E. coli</span> and Proteorhodopsin </h2>
| + | <h2><strong>Interlab Study</strong></h2> |
− | <br />
| + | <p>I have no idea what I'm doing!</p> |
− | <p>Hi guys!<br /> | + | </header> |
| + | <footer> |
| + | <ul class="buttons"> |
| + | <li><p id="interlab_intro_btn" class="button small bstyle1" style="line-height:2em;" onclick="javascript:scrollToID('interlab_intro')"><span class="primary">Introduction</span> <span class="primary">& Achievements</span></p></li> |
| + | <li><p id="intro_btn" class="button small bstyle3" onclick="javascript:scrollToID('interlab_design')"><span class="primary">Experimental</span> <span class="primary">Design</span></p></li> |
| + | <li><p id="intro_btn" class="button small bstyle5" onclick="javascript:scrollToID('interlab_protocols')"><span class="primary">Experiments</span><span class="primary">& Protocols</span></p></li> |
| + | <li><p id="intro_btn" class="button small bstyle7" style="line-height:2em;" onclick="javascript:scrollToID('interlab_final')"><span class="primary">Final Discussion</span> <span class="primary">& Results</span></p></li> |
| + | </ul> |
| + | |
| + | </footer> |
| | | |
− | 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" style="font-style:italic;">E. coli</span> versatility, so we added new interesting features to build a “Solar pMFC”.<br />Check out our wiki page to learn more about it!</p>
| + | |
− |
| + | <article id="main"> |
− | </header>
| + | |
− | </article> | + | <section id="interlab_intro" class="wrapper style4 container wow fadeInRight" style="margin-top:1em;"> |
− |
| + | |
− | <article id="sliderersct" > | + | <div class="content"> |
− | <div id="sliderer" class="banner has-dots" style="overflow: hidden; width: 100%; height: 415px;"> | + | <section> |
− | <ul style="width: 400%; position: relative; left: -300%; height: 415px;"> | + | <header> |
− | <li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/f/fc/Unitn_pics_slider_3.jpg'); "> | + | <h3 class="wow fadeInDown">About Safety</h3> |
− | <p class="pintest">Electricity from E. coli<br/> | + | </header> |
− | <span>Check out our amazing idea! Have fun!<br/>
| + | |
− | <a class="btn" href="#">Project</a></span></p>
| + | <p>We, the UNITN iGEM Team want to follow high standards of safe and responsible biological engineering. Before entering the lab we attended mandatory on-line courses regarding lab safety with final tests. In particular we focused on the following topics:</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> | + | <a class="fancybox" rel="group" href="https://static.igem.org/mediawiki/2015/d/df/Unitn_pics_main_logo_200.png"><img src="https://static.igem.org/mediawiki/2015/d/df/Unitn_pics_main_logo_200.png" alt="" /></a> |
− | </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/Meausrement"> Interlab Study </a></span></p> | + | <ul class="checklist"> |
− | </li>
| + | <li>General considerations on risks and prevention</li> |
− | <li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/6/6e/Unitn_pics_slider_7.jpg'); ">
| + | <li>Electrical Hazard</li> |
− | <p class="pintest">Energy waste is a serius problem<br/>
| + | <li>Chemical Hazard</li> |
− | <span>Follow us and learn how to save it<br/>
| + | <li>Biological Hazard</li> |
− |
| + | <li>Compressed gasses and cryogenic liquids</li> |
− | <a class="btn" href="https://2015.igem.org/Team:UNITN-Trento/Practices"> Human Practices </a></span></p> | + | </ul> |
− | </li> | + | <p>We also attended the “Health and safety at the workplace” course, which is mandatory for all students and workers at the University of Trento.</p> |
− |
| + | </section> |
− | <li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/6/63/Unitn_pics_slider_8.jpg'); ">
| + | </div> |
− | <p class="pintest">Safety first<br />
| + | </section> |
− | <span>We do care about safety: check it out<br/>
| + | |
− |
| + | <section id="interlab_design" class="wrapper style4 container wow fadeInRight" style="margin-top:1em;"> |
− | <a class="btn" href="https://2015.igem.org/Team:UNITN-Trento/Safety"> Safety </a></span></p>
| + | |
− | </li>
| + | <div class="content"> |
− | <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/>
| + | <header> |
− | <span>Admire our lovely city, surrounded by mountains. Trento is waiting for you<br/>
| + | <h3 class="wow fadeInDown">About Safety</h3> |
− | <a class="btn" href="http://www.unitn.it/en" target="_blank"> University of Trento </a></span></p>
| + | </header> |
− | </li>
| + | |
− | </ul>
| + | <p>We, the UNITN iGEM Team want to follow high standards of safe and responsible biological engineering. Before entering the lab we attended mandatory on-line courses regarding lab safety with final tests. In particular we focused on the following topics:</p> |
− | <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>
| + | <ul class="checklist"> |
| + | <li>General considerations on risks and prevention</li> |
| + | <li>Electrical Hazard</li> |
| + | <li>Chemical Hazard</li> |
| + | <li>Biological Hazard</li> |
| + | <li>Compressed gasses and cryogenic liquids</li> |
| + | </ul> |
| + | <p>We also attended the “Health and safety at the workplace” course, which is mandatory for all students and workers at the University of Trento.</p> |
| + | </section> |
| + | </div> |
| + | </section> |
| + | |
| </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 class="enphatext">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 class="enphatext">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>new WOW().init(); $(".fancybox").fancybox();</script> |
− | </div> | + | </div> |
− | </div>
| + | </div> |
− |
| + | |
− | <script> | + | |
− | jQuery(document).ready(function ($) {
| + | |
− | $(window).stellar();
| + | |
− | $('.banner').unslider({fluid: true, dots: true, speed: 500});
| + | |
− | });
| + | |
− | </script> | + | |
| </html> | | </html> |