Difference between revisions of "Team:UNITN-Trento/Gallery"

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 6: Line 7:
 
 
 
<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 12: Line 14:
 
 
 
<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: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}
+
#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}
 
</style>
 
</style>
−
+
−
<div id="super_wrap">  
+
 +
 +
<div id="super_wrap">
 
<div id="page-wrapper">
 
<div id="page-wrapper">
  
−
<!-- Header-->
+
<!-- Header -->
−
<header id="header"></html>
+
<header id="header" class="alt"></html>{{UNITN-Trento/mainMenu}}<html><script>jQuery('#menulin_home').addClass('current');</script></header>
−
{{UNITN-Trento/mainMenu}}
+
<!-- Banner -->
−
<html><script>jQuery('#menulin_more, #menulin_more_human').addClass('current');</script></header>
+
<section id="banner" data-stellar-background-ratio="0.4">
 +
<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 -->
−
<style>.faabig:before,.faabig:after{font-size:1.8em; margina:0;} .faabig{position:absolute; right:0; top:0.9em;}</style>
+
<article id="main">
 +
 
 +
<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: 828px;">
+
<div id="sliderer" class="banner has-dots" style="overflow: hidden; width: 100%; height: 415px;">
−
<ul style="width: 400%; position: relative; height: 828px;">  
+
<ul style="width: 400%; position: relative; left: -300%; height: 415px;">  
−
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/a/a3/UniTN_pics_2015_gallery1.JPG'); "></li>
+
<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/b/bc/UniTN_pics_2015_gallery2.JPG'); "></li>
+
<p class="pintest">Electricity from <i>E. coli</i><br/>
 +
<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></ol>
+
<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>
−
</article></div> </div>
+
</article>
 +
 +
<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 39: Line 146:
 
jQuery(document).ready(function ($) {
 
jQuery(document).ready(function ($) {
 
$(window).stellar();
 
$(window).stellar();
−
$('.banner').unslider({fluid: true, dots: true, speed: 500});
+
$('.banner').unslider({fluid: false, dots: true, speed: 1000});
 
});
 
});
 
</script>
 
</script>
 
</html>
 
</html>

Revision as of 21:37, 17 September 2015

Electron production with
E. coli and Proteorhodopsin


Hi everyone!
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 E. coli, so we added new interesting features to build a “Solar pMFC”.
Check out our wiki page to learn!

Achievements

7 new BioBricks

We built 7 new BioBricks. Check out our Parts page to know more!

Improved 1 Part

Something existing, reshaped better. Proteorhodopsin works better now!

Measurements Interlab Study

We are participating also to the Measurements Interlab Study. Check out our progress in the Interlab Section!