Difference between revisions of "Team:NYU Shanghai/Design"
Line 90: | Line 90: | ||
width: 312px; | width: 312px; | ||
height: 114px; | height: 114px; | ||
− | margin: -305px | + | margin: -305px 250px; |
border-radius: 10px; | border-radius: 10px; | ||
padding: 10px; | padding: 10px; | ||
Line 102: | Line 102: | ||
} | } | ||
#buttonOverlay { | #buttonOverlay { | ||
− | width: | + | width: 210px; |
height: 45px; | height: 45px; | ||
− | margin: -150px | + | margin: -150px 365px; |
border-radius: 10px; | border-radius: 10px; | ||
padding: 5px; | padding: 5px; | ||
Line 110: | Line 110: | ||
#smallOverlay { | #smallOverlay { | ||
width: 100px; | width: 100px; | ||
− | height: | + | height: 50px; |
− | margin: - | + | margin: -155px 250px; |
border-radius: 10px; | border-radius: 10px; | ||
padding: 5px; | padding: 5px; | ||
Line 537: | Line 537: | ||
<h4>We've created an interactive beat generating machine.</h4> | <h4>We've created an interactive beat generating machine.</h4> | ||
<img src="https://static.igem.org/mediawiki/2015/thumb/c/cf/NYU_Shanghai_Designpage.png/767px-NYU_Shanghai_Designpage.png"> | <img src="https://static.igem.org/mediawiki/2015/thumb/c/cf/NYU_Shanghai_Designpage.png/767px-NYU_Shanghai_Designpage.png"> | ||
− | <p id="tubeOverlay"><br>The tube rack generates the background beat. Tubes contain | + | <p id="tubeOverlay"><br>The tube rack generates the background beat. Tubes contain colorful bacteria, and each color corresponds to a different bass sound. Sound is read left to right.</p> |
<p id="cameraOverlay">Bacterial colonies are translated into a step sequencer. Bacteria express fluorescent or chromoproteins. Different colors correspond to different instruments.</p> | <p id="cameraOverlay">Bacterial colonies are translated into a step sequencer. Bacteria express fluorescent or chromoproteins. Different colors correspond to different instruments.</p> | ||
− | <p id="buttonOverlay"> | + | <p id="buttonOverlay">Allows user to control cameras and volume.</p> |
− | <p id="smallOverlay"> | + | <p id="smallOverlay">Represents a biological light oscillator.</p> |
</img> | </img> | ||
</div> | </div> |
Revision as of 03:59, 15 September 2015