Difference between revisions of "Team:UNITN-Trento"

m (css_refinement)
(v 0.1 -K)
Line 1: Line 1:
−
<html>
+
<html>
 +
</p></div>
 +
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
 +
 +
</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>
 +
#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">
 +
<div id="page-wrapper">
  
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:UNITN-Trento/CSSreset?action=raw&ctype=text/css" />
+
<!-- Header -->
 +
<header id="header" class="alt"></html>{{UNITN-Trento/mainMenu}}<html></header>
 +
<!-- Banner -->
 +
<section id="banner" data-stellar-background-ratio="0.4">
 +
<div class="inner">
 +
<header>
 +
<hr />
 +
<h2>UNITN iGEM 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: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>
  
−
<style>
+
<!-- Main -->
−
body{background:white;}
+
<article id="main">
−
.title
+
−
{
+
−
font-family: 'BebasNeueRegular',Arial,Helvetica,sans-serif;
+
−
font-size: 1.3em;
+
−
margin:0px;
+
−
font-weight:bold;
+
−
letter-spacing:0.2em;
+
−
}
+
  
−
.highlight{color:#417c07; font-weight:bold;}
+
<header class="special container">
−
#content{width:auto;}
+
<h2>Electron production with<br /><span style="font-weight:500; font-style:italic;">E. coli</span> and Proteorhodopsin </h2>
−
.firstHeading{display:none;}
+
<br />
−
p{margin-top:1em;}
+
<p>Hi guys!<br />
  
−
</style>
+
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 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>
 +
 +
</header> 
 +
</article>
 +
 +
<article id="sliderersct" >
 +
<div id="sliderer" class="banner has-dots" style="overflow: hidden; width: 100%; height: 415px;">
 +
<ul style="width: 400%; position: relative; left: -300%; height: 415px;">
 +
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/f/fc/Unitn_pics_slider_3.jpg'); ">
 +
<p class="pintest">Electricity from E. coli<br/>
 +
<span>Check out our amazing idea! Have fun!<br/>
 +
<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>
 +
</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="#"> 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>
 +
</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>
 +
<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></ol></div>
 +
</article>
 +
 +
<section class="wrapper style1 container special" style="padding-top:5em;">
 +
 +
<h2>Achievements</h2>
  
−
<p style="margin:0px; margin-top:20px; text-align:center;">
+
<div class="row">
−
<span class="title"> UNITN-Trento
+
<div class="4u 12u(narrower)">
−
iGEM 2015 </span></p>
+
−
+
<div href="#" class="rotate-box square-icon">
−
<p style="font-style:italic; text-align:center; color:#555; margin-top:10px; font-size:1.1em;">Electron-production with engineered <i>E.coli</i> and proteorhodopsin</p>
+
<span class="rotate-box-icon"><i class="faa flaticon-dna17"></i></span>
−
 
+
<div class="rotate-box-info">
−
<hr style="width:60%; margin:auto; margin-top:10px; color:#444;"/>
+
<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 style="background-image:url('https://static.igem.org/mediawiki/2015/5/5a/Unitn_pics_team_1.jpg'); width:72%; border-radius:120px 10px / 10px 120px; height:120px;  margin:auto; margin-top:20px; background-size:100%; background-position:50% 10%"></div>
+
</div>
−
 
+
</div>
−
<div style="width:80%;  text-align:center; color:#444; margin:auto; margin-top:5px; text-align:left; font-size:1.1em; font-family:Thaoma; line-height:1.6em; padding:10px;">  
+
</div>  
−
 
+
−
<p>The aim of our project is to develop a pseudoautotrophic <i>E. coli</i>, enabling it to live in the <span class="highlight">microbial fuel cell</span> anaerobic condition. Our idea is to engineer <span class="highlight"><i>E. coli</i></span> with <span class="highlight"><i>proteorhodopsin</i></span>, 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 <i>blh</i>, that encodes for the enzyme that cleaves beta-carotene and produces retinal.</p>
+
<div class="4u 12u(narrower)">
−
 
+
<div href="#" class="rotate-box square-icon">
−
<p>To increase electron production we plan to overexpress <i>pncB</i> 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>
+
<span class="rotate-box-icon"><i class="faa flaticon-tools6"></i></span>
−
 
+
<div class="rotate-box-info">
−
<p>Our bacterial device will give rise to a <span class="highlight">self-sustainable system</span>, 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>
+
<h4>Improved <span class="enphatext">2</span> Parts</h4>
−
 
+
<p>Something existing, reshaped better. Now they work better!</p>
−
 
+
</div>
−
</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 -->
 +
</html>{{UNITN-Trento/mainFooter}}<html>
 +
</div>
 +
</div>
 +
 +
<script>
 +
$('.banner').unslider({
 +
fluid: true,
 +
dots: true,
 +
speed: 500
 +
});
 +
</script>
 
</html>
 
</html>

Revision as of 12:13, 13 August 2015

Electron production with
E. coli and Proteorhodopsin


Hi guys!
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 MFC platform by exploiting the power of the sun and the E. coli versatility, so we added new interesting features to build a “Solar pMFC”.
Check out our wiki page to learn more about it!

Achievements

8 new BioBricks

We built and submitted a total number of new BioBricks. Check out our Parts page to know more!

Improved 2 Parts

Something existing, reshaped better. Now they work better!

Measurements Interlab Study

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