Difference between revisions of "Team:NYU Shanghai/Design"
(22 intermediate revisions by the same user not shown) | |||
Line 204: | Line 204: | ||
text-decoration: none; | text-decoration: none; | ||
color: #6db; | color: #6db; | ||
+ | } | ||
+ | #minute { | ||
+ | margin-bottom: 40px; | ||
+ | } | ||
+ | #minute img { | ||
+ | vertical-align: top; | ||
+ | display: inline-block; | ||
} | } | ||
span:hover { | span:hover { | ||
Line 507: | Line 514: | ||
}; | }; | ||
} | } | ||
− | |||
function expandButton1() { | function expandButton1() { | ||
if (document.getElementById("button1").className === "expanded") { | if (document.getElementById("button1").className === "expanded") { | ||
Line 528: | Line 534: | ||
document.getElementById("button2").style.color = "#6db"; | document.getElementById("button2").style.color = "#6db"; | ||
document.getElementById("button2").className = "expanded"; | document.getElementById("button2").className = "expanded"; | ||
+ | }; | ||
+ | } | ||
+ | function expandforty() { | ||
+ | if (document.getElementById("forty").className === "collapsed") { | ||
+ | document.getElementById("forty").style.color = "white"; | ||
+ | document.getElementById("fortyText").style.display = "none"; | ||
+ | document.getElementById("forty").className = "expanded"; | ||
+ | } else{ | ||
+ | document.getElementById("fortyText").style.display = "inline-block"; | ||
+ | document.getElementById("forty").style.color = "#6db"; | ||
+ | document.getElementById("forty").className = "collapsed"; | ||
}; | }; | ||
} | } | ||
Line 608: | Line 625: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div> | + | <div id="minute"> |
<h5>40 Minute Sound</h5> | <h5>40 Minute Sound</h5> | ||
− | <img src="https://static.igem.org/mediawiki/2015/ | + | <img src="https://static.igem.org/mediawiki/2015/3/31/NYU_Shanghai_Waves2.png" width="440"></img> |
− | <div style="width: 440px; display: inline-block;"> | + | <div style="width: 440px; display: inline-block; margin-left: 20px;" > |
− | <h6 | + | <h6 id="forty" class="collapsed" onclick="collapse();expandforty()"><span class="noselect">What is the 40min sound?</span></h6> |
− | + | <p id="fortyText" class="collapsed">We wanted to represent a real-time biological oscillator, the natural form of a beat-generator. It is an acknowledgement to the current limitations of biological systems due to time-scales of expression, inherent randomness, the lack of mainpulated synchronization, and the role of electronics in the future of synthetic biology.</p> | |
− | + | ||
− | + | ||
− | <p id=" | + | |
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> |
Latest revision as of 01:24, 18 September 2015