Difference between revisions of "Team:Paris Bettencourt/Protocols"
(9 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{Paris_Bettencourt/header}} | {{Paris_Bettencourt/header}} | ||
{{Paris_Bettencourt/menu}} | {{Paris_Bettencourt/menu}} | ||
− | {{Paris_Bettencourt/ | + | {{Paris_Bettencourt/banner|page_id=protocols|page_name=Protocols}} |
<html> | <html> | ||
+ | <!-- Gallery JS (animation) --> | ||
+ | <script type="text/javascript"> | ||
+ | /** | ||
+ | * Add hash to url without scrolling | ||
+ | * | ||
+ | * @param String $url - it could be hash or url with hash | ||
+ | * | ||
+ | * @return void | ||
+ | */ | ||
+ | function addHashToUrl($url) | ||
+ | { | ||
+ | if ('' == $url || undefined == $url) { | ||
+ | $url = '_'; // it is empty hash because if put empty string here then browser will scroll to top of page | ||
+ | } | ||
+ | $hash = $url.replace(/^.*#/, ''); | ||
+ | var $fx, $node = jQuery('#' + $hash); | ||
+ | if ($node.length) { | ||
+ | $fx = jQuery('<div></div>') | ||
+ | .css({ | ||
+ | position:'absolute', | ||
+ | visibility:'hidden', | ||
+ | top: jQuery(window).scrollTop() + 'px' | ||
+ | }) | ||
+ | .attr('id', $hash) | ||
+ | .appendTo(document.body); | ||
+ | $node.attr('id', ''); | ||
+ | } | ||
+ | document.location.hash = $hash; | ||
+ | if ($node.length) { | ||
+ | $fx.remove(); | ||
+ | $node.attr('id', $hash); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | // Make the list of all protocols | ||
+ | var proto = $('.textBox').map(function(index) { | ||
+ | return this.id; | ||
+ | }); | ||
+ | proto = jQuery.makeArray(proto); | ||
+ | |||
+ | // Make the hash change: | ||
+ | // Escape removes the hash | ||
+ | $(document).keyup(function(e) { | ||
+ | if (e.keyCode == 27) { | ||
+ | addHashToUrl(""); | ||
+ | }; | ||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | // Triggers: hashchange, when page loads with specified hash | ||
+ | // Page is loaded | ||
+ | var hash = window.location.hash.slice(1); | ||
+ | if (/FS/i.test(hash)) { | ||
+ | var hash = window.location.hash.slice(3); | ||
+ | if (jQuery.inArray(hash, proto) != -1) { | ||
+ | $("#"+hash).addClass("show FS"); | ||
+ | $("#bg").addClass("show FS"); | ||
+ | }; | ||
+ | } else { | ||
+ | if (jQuery.inArray(hash, proto) != -1) { | ||
+ | $("#"+hash).addClass("show"); | ||
+ | $("#bg").addClass("show"); | ||
+ | }; | ||
+ | }; | ||
+ | |||
+ | // Hash changes | ||
+ | $(window).bind('hashchange', function() { // when hash changes | ||
+ | var hash = window.location.hash.slice(1); | ||
+ | if (/FS/i.test(hash)) { | ||
+ | hash = window.location.hash.slice(3); | ||
+ | $(".textBox").removeClass("show FS"); | ||
+ | $("#bg").removeClass("show FS"); | ||
+ | if (jQuery.inArray(hash, proto) != -1) { | ||
+ | $("#"+hash).addClass("show FS"); | ||
+ | $("#bg").addClass("show FS"); | ||
+ | }; | ||
+ | } else { | ||
+ | $(".textBox").removeClass("show FS"); | ||
+ | $("#bg").removeClass("show FS"); | ||
+ | if (jQuery.inArray(hash, proto) != -1) { | ||
+ | $("#"+hash).addClass("show"); | ||
+ | $("#bg").addClass("show"); | ||
+ | }; | ||
+ | }; | ||
+ | }); | ||
+ | |||
+ | // Close window when click outside of it | ||
+ | $("body").click(function(event) { | ||
+ | if(!$(event.target).closest(".textBox").length) { | ||
+ | $(".textBox").removeClass("show FS"); | ||
+ | $("#bg").removeClass("show FS"); | ||
+ | addHashToUrl(""); | ||
+ | }; | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <div id="bg"></div> | ||
Line 659: | Line 760: | ||
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#Annealing"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#Annealing"> | ||
<div class="ptext"><p>Annealing</p></div> | <div class="ptext"><p>Annealing</p></div> | ||
− | <img src=""> | + | <img src="https://static.igem.org/mediawiki/2015/f/fc/ParisBettencourt_protocolsMicro.jpg"> |
</a> | </a> | ||
</div> | </div> | ||
Line 667: | Line 768: | ||
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#ChemicalTestCompetentCells"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#ChemicalTestCompetentCells"> | ||
<div class="ptext"><p>Chemical Test for Competent Cell</p></div> | <div class="ptext"><p>Chemical Test for Competent Cell</p></div> | ||
− | <img src=""> | + | <img src="https://static.igem.org/mediawiki/2015/0/08/ParisBettencourt_fluoPlate.jpg"> |
</a> | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="box"> | <div class="box"> | ||
− | <div class="innerBox | + | <div class="innerBox magenta"> |
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#Digestion"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#Digestion"> | ||
<div class="ptext"><p>Digestion</p></div> | <div class="ptext"><p>Digestion</p></div> | ||
Line 683: | Line 784: | ||
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#Electroporation"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#Electroporation"> | ||
<div class="ptext"><p>Electroporation</p></div> | <div class="ptext"><p>Electroporation</p></div> | ||
− | <img src=""> | + | <img src="https://static.igem.org/mediawiki/2015/1/11/ParisBettencourt_protocolsGel.JPG"> |
</a> | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="box"> | <div class="box"> | ||
− | <div class="innerBox | + | <div class="innerBox yellow"> |
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#ElectrocompetentCells"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#ElectrocompetentCells"> | ||
<div class="ptext"><p>Electrocompetent Cells</p></div> | <div class="ptext"><p>Electrocompetent Cells</p></div> | ||
Line 696: | Line 797: | ||
</div> | </div> | ||
<div class="box"> | <div class="box"> | ||
− | <div class="innerBox | + | <div class="innerBox cyan"> |
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#ElectrocompetentLactobacillus"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#ElectrocompetentLactobacillus"> | ||
<div class="ptext"><p><i>L. plantarum</i> Electrocompetent Cells</p></div> | <div class="ptext"><p><i>L. plantarum</i> Electrocompetent Cells</p></div> | ||
− | <img src=""> | + | <img src="https://static.igem.org/mediawiki/2015/6/6a/ParisBettencourt_protocolsTubesOnIce.JPG"> |
</a> | </a> | ||
</div> | </div> | ||
Line 707: | Line 808: | ||
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#Electrophoresis"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#Electrophoresis"> | ||
<div class="ptext"><p>Gel Electrophoresis with SYBR safe</p></div> | <div class="ptext"><p>Gel Electrophoresis with SYBR safe</p></div> | ||
− | <img src="https://static.igem.org/mediawiki/2015/ | + | <img src="https://static.igem.org/mediawiki/2015/f/f1/ParisBettencourt_protocolsPlateFluo.jpg"> |
</a> | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="box"> | <div class="box"> | ||
− | <div class="innerBox | + | <div class="innerBox cyan"> |
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#GelPurification"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#GelPurification"> | ||
<div class="ptext"><p>Gel purification</p></div> | <div class="ptext"><p>Gel purification</p></div> | ||
Line 720: | Line 821: | ||
</div> | </div> | ||
<div class="box"> | <div class="box"> | ||
− | <div class="innerBox | + | <div class="innerBox cyan"> |
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#HeatShockTransformation"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#HeatShockTransformation"> | ||
<div class="ptext"><p>Heat Shock Transformation</p></div> | <div class="ptext"><p>Heat Shock Transformation</p></div> | ||
Line 736: | Line 837: | ||
</div> | </div> | ||
<div class="box"> | <div class="box"> | ||
− | <div class="innerBox | + | <div class="innerBox yellow"> |
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#Idli"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#Idli"> | ||
<div class="ptext"><p>Idli Recipe</p></div> | <div class="ptext"><p>Idli Recipe</p></div> | ||
Line 760: | Line 861: | ||
</div> | </div> | ||
<div class="box"> | <div class="box"> | ||
− | <div class="innerBox | + | <div class="innerBox yellow"> |
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#PCR"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#PCR"> | ||
<div class="ptext"><p>PCR</p></div> | <div class="ptext"><p>PCR</p></div> | ||
Line 787: | Line 888: | ||
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#VitaminATitration"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#VitaminATitration"> | ||
<div class="ptext"><p>Vitamin A Titration</p></div> | <div class="ptext"><p>Vitamin A Titration</p></div> | ||
− | <img src=""> | + | <img src="https://static.igem.org/mediawiki/2015/f/fc/ParisBettencourt_protocolsMicro.jpg"> |
</a> | </a> | ||
</div> | </div> | ||
Line 795: | Line 896: | ||
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#VitaminATitrationHPLC"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#VitaminATitrationHPLC"> | ||
<div class="ptext"><p>Vitamin A Titration using HPLC</p></div> | <div class="ptext"><p>Vitamin A Titration using HPLC</p></div> | ||
− | <img src=""> | + | <img src="https://static.igem.org/mediawiki/2015/0/08/ParisBettencourt_fluoPlate.jpg"> |
</a> | </a> | ||
</div> | </div> | ||
Line 803: | Line 904: | ||
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#VitaminB2TitrationHPLC"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#VitaminB2TitrationHPLC"> | ||
<div class="ptext"><p>Vitamin B2 Titration using HPLC</p></div> | <div class="ptext"><p>Vitamin B2 Titration using HPLC</p></div> | ||
− | <img src=""> | + | <img src="https://static.igem.org/mediawiki/2015/d/da/ParisBettencourt_protocolsErlen.JPG"> |
</a> | </a> | ||
</div> | </div> | ||
Line 819: | Line 920: | ||
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#YeastDNAextractiondneasybloodandtissuekit"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#YeastDNAextractiondneasybloodandtissuekit"> | ||
<div class="ptext"><p>Yeast DNA extraction </p></div> | <div class="ptext"><p>Yeast DNA extraction </p></div> | ||
− | <img src=""> | + | <img src="https://static.igem.org/mediawiki/2015/e/ec/ParisBettencourt_protocolsFrozenEnzymes.JPG"> |
</a> | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="box"> | <div class="box"> | ||
− | <div class="innerBox | + | <div class="innerBox magenta"> |
<a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#YeastLysisNaOH"> | <a href="https://2015.igem.org/Team:Paris_Bettencourt/Protocols#YeastLysisNaOH"> | ||
<div class="ptext"><p>Yeast Lysis with NaOH</p></div> | <div class="ptext"><p>Yeast Lysis with NaOH</p></div> |
Latest revision as of 10:32, 19 November 2015