Difference between revisions of "Team:WashU StLouis/Experiments"

m (added photo)
(Added empty protocol divs)
Line 42: Line 42:
 
<h2> Protocols </h2>
 
<h2> Protocols </h2>
  
−
</div>
+
<p> These are the protocols we followed in  our experiments </p>
−
 
+
−
<div class="column half_size">
+
  
 
<h3> Moon Lab </h3>
 
<h3> Moon Lab </h3>
  
−
<ul>
+
<button class="protocol-accordion">PCR</button>
−
<li> PCR </li>
+
<div class="protocol-panel">
−
<li> Gel Extraction </li>
+
  <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>
−
<li> etc. </li>
+
  <ul>
−
</ul>
+
<li> step 1 </li>
 +
<li> step 2 </li>
 +
<li> step 3 </li>
 +
</div>
  
 +
<button class="protocol-accordion">Gel Extraction</button>
 +
<div class="protocol-panel">
 +
  <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>
 +
  <ul>
 +
<li> step 1 </li>
 +
<li> step 2 </li>
 +
<li> step 3 </li>
 +
</div>
  
 +
<button class="protocol-accordion">Transformation</button>
 +
<div class="protocol-panel">
 +
  <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>
 +
  <ul>
 +
<li> step 1 </li>
 +
<li> step 2 </li>
 +
<li> step 3 </li>
 
</div>
 
</div>
  
−
<div class="column half_size">
+
</br>
  
 
<h3> Zhang Lab </h3>
 
<h3> Zhang Lab </h3>
  
−
<ul>
+
<button class="protocol-accordion">PCR</button>
−
<li> PCR </li>
+
<div class="protocol-panel">
−
<li> Gel Extraction </li>
+
  <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>
−
<li> etc. </li>
+
  <ul>
−
</ul>
+
<li> step 1 </li>
 +
<li> step 2 </li>
 +
<li> step 3 </li>
 +
</div>
  
 +
<button class="protocol-accordion">Gel Extraction</button>
 +
<div class="protocol-panel">
 +
  <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>
 +
  <ul>
 +
<li> step 1 </li>
 +
<li> step 2 </li>
 +
<li> step 3 </li>
 +
</div>
  
 +
<button class="protocol-accordion">Transformation</button>
 +
<div class="protocol-panel">
 +
  <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>
 +
  <ul>
 +
<li> step 1 </li>
 +
<li> step 2 </li>
 +
<li> step 3 </li>
 
</div>
 
</div>
 +
 +
</div>
 +
 +
 +
 +
 
<div class="column full_size">
 
<div class="column full_size">
  
 
<h2> Notebook </h2>
 
<h2> Notebook </h2>
 
<img src="https://static.igem.org/mediawiki/2016/6/69/Supercell_test.PNG"></div>
 
<img src="https://static.igem.org/mediawiki/2016/6/69/Supercell_test.PNG"></div>
 +
 +
 +
<script>
 +
var acc = document.getElementsByClassName("protocol-accordion");
 +
var i;
 +
var j;
 +
for (i = 0; i < acc.length; i++) {
 +
 +
    acc[i].onclick = function(){
 +
        this.classList.toggle("active");
 +
this.nextElementSibling.classList.toggle("show");
 +
        for (j = 0; j < acc.length; j++) {
 +
        if ( this!=acc[j] ) {
 +
 +
            acc[j].classList.remove("active");
 +
            acc[j].nextElementSibling.classList.remove("show");       
 +
        }
 +
 +
        }
 +
  }
 +
}
 +
</script>
  
  
  
 
</html>
 
</html>

Revision as of 16:09, 15 June 2016

MENU ▤

Describe the experiments, research and protocols you used in your iGEM project.

What should this page contain?
  • Protocols
  • Experiments
  • Documentation of the development of your project
Inspiration

Protocols

These are the protocols we followed in our experiments

Moon Lab

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.

  • step 1
  • step 2
  • step 3

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.

  • step 1
  • step 2
  • step 3

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.

  • step 1
  • step 2
  • step 3

Zhang Lab

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.

  • step 1
  • step 2
  • step 3

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.

  • step 1
  • step 2
  • step 3

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.

  • step 1
  • step 2
  • step 3

Notebook