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

m
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/JSPapaParse?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/JSunslider?action=raw&ctype=text/javascript"></script>
+
<div id="super_wrap">  
−
<!--[if lte IE 9]><style>.inner{opacity:1;}</style><![endif]-->
+
<div class="no-sidebar">
−
+
−
<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">
 
<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></header>
−
<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 <i>E. coli</i> and <br /> <strong>proteorhodopsin</strong></p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
 
+
 
<!-- Main -->
 
<!-- Main -->
−
<article id="main">
+
 +
<section id="cta" data-stellar-background-ratio="0.4" style="background-image:url('https://static.igem.org/mediawiki/2015/8/89/Unitn_pics_cta_notebook.jpg');">
  
−
<header class="special container">  
+
<header>
−
<h2>Electron production with <strong><i>E. coli</i></strong> and proteorhodopsin </h2>
+
<h2><strong>Notebook</strong></h2>
−
<br />
+
<p>Check out our experiments by selecting one of the sections we have worked in!</p>
−
<p>The aim of our project is to develop a pseudoautotrophic <span class="i_enph" style="font-style:italic;">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>
+
</header>
−
<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>
+
<footer>
−
</header> 
+
<ul class="buttons">  
−
</article>
+
<li><span id="cd-timeline_PR_btn" class="button small PR" onclick="javascript:scrollandfade('cd-timeline_PR')">PR</span></li>
−
+
<li><span id="cd-timeline_BLH_btn" class="button small BLH" onclick="javascript:scrollandfade('cd-timeline_BLH')">BLH</span></li>
−
<article id="sliderersct" >  
+
<li><span id="cd-timeline_PNCB_btn" class="button small PNCB" onclick="javascript:scrollandfade('cd-timeline_PNCB')">PNCB</span></li>
−
<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/8/8c/Unitn_pics_slider_1.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/a0/Unitn_pics_slider_2.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/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">Meet the team!<br/>
+
−
<span>We are UNITN iGEM 2015 and we are such essence as dNTPs are made on<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">Catch 'em all!<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/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 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="buttons">  
−
</article>
+
<li><span id="cd-timeline_CYT_btn" class="button small CYT" onclick="javascript:scrollandfade('cd-timeline_CYT')">CYT</span></li>
−
+
<li><span id="cd-timeline_MFC_btn"class="button small MFC" onclick="javascript:scrollandfade('cd-timeline_MFC')">MFC</span></li>
−
<section class="wrapper style1 container special" style="padding-top:5em;">
+
<li><span id="cd-timeline_INTERLAB_btn" class="button small INTERLAB" onclick="javascript:scrollandfade('cd-timeline_INTERLAB')">INTERLAB</span></li>
−
+
</ul>
−
<h2>Achievements</h2>
+
</footer>
  
−
<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 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>
 
</section>
 +
 +
<article id="main">
 +
 
 +
<section id="cd-timeline_BLH" class="cd-container"></section> <!-- cd-timeline -->
 +
<section id="cd-timeline_INTERLAB" class="cd-container"></section> <!-- cd-timeline -->
 +
<section id="cd-timeline_CYT" class="cd-container"></section> <!-- cd-timeline -->
 +
<section id="cd-timeline_MFC" class="cd-container"></section> <!-- cd-timeline -->
 +
<section id="cd-timeline_PNCB" class="cd-container"></section> <!-- cd-timeline -->
 +
<section id="cd-timeline_PR" class="cd-container"></section> <!-- cd-timeline -->
 +
 +
</article>
  
−
<!-- Footer -->
+
<!-- Footer -->
 
</html>{{UNITN-Trento/mainFooter}}<html>  
 
</html>{{UNITN-Trento/mainFooter}}<html>  
 +
 
</div>
 
</div>
−
</div>
+
 
−
+
<!-- Scripts -->  
−
<script>  
+
<script>
−
$('.banner').unslider({
+
jQuery(document).ready(function($){
−
fluid: true,
+
Papa.parse('https://static.igem.org/mediawiki/2015/e/ed/Unitn_nb.csv.txt', {
−
dots: true,
+
delimiter: ",", // auto-detect
−
speed: 500
+
newline: "", // auto-detect
−
});  
+
header: true,
−
</script>
+
download:true,
 +
dynamicTyping: false,
 +
preview: 0,
 +
encoding: "",
 +
worker: false,
 +
comments: false,
 +
step: undefined,
 +
complete: function(data){
 +
$.each(data['data'],function(k,v){  
 +
$('#cd-timeline_'+v['Segment']).append('<div class="cd-timeline-block"><div class="cd-timeline-img is-hidden '+v['Author']+'"></div><div class="cd-timeline-content is-hidden"><h2>'+v['Title']+'</h2><p>'+v['Text']+'</p><span class="cd-date">'+v['Date']+'</span></div></div>');
 +
});
 +
},
 +
error: undefined,  
 +
skipEmptyLines: true,
 +
chunk: undefined,
 +
fastMode: undefined,
 +
beforeFirstChunk: undefined,
 +
});
 +
 +
 +
});
 +
</script>
 +
 
 +
</div>
 +
</div>
 
</html>
 
</html>

Revision as of 12:33, 10 August 2015

Notebook

Check out our experiments by selecting one of the sections we have worked in!

  • PR
  • BLH
  • PNCB
  • CYT
  • MFC
  • INTERLAB