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

m
 
(74 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
 
 
</html>{{UNITN-Trento/globalIncluder}}<html>
 
</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>
 
 
 
<link rel="stylesheet" type="text/css" href="http://www.startrekfederation.it/transfer_area/timeline.css?action=raw&ctype=text/css" />  
 
<link rel="stylesheet" type="text/css" href="http://www.startrekfederation.it/transfer_area/timeline.css?action=raw&ctype=text/css" />  
+
<style>[class^="flaticon-"]:before, [class*=" flaticon-"]:before,[class^="flaticon-"]:after, [class*=" flaticon-"]:after{font-family:Flaticon;font-size:40px;font-style:normal;margin-left:3px}</style>
 
 
 
 
 
<div id="super_wrap">  
 
<div id="super_wrap">  
Line 20: Line 20:
 
 
 
jQuery('#menulin_interlab').addClass('current');
 
jQuery('#menulin_interlab').addClass('current');
function scrollToID(ida){
+
$('body').scrollTo('#'+ida,{axis: 'y',duration: 350,margin:true,offset: -80});
+
$('.button.active').removeClass('active');
+
$(this).addClass('active');
+
}
+
 
</script></header>
 
</script></header>
 
<!-- Main -->
 
<!-- Main -->
Line 31: Line 27:
  
 
<header>
 
<header>
<h2><strong>Interlab Study</strong></h2>
+
<h2><strong>InterLab Measurement Study</strong></h2>
<p>I have no idea what I'm doing!</p>
+
<p>What happens when GFP meets different promoters? Are they all the same? Here is what we found out!</p>
 
</header>
 
</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">&amp; 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">&amp; 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">&amp; Results</span></p></li>
+
</ul>
+
+
</footer>
+
  
 
</section>
 
</section>
 
 
<article id="main">
+
<article id="main">  
+
<section id="interlab_design" class="wow bounceIn">
+
<a class="anchor-off" name="interlab_intro" id="interlab_intro"></a>
 +
<section  class="wrapper style4 container" style="margin-top:1em;">
 
 
 
<div class="content">
 
<div class="content">
 
<section>
 
<section>
 
<header>
 
<header>
<h3 class="wow fadeInDown" style="visibility:hidden;">About Safety</h3>
+
<h3 class="wow fadeInDown">The Interlab Measurement Study</h3>
 
</header>
 
</header>
 
+
 
<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>
+
<ul class="checklist">
+
<li>General considerations on risks and prevention</li>
+
<div class="row">
<li>Electrical Hazard</li>
+
<div class="4u 12u(narrower)">
<li>Chemical Hazard</li>
+
<div href="#" class="wow zoomIn rotate-box square-icon">
<li>Biological Hazard</li>
+
<span class="rotate-box-icon tals"><i class="faa flaticon-up151"></i></span>
<li>Compressed gasses and cryogenic liquids</li>
+
</div>
</ul>
+
</div>  
<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>
 
</section>
</div>
+
</div>  
+
</section>
</section> <!-- cd-timeline -->
+
+
 
</article>
 
</article>
 +
 +
  
 
<!-- Footer -->
 
<!-- Footer -->
Line 77: Line 68:
  
 
</div>  
 
</div>  
 
+
<script>
</div>
+
function showAftPar(ob)
 +
{
 +
 +
if(jQuery(ob).next().css('display') == 'none')
 +
{
 +
jQuery(ob).addClass('spinnable');
 +
jQuery(ob).next().fadeIn(100); 
 +
 +
}else
 +
{
 +
jQuery(ob).next().fadeOut(100,function(){jQuery(ob).removeClass('spinnable'); });
 +
 +
}
 +
}
 +
 +
$(function(){
 +
new WOW().init(); 
 +
 +
jQuery('.displayControl').click(function() {
 +
var me = $(this);
 +
showAftPar(me);
 +
});
 +
});
 +
 +
</script>
 
</div>
 
</div>
 +
</div>
 
</html>
 
</html>

Latest revision as of 14:24, 17 September 2015

InterLab Measurement Study

What happens when GFP meets different promoters? Are they all the same? Here is what we found out!

The Interlab Measurement Study