"
Team:BYU Provo/Team
From 2011.igem.org
(Difference between revisions)
Cheddar3210 (Talk | contribs) |
|||
| Line 1: | Line 1: | ||
| + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
{{Template:BYU_Provo}} | {{Template:BYU_Provo}} | ||
<div id="pageContents"> | <div id="pageContents"> | ||
| Line 11: | Line 12: | ||
} | } | ||
| - | img { | + | img.peeps,#blurb { |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| + | } | ||
| + | |||
| + | img.peeps { | ||
| + | margin-top: -89px; | ||
} | } | ||
| Line 110: | Line 115: | ||
#person7:hover { | #person7:hover { | ||
background: url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -987px 0; | background: url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -987px 0; | ||
| + | } | ||
| + | |||
| + | #person8 { | ||
| + | width:550px; | ||
| + | height:366px; | ||
| + | background:url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -1100px 0; | ||
| + | } | ||
| + | |||
| + | #blurb { | ||
| + | position: relative; | ||
| + | left: 41px; | ||
| + | top: -16px; | ||
| + | z-index: 1000; | ||
| + | background-color: white; | ||
| + | opacity: 0.7; | ||
| + | filter: alpha(opacity=70); | ||
| + | width:512px; | ||
| + | height: 73px; | ||
| + | text-align: center; | ||
| + | font-family: Verdana, sans-serif; | ||
| + | } | ||
| + | |||
| + | #blurbText { | ||
| + | font-size: 16px; | ||
| + | font-family: Verdana, sans-serif; | ||
} | } | ||
</style> | </style> | ||
| Line 115: | Line 145: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
var lefts = ["0", "-85px", "-145px", "-200px", "-250px", "-308px", "-362px", "-437px"]; | var lefts = ["0", "-85px", "-145px", "-200px", "-250px", "-308px", "-362px", "-437px"]; | ||
| - | var lefts2 = ["-550px", "-635px", "-695px", "-750px", "-800px", "-858px", "-912px", "-987px"] | + | var lefts2 = ["-550px", "-635px", "-695px", "-750px", "-800px", "-858px", "-912px", "-987px"]; |
| + | var blurbNames = ["Lawrence Williams","Julie Roberts", "Mark Sabin", "Matthew Biggs", "Devin Sabin", "Chet Chamberlain", "Addison Alley", "Mackay Merrill", "Julius Adebayo"]; | ||
| + | var blurbTexts = ["is modeling a chromosome.", | ||
| + | "My name is Julie and I'm here to say, hey!", | ||
| + | "Before iGem, Mark's only bioengineering experience was watching Jurassic Park. That probably doesn't count.", | ||
| + | "I <3 oligonucleotides", | ||
| + | "Lysis to kill.", | ||
| + | "tgccatgaagatgatgcgcgc tgccatgaagaaagcgaa", | ||
| + | "4 8 15 16 23 42", | ||
| + | "Heyyyooo", | ||
| + | "Math Power!"]; | ||
function show(num) { | function show(num) { | ||
document.getElementById('person' + num).style.background = "url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') " + lefts2[num] + " 0;"; | document.getElementById('person' + num).style.background = "url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') " + lefts2[num] + " 0;"; | ||
| + | document.getElementById('blurbName').innerHTML = blurbNames[num]; | ||
| + | document.getElementById('blurbText').innerHTML = blurbTexts[num]; | ||
} | } | ||
function hide(num) { | function hide(num) { | ||
document.getElementById('person' + num).style.background = "url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') " + lefts[num] + " 0;"; | document.getElementById('person' + num).style.background = "url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') " + lefts[num] + " 0;"; | ||
| + | } | ||
| + | |||
| + | function reset() { | ||
| + | document.getElementById('blurbName').innerHTML = "Meet BYU's iGEM Team!"; | ||
| + | document.getElementById('blurbText').innerHTML = "Click to find out more.<br/>Hover to say hi. :)"; | ||
} | } | ||
</script> | </script> | ||
| - | + | <div id="pictures" style="margin-left: -80px; position: relative;" onmouseout="reset();"><center> | |
| - | + | <h2 id="blurb"><span id="blurbName">Meet BYU's iGEM Team!</span><br/><span id="blurbText">Click to find out more.<br/>Hover to say hi. :)</span></h2> | |
| - | + | <img class="peeps" id="person0" alt="Lawrence Williams" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(0);" onmouseout="hide(0);" /> | |
| - | + | <img class="peeps" id="person1" alt="Julie Roberts" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(1);" onmouseout="hide(1);" /> | |
| - | + | <img class="peeps" id="person2" alt="Mark Sabin" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(2);" onmouseout="hide(2);" /> | |
| - | + | <img class="peeps" id="person3" alt="Matthew Biggs" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(3);" onmouseout="hide(3);" /> | |
| - | + | <img class="peeps" id="person4" alt="Devin Sabin" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(4);" onmouseout="hide(4);" /> | |
| - | + | <img class="peeps" id="person5" alt="Chet Chamberlain" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(5);" onmouseout="hide(5);" /> | |
| - | + | <img class="peeps" id="person6" alt="Addison Alley" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(6);" onmouseout="hide(6);" /> | |
| - | </center></div> | + | <img class="peeps" id="person7" alt="Mackay Merrill" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(7);" onmouseout="hide(7);" /> |
| + | <h2>And Julius! (who missed picture day)</h2> | ||
| + | <img id="person8" alt="Julius Adebayo" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="showJulius();" onmouseout="hideJulius();" /> | ||
| + | </center></div> | ||
</html> | </html> | ||
</div> | </div> | ||
Revision as of 19:10, 23 September 2011
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
[Matt's Page] [Chet's Page] [Julie's Page]
Meet BYU's iGEM Team!
Click to find out more.
Hover to say hi. :)
And Julius! (who missed picture day)
