Difference between revisions of "Team:NYU Shanghai/Parts"
Line 5: | Line 5: | ||
window.onload = revealProject(); | window.onload = revealProject(); | ||
</script> | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | #overview { | ||
+ | width: 982px; | ||
+ | margin: 0 auto; | ||
+ | margin-bottom: 40px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #overview img { | ||
+ | margin: 0 auto; | ||
+ | padding: 20px; | ||
+ | } | ||
+ | #overview p { | ||
+ | background-color: transparent; | ||
+ | color: transparent; | ||
+ | opacity: 0.8; | ||
+ | position: absolute; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | #overview p:hover { | ||
+ | background-color: white; | ||
+ | color: black; | ||
+ | } | ||
+ | #leftOverlay { | ||
+ | width: 300px; | ||
+ | height: 300px; | ||
+ | margin: 0px; | ||
+ | border-radius: 150px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | #rightOverlay { | ||
+ | width: 300px; | ||
+ | height: 300px; | ||
+ | margin: 0px; | ||
+ | border-radius: 150px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | #tubeOverlay { | ||
+ | width: 250px; | ||
+ | height: 300px; | ||
+ | margin: 0px; | ||
+ | border-radius: 10px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <div id="overview"> | ||
+ | <h3>Parts</h3> | ||
+ | <h4>We’ve created three different types of colored E. Coli.</h4> | ||
+ | <img src="" width="400" height="400"> | ||
+ | <p id="leftOverlay"><strong>Chromoproteins</strong><br>Pigmented compounds that absorb and reflect visible light.</p> | ||
+ | <img src="" width="400" height="400"> | ||
+ | <p id="rightOverlay"><strong>Fluorescent Proteins</strong><br>Pigmented compounds that absorb UV light and reflect visible light.</p> | ||
+ | <img src="" width="350" height="450"> | ||
+ | <p id="tubeOverlay"><strong>Luciferase Enzymes</strong>Catalyze a reaction converting luciferin to oxyluciferin. Energy is released in the form of the light.</p> | ||
+ | </div> | ||
+ | |||
</html> | </html> |
Revision as of 14:06, 30 August 2015