Difference between revisions of "Team:NYU Shanghai/Partners"
Line 1: | Line 1: | ||
{{NYU_Shanghai}} | {{NYU_Shanghai}} | ||
+ | |||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | + | @font-face { | |
− | + | font-family: "helvetica neue light"; | |
− | + | src: url("https://static.igem.org/mediawiki/2015/8/86/NYU_Shanghai_HelveticaNeue-Light.otf") format("opentype"); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
h3 { | h3 { | ||
− | + | color: goldenrod; | |
− | + | ||
− | + | ||
− | + | ||
− | color: | + | |
text-decoration: none; | text-decoration: none; | ||
margin: 0px; | margin: 0px; | ||
Line 28: | Line 14: | ||
font-size: 48px; | font-size: 48px; | ||
font-family: "bebas"; | font-family: "bebas"; | ||
− | |||
− | |||
− | |||
} | } | ||
− | + | h5 { | |
− | + | font-size: 28px; | |
− | + | color: goldenrod; | |
− | + | font-family: "bebas"; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #BMG p { | |
− | + | color: white; | |
− | + | font-family: "helveticaNL"; | |
− | + | font-size: 16px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
− | window.onload = | + | function collapse() { |
+ | function expandBMG() { | ||
+ | /*document.getElementById("BMG").style.color = "white"; | ||
+ | if (document.getElementsByClassName("expanded").length > 0) { | ||
+ | document.getElementsByClassName("expanded")[0].className = "collapsing"; | ||
+ | };*/ | ||
+ | /*function expandStep1() { | ||
+ | if (document.getElementById("BMG").className === "collapsing") { | ||
+ | document.getElementById("BMG").className = "collapsed"; | ||
+ | } | ||
+ | else{ | ||
+ | document.getElementById("BMGText").style.display = "inline-block"; | ||
+ | document.getElementById("BMG1").style.color = "#6db"; | ||
+ | document.getElementById("BMG1").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"> | ||
+ | window.onload = revealProject(); | ||
</script> | </script> | ||
<div id="overview"> | <div id="overview"> | ||
− | < | + | <h3>Code</h3> |
+ | </div> | ||
+ | <div id="BMG"> | ||
+ | <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:41, 10 September 2015