Difference between revisions of "Team:NYU Shanghai/Protocols"

m
Line 21: Line 21:
 
   }
 
   }
 
   h5 {
 
   h5 {
−
     font-size: 28px;
+
     font-size: 24px;
 
     color: white;
 
     color: white;
 
     font-family: "bebasneue";
 
     font-family: "bebasneue";
Line 60: Line 60:
 
     };
 
     };
 
   }
 
   }
−
   function expandColor() {
+
   function expandSOC() {
−
     if (document.getElementById("color").className === "collapsed") {
+
     if (document.getElementById("SOC").className === "collapsed") {
−
       document.getElementById("color").style.color = "#d66";
+
       document.getElementById("SOC").style.color = "#d66";
−
       document.getElementById("colorText").style.display = "inline-block";
+
       document.getElementById("SOCText").style.display = "inline-block";
−
       document.getElementById("color").className = "expanded";
+
       document.getElementById("SOC").className = "expanded";
 
     } else{
 
     } else{
−
       document.getElementById("color").style.color = "white";
+
       document.getElementById("SOC").style.color = "white";
−
       document.getElementById("colorText").style.display = "none";
+
      document.getElementById("SOCText").style.display = "none";
−
       document.getElementById("color").className = "collapsed";
+
      document.getElementById("SOC").className = "collapsed";
 +
    };
 +
  }
 +
  function expandtransform() {
 +
    if (document.getElementById("transform").className === "collapsed") {
 +
      document.getElementById("transform").style.color = "#d66";
 +
      document.getElementById("transformText").style.display = "inline-block";
 +
      document.getElementById("transform").className = "expanded";
 +
    } else{
 +
      document.getElementById("transform").style.color = "white";
 +
       document.getElementById("transformText").style.display = "none";
 +
       document.getElementById("transform").className = "collapsed";
 +
    };
 +
  }
 +
  function expandmp() {
 +
    if (document.getElementById("mp").className === "collapsed") {
 +
      document.getElementById("mp").style.color = "#d66";
 +
      document.getElementById("mpText").style.display = "inline-block";
 +
      document.getElementById("mp").className = "expanded";
 +
    } else{
 +
      document.getElementById("mp").style.color = "white";
 +
      document.getElementById("mpText").style.display = "none";
 +
      document.getElementById("mp").className = "collapsed";
 +
    };
 +
  }
 +
  function expandSOC() {
 +
    if (document.getElementById("SOC").className === "collapsed") {
 +
      document.getElementById("SOC").style.color = "#d66";
 +
      document.getElementById("SOCText").style.display = "inline-block";
 +
      document.getElementById("SOC").className = "expanded";
 +
    } else{
 +
      document.getElementById("SOC").style.color = "white";
 +
      document.getElementById("SOCText").style.display = "none";
 +
      document.getElementById("SOC").className = "collapsed";
 +
    };
 +
  }
 +
  function expandSOC() {
 +
    if (document.getElementById("SOC").className === "collapsed") {
 +
      document.getElementById("SOC").style.color = "#d66";
 +
      document.getElementById("SOCText").style.display = "inline-block";
 +
      document.getElementById("SOC").className = "expanded";
 +
    } else{
 +
      document.getElementById("SOC").style.color = "white";
 +
      document.getElementById("SOCText").style.display = "none";
 +
      document.getElementById("SOC").className = "collapsed";
 +
    };
 +
  }
 +
  function expandSOC() {
 +
    if (document.getElementById("SOC").className === "collapsed") {
 +
      document.getElementById("SOC").style.color = "#d66";
 +
      document.getElementById("SOCText").style.display = "inline-block";
 +
      document.getElementById("SOC").className = "expanded";
 +
    } else{
 +
      document.getElementById("SOC").style.color = "white";
 +
      document.getElementById("SOCText").style.display = "none";
 +
      document.getElementById("SOC").className = "collapsed";
 
     };
 
     };
 
   }
 
   }
Line 96: Line 151:
 
</p>
 
</p>
 
</div>
 
</div>
 +
 +
<div id="SOC" class="collapsed" onclick="expandSOC()">
 +
<h5 style="display:inline-block"><span class="noselect">SOC Media</span></h5> 
 +
<br>
 +
<p id="SOCText" style="display:none">
 +
    This is how you make SOC media.
 +
</p>
 +
</div>
 +
 +
<div>
 +
  <h4>Transformation</h4>
 +
</div>
 +
 +
<div id="transform" class="collapsed" onclick="expandtransform()">
 +
<h5 style="display:inline-block"><span class="noselect">Transformation</span></h5> 
 +
<br>
 +
<p id="transformText" style="display:none">
 +
    This is how you transform bacteria.
 +
</p>
 +
</div>
 +
 +
<div id="mp" class="collapsed" onclick="expandtransform()">
 +
<h5 style="display:inline-block"><span class="noselect">Miniprep</span></h5> 
 +
<br>
 +
<p id="mpText" style="display:none">
 +
    This is how you miniprep.
 +
</p>
 +
</div>
 +
 +
<div id="transform" class="collapsed" onclick="expandtransform()">
 +
<h5 style="display:inline-block"><span class="noselect">SOC Media</span></h5> 
 +
<br>
 +
<p id="transformText" style="display:none">
 +
    This is how you transform bacteria.
 +
</p>
 +
</div>
 +
  
 
</html>
 
</html>

Revision as of 17:08, 11 September 2015

Protocols

Recipes

Transformation