|
|
| Line 8: |
Line 8: |
| | <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/JSunslider?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]--> | | <!--[if lte IE 9]><style>.inner{opacity:1;}</style><![endif]--> |
| | | | |
| Line 14: |
Line 13: |
| | #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} | | #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> | | </style> |
| | + | |
| | + | <script> |
| | + | $('.banner').unslider({ |
| | + | fluid: true, |
| | + | dots: true, |
| | + | speed: 500 |
| | + | }); |
| | + | </script> |
| | | | |
| | <div id="super_wrap"> | | <div id="super_wrap"> |
| Line 22: |
Line 29: |
| | <!-- Banner --> | | <!-- Banner --> |
| | <section id="banner" data-stellar-background-ratio="0.4"> | | <section id="banner" data-stellar-background-ratio="0.4"> |
| − |
| |
| − |
| |
| | <div class="inner"> | | <div class="inner"> |
| | <header> | | <header> |
| Line 48: |
Line 53: |
| | <br /> | | <br /> |
| | <p>The aim of our project is to develop a pseudoautotrophic <span class="italicEnph">E. coli</span>, enabling it to live in the microbial fuel cell anaerobic condition. Our idea is to engineer E. coli with proteorhodopsin, a light-powered proton pump identified in bacteria that live in deep waters. This protein is activated by light and needs retinal molecules to pump protons outward following excitation. Thus we want to engineer our bacteria with blh, that encodes for the enzyme that cleaves beta-carotene and produces retinal.</p> | | <p>The aim of our project is to develop a pseudoautotrophic <span class="italicEnph">E. coli</span>, enabling it to live in the microbial fuel cell anaerobic condition. Our idea is to engineer E. coli with proteorhodopsin, a light-powered proton pump identified in bacteria that live in deep waters. This protein is activated by light and needs retinal molecules to pump protons outward following excitation. Thus we want to engineer our bacteria with blh, that encodes for the enzyme that cleaves beta-carotene and produces retinal.</p> |
| − | <p>To increase electron production we plan to overexpress pncB that represents the limiting step in the NAD+ synthesis pathway. The more NAD+ is produced, the more electrons are transported by NADH. In short: light activates proteorhodopsin, increases bacterial viability, and drives to a more efficient electron production. | + | <p>To increase electron production we plan to overexpress pncB that represents the limiting step in the NAD+ synthesis pathway. The more NAD+ is produced, the more electrons are transported by NADH. In short: light activates proteorhodopsin, increases bacterial viability, and drives to a more efficient electron production. Our bacterial device will give rise to a self-sustainable system, powered by sunlight during the day and by a light bulb at night. Daytime-electricity can be either used or stored to be employed as a power source for the lightbulb at night.</p> |
| − | Our bacterial device will give rise to a self-sustainable system, powered by sunlight during the day and by a light bulb at night. Daytime-electricity can be either used or stored to be employed as a power source for the lightbulb at night.</p> | + | |
| | </header> | | </header> |
| | </article> | | </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: 415px;"> |
| | <ul style="width: 400%; position: relative; left: -300%; height: 415px;"> | | <ul style="width: 400%; position: relative; left: -300%; height: 415px;"> |
| Line 96: |
Line 98: |
| | <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> | | <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;"> | | <section class="wrapper style1 container special" style="padding-top:5em;"> |
| | | | |
| Line 106: |
Line 107: |
| | | | |
| | <div href="#" class="rotate-box square-icon"> | | <div href="#" class="rotate-box square-icon"> |
| − | <span class="rotate-box-icon"><i class="faa flaticon-science8"></i></span> | + | <span class="rotate-box-icon"><i class="faa flaticon-dna17"></i></span> |
| | <div class="rotate-box-info"> | | <div class="rotate-box-info"> |
| − | <h4>PR caracterization!</h4> | + | <h4># new BioBricks</h4> |
| − | <p>Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.</p> | + | <p>We built and submitted a total number of new BioBricks and characterized # of them. Check out our [Parts] page to know more!</p> |
| | </div> | | </div> |
| | </div> | | </div> |
| Line 116: |
Line 117: |
| | <div class="4u 12u(narrower)"> | | <div class="4u 12u(narrower)"> |
| | <div href="#" class="rotate-box square-icon"> | | <div href="#" class="rotate-box square-icon"> |
| − | <span class="rotate-box-icon"><i class="faa flaticon-bacteria3"></i></span> | + | <span class="rotate-box-icon"><i class="faa flaticon-tools6"></i></span> |
| | <div class="rotate-box-info"> | | <div class="rotate-box-info"> |
| − | <h4>PR caracterization!</h4> | + | <h4>Improved # Parts</h4> |
| − | <p>Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.</p> | + | <p>Something existing, reshaped better. # now works!</p> |
| | </div> | | </div> |
| | </div> | | </div> |
| Line 125: |
Line 126: |
| | <div class="4u 12u(narrower)"> | | <div class="4u 12u(narrower)"> |
| | <div href="#" class="rotate-box square-icon"> | | <div href="#" class="rotate-box square-icon"> |
| − | <span class="rotate-box-icon"><i class="faa flaticon-laboratory4"></i></span> | + | <span class="rotate-box-icon"><i class="faa flaticon-libra4"></i></span> |
| | <div class="rotate-box-info"> | | <div class="rotate-box-info"> |
| − | <h4>PR caracterization!</h4> | + | <h4>Measurements Interlab Study</h4> |
| − | <p>Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.</p> | + | <p>We are participating also to the Measurements Interlab Study. Check out our progress in the Interlab Section!</p> |
| | </div> | | </div> |
| | </div> | | </div> |
| Line 136: |
Line 137: |
| | <div class="row"> | | <div class="row"> |
| | <div class="4u 12u(narrower)"> | | <div class="4u 12u(narrower)"> |
| − | <div href="#" class="rotate-box square-icon"> | + | |
| − | <span class="rotate-box-icon"><i class="faa flaticon-science8"></i></span>
| + | |
| − | <div class="rotate-box-info">
| + | |
| − | <h4>PR caracterization!</h4>
| + | |
| − | <p>Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | <div class="4u 12u(narrower)"> | | <div class="4u 12u(narrower)"> |
| − | <div href="#" class="rotate-box square-icon"> | + | |
| − | <span class="rotate-box-icon"><i class="faa flaticon-bacteria3"></i></span>
| + | |
| − | <div class="rotate-box-info">
| + | |
| − | <h4>PR caracterization!</h4>
| + | |
| − | <p>Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | <div class="4u 12u(narrower)"> | | <div class="4u 12u(narrower)"> |
| − | <div href="#" class="rotate-box square-icon"> | + | |
| − | <span class="rotate-box-icon"><i class="faa flaticon-laboratory4"></i></span>
| + | |
| − | <div class="rotate-box-info">
| + | |
| − | <h4>PR caracterization!</h4>
| + | |
| − | <p>Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | </section> | | </section> |
| − |
| |
| − |
| |
| − | <!-- Footer -->
| |
| − | <footer id="footer">
| |
| − |
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="4u 12u(narrower) footer1">
| |
| − | <h1>Institutions</h1>
| |
| − | <hr style="border:1px dotted #AAA;"/>
| |
| − | <ul>
| |
| − | <li><a href="#" class="unitn_icon">University of Trento</a></li>
| |
| − | <li><a href="#" class="cibio_icon">CIBIO - Centre for Integrative Biology</a></li>
| |
| − | <li><a href="#" class="igem_icon">iGEM HeadQuarter</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="5u 12u(narrower) footer1">
| |
| − | <h1>Info</h1>
| |
| − | <hr style="border:1px dotted #AAA;"/>
| |
| − |
| |
| − | </div>
| |
| − | <div class="3u 12u(narrower) footer1">
| |
| − | <h1>Follow us</h1>
| |
| − | <hr style="border:1px dotted #AAA;"/>
| |
| − | <ul>
| |
| − | <li><a href="#" class="facebook_icon">Facebook</a></li>
| |
| − | <li><a href="#" class="twitter_icon">Twitter</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </footer>
| |
| | | | |
| | + | <!-- Footer --> |
| | + | </html>{{UNITN-Trento/mainFooter}}<html> |
| | </div> | | </div> |
| − | </div> | + | </div> |
| − | | + | |
| − | <!-- Scripts -->
| + | |
| − |
| + | |
| − | <script>
| + | |
| − |
| + | |
| − | $('.banner').unslider({
| + | |
| − | fluid: true,
| + | |
| − | dots: true,
| + | |
| − | speed: 500
| + | |
| − | });
| + | |
| − | </script>
| + | |
| | </html> | | </html> |