Difference between revisions of "Team:RUM-UPRM/Notebook"

Line 62: Line 62:
 
           <h3 class="display-5">Lab Protocols</h3>
 
           <h3 class="display-5">Lab Protocols</h3>
  
−
<h2>Animated Collapsibles</h2>
 
  
−
<p>A Collapsible:</p>
+
<button class="collapsible">Ligation Protocol</button>
−
<button class="collapsible">Open Collapsible</button>
+
 
<div class="content">
 
<div class="content">
−
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
<object data="https://static.igem.org/mediawiki/2020/1/11/T--RUM-UPRM--LigationProtocol.pdf" width="100%" height="600" />
 +
</object>
 
</div>
 
</div>
  
−
<p>Collapsible Set:</p>
+
<button class="collapsible">DNA Extration</button>
−
<button class="collapsible">Open Section 1</button>
+
 
<div class="content">
 
<div class="content">
−
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
  <object data="https://static.igem.org/mediawiki/2020/e/e1/T--RUM-UPRM--DNAEXTRACTION.pdf
 +
 
 +
" type="application/pdf" width="100%" height="600" />
 +
</object>
 
</div>
 
</div>
−
<button class="collapsible">Open Section 2</button>
+
 
 +
<button class="collapsible">DNA Precipitation</button>
 
<div class="content">
 
<div class="content">
−
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
  <object data="https://static.igem.org/mediawiki/2020/2/23/T--RUM-UPRM--DNAPRECIPITATION.pdf" type="application/pdf" width="100%" height="600" />
 +
</object>
 
</div>
 
</div>
−
<button class="collapsible">Open Section 3</button>
+
 
 +
<button class="collapsible">Gel DNA Extraction</button>
 
<div class="content">
 
<div class="content">
−
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
  <object data="https://static.igem.org/mediawiki/2020/0/07/T--RUM-UPRM--Gel_extraction.pdf" type="application/pdf" width="100%" height="600" />
 +
</object>
 
</div>
 
</div>
 +
 +
<button class="collapsible">Bacterial Transformation</button>
 +
<div class="content">
 +
  <object data="https://static.igem.org/mediawiki/2020/a/ac/T--RUM-UPRM--Bacterial_Transformation.pdf"type="application/pdf" width="100%" height="600" />
 +
</object>
 +
</div>
 +
 +
 +
<button class="collapsible">Inoculation</button>
 +
<div class="content">
 +
  <object data="https://static.igem.org/mediawiki/2020/3/39/T--RUM-UPRM--Inoculation.pdf" type="application/pdf" width="100%" height="600" />
 +
</object>
 +
</div>
 +
 +
 +
<button class="collapsible">Preparation of Competent Cells</button>
 +
<div class="content">
 +
  <object data="https://static.igem.org/mediawiki/2020/d/dc/T--RUM-UPRM--Competent_Cells.pdf"type="application/pdf" width="100%" height="600" />
 +
</object>
 +
</div>
 +
 +
<button class="collapsible">Gibson Assembly</button>
 +
<div class="content">
 +
  <object data="https://static.igem.org/mediawiki/2020/3/30/T--RUM-UPRM--GibsonAssembly.pdf"type="application/pdf" width="100%" height="600" />
 +
</object>
 +
</div>
 +
 +
 +
<script>
 +
var coll = document.getElementsByClassName("collapsible");
 +
var i;
 +
for (i = 0; i < coll.length; i++) {
 +
  coll[i].addEventListener("click", function() {
 +
    this.classList.toggle("active");
 +
    var content = this.nextElementSibling;
 +
    if (content.style.maxHeight){
 +
      content.style.maxHeight = null;
 +
    } else {
 +
      content.style.maxHeight = content.scrollHeight + "px";
 +
    }
 +
  });
 +
}
 +
</script>
  
 
<script>
 
<script>

Revision as of 02:35, 23 October 2020

Lab Protocols

Copyright © UPRM-RUM 2020