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

Line 3: Line 3:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
−
h4 {
+
}
 +
  h3 {
 
     color: goldenrod;
 
     color: goldenrod;
 
     text-decoration: none;
 
     text-decoration: none;
Line 10: Line 11:
 
     font-size: 48px;
 
     font-size: 48px;
 
     font-family: "bebas";
 
     font-family: "bebas";
−
}
+
  }
 +
  h5 {
 +
    font-size: 28px;
 +
    color: goldenrod;
 +
    font-family: "bebas";
 +
  }
 
</style>
 
</style>
 +
 +
<script type="text/javascript">
 +
  function collapse() {
 +
  function expandBMG() {
 +
  /*document.getElementById("step1").style.color = "white";
 +
    if (document.getElementsByClassName("expanded").length > 0) {
 +
    document.getElementsByClassName("expanded")[0].className = "collapsing";
 +
    };*/
 +
    /*function expandStep1() {
 +
    if (document.getElementById("step1").className === "collapsing") {
 +
      document.getElementById("step1").className = "collapsed";
 +
    }
 +
    else{
 +
      document.getElementById("step1Text").style.display = "inline-block";
 +
      document.getElementById("step1").style.color = "#6db";
 +
      document.getElementById("step1").className = "expanded";
 +
      if (document.getElementsByClassName("collapsing").length > 0) {
 +
        document.getElementsByClassName("collapsing")[0].className = "collapsed";
 +
    };
 +
  };
 +
    }
 +
    }*/
 +
//The functions below collapse and expand only when the specific item is clicked
 +
 +
    function expandBMG() {
 +
    if (document.getElementById("BMG").className === "expanded") {
 +
      document.getElementById("BMG").style.color = "white";
 +
      document.getElementById("BMGText").style.display = "none";
 +
      document.getElementById("BMG1").className = "collapsed";
 +
    } else{
 +
      document.getElementById("BMGText").style.display = "inline-block";
 +
      document.getElementById("BMG1").style.color = "#6db";
 +
      document.getElementById("BMG1").className = "expanded";
 +
    };
 +
</script>
  
 
<script type="text/javascript">
 
<script type="text/javascript">
Line 18: Line 59:
  
 
<div id="overview">
 
<div id="overview">
−
   <h4>Code</h4>
+
   <h3>Code</h3>
 +
  <h5 id="BMG" class="collapsed"onclick="collapse();expandStep1()"><span class="noselect">Bacterial Music Generator</span></h5>
 +
<p id="BMGText">With bacteria expressing chromoproteins or fluorescent proteins. All parts taken from the Registry. See constructs</p>
 
</div>
 
</div>
  
 
</html>
 
</html>

Revision as of 05:33, 10 September 2015

Code

With bacteria expressing chromoproteins or fluorescent proteins. All parts taken from the Registry. See constructs