Difference between revisions of "Team:Exeter/Protocols"

 
(16 intermediate revisions by 2 users not shown)
Line 19: Line 19:
  
  
 +
    <script src="https://2015.igem.org/Team:Exeter/js/jquery-bxslider-min?action=raw&ctype=text/javascript"></script>
  
 +
    <link href="https://2015.igem.org/Team:Exeter/lib/jquery-bxslider?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
 +
<style>
 +
 +
.containerSlider300 {
 +
width: 350px;
 +
padding-left: 20px;
 +
}
 +
 +
.containerSlider400 {
 +
width: 450px;
 +
padding-left: 20px;
 +
}
 +
 +
.containerSlider500 {
 +
width: 550px;
 +
padding-left: 20px;
 +
}
 +
 +
 +
 +
</style>
  
 
<script>
 
<script>
Line 51: Line 74:
 
});
 
});
  
−
$(document).ready(function(){$('.sop').hide('fast');});
+
$(document).ready(function(){
 +
 
 +
$('.sop').show('slow');
 +
 
 +
var slider = $('.slider500').bxSlider({
 +
    slideWidth: 500,
 +
    minSlides: 1,
 +
    maxSlides: 1,
 +
    slideMargin: 0,
 +
    captions: true,
 +
    adaptiveHeight: true,
 +
    preloadImages: 'all'
 +
  });
 +
 
 +
  $('.slider300').bxSlider({
 +
    slideWidth: 300,
 +
    minSlides: 1,
 +
    maxSlides: 1,
 +
    slideMargin: 0,
 +
    captions: true,
 +
    adaptiveHeight: true,
 +
    preloadImages: 'all'
 +
  });
 +
 
 +
$('.slider400').bxSlider({
 +
    slideWidth: 400,
 +
    minSlides: 1,
 +
    maxSlides: 1,
 +
    slideMargin: 0,
 +
    captions: true,
 +
    adaptiveHeight: true,
 +
    preloadImages: 'all'
 +
  });
 +
 
 +
$('.sliderstatic400').bxSlider({
 +
    slideWidth: 400,
 +
    minSlides: 1,
 +
    maxSlides: 1,
 +
    slideMargin: 0,
 +
    captions: true,
 +
    adaptiveHeight: true,
 +
    preloadImages: 'all',
 +
    controls: false,
 +
    touchEnabled: false,
 +
    pager: false
 +
  });
 +
 
 +
$('.sop').hide('slow');
 +
 
 +
});
  
 
</script>
 
</script>
  
 +
<div class="container">
  
 
<div id="container">
 
<div id="container">
  
  
−
<h1>Standard Operating Procedures (SOPs)</h1>
+
<h1>Protocols</h1>
  
  
 
<br/>
 
<br/>
 
<h5>
 
<h5>
−
<center>Use the mouse or touch screen to scroll through our SOPs. Click on an image to bring up the corresponding protocol.</center>
+
<center>Use the arrow keys or touch screen to scroll through our SOPs. Click on an image to bring up the corresponding protocol.</center>
 
</h5>
 
</h5>
 
<br/>
 
<br/>
Line 92: Line 165:
 
<a target="_blank" href="https://static.igem.org/mediawiki/2015/7/71/Exeter_S30_cell_free_kit_SOP.pdf"><img class="cover" src="https://static.igem.org/mediawiki/2015/b/b6/Exeter_S30_cell_free.png" style="height:250px"/></a>
 
<a target="_blank" href="https://static.igem.org/mediawiki/2015/7/71/Exeter_S30_cell_free_kit_SOP.pdf"><img class="cover" src="https://static.igem.org/mediawiki/2015/b/b6/Exeter_S30_cell_free.png" style="height:250px"/></a>
 
<a target="_blank" href="https://static.igem.org/mediawiki/2015/3/3d/Exeter_solid_agar_recipe.pdf"><img class="cover" src="https://static.igem.org/mediawiki/2015/9/94/Exeter_solid_agar.png" style="height:250px"/></a>
 
<a target="_blank" href="https://static.igem.org/mediawiki/2015/3/3d/Exeter_solid_agar_recipe.pdf"><img class="cover" src="https://static.igem.org/mediawiki/2015/9/94/Exeter_solid_agar.png" style="height:250px"/></a>
 +
<a target="_blank" href="https://static.igem.org/mediawiki/2015/e/ea/Exeter_SDS_PAGE_SOP.pdf"><img class="cover" src="https://static.igem.org/mediawiki/2015/0/0e/Exeter_sds_page_sop.png" style="height:250px"/></a>
 +
<a target="_blank" href="https://static.igem.org/mediawiki/2015/f/f6/Exeter_Q5_mutagenesis_sop.pdf"><img class="cover" src="https://static.igem.org/mediawiki/2015/9/95/Exeter_Q5_mutagenesis_primers.png" style="height:250px"/></a>
 
</div>
 
</div>
 
<br/>
 
<br/>
Line 116: Line 191:
  
 
<!--End Level 3 Buttons-->
 
<!--End Level 3 Buttons-->
 +
  
 
<div class="sop">
 
<div class="sop">
 +
 +
 +
<div class="containerSlider400" style="float:right">
 +
<div class="sliderstatic400">
 +
 +
<div class="slide"><a href="https://static.igem.org/mediawiki/2015/9/97/Exeter_protocols.zip"><img src="https://static.igem.org/mediawiki/2015/7/75/Exeter_protocols_download.png" title="Click the image to download all protocols."></a></div>
 +
 +
</div>
 +
</div>
  
 
<ul>
 
<ul>
Line 160: Line 245:
 
<!-- Buttons stop -->
 
<!-- Buttons stop -->
  
 +
</div>
 
</div>
 
</div>
  
 
</html>
 
</html>
 
{{Exeterfooter}}
 
{{Exeterfooter}}

Latest revision as of 14:31, 14 September 2015

  • Contact us:
    exeterigem@gmail.com