Team:BYU Provo/Team
From 2011.igem.org
(Difference between revisions)
(44 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | < | + | {{Template:BYU_Provo}} |
- | + | <div id="pageContents"> | |
<html> | <html> | ||
- | < | + | <script> |
- | + | var ele = document.getElementById('liTeam'); | |
- | + | ele.style.fontWeight = "bold"; | |
- | + | ele.style.backgroundColor = "#059469"; | |
- | + | </script> | |
- | + | <style type="text/css"> | |
- | </ | + | body { |
- | < | + | background-color: #999999; |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | a img { | |
- | + | border: none; | |
+ | } | ||
+ | img.peeps,#blurb { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
- | { | + | img.peeps { |
- | + | margin-top: -89px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | #person0 { | ||
+ | width:85px; | ||
+ | height:366px; | ||
+ | background:url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') 0 0; | ||
+ | position: relative; | ||
+ | left: 55px; | ||
+ | } | ||
- | + | #person0:hover { | |
+ | background: url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -550px 0; | ||
+ | } | ||
- | { | + | #person1 { |
- | + | width:60px; | |
- | + | height:366px; | |
- | + | background:url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -85px 0; | |
- | + | position: relative; | |
- | + | left: 51px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | #person1:hover { | ||
+ | background: url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -635px 0; | ||
+ | } | ||
+ | #person2 { | ||
+ | width:55px; | ||
+ | height:366px; | ||
+ | background:url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -145px 0; | ||
+ | position: relative; | ||
+ | left: 47px; | ||
+ | } | ||
- | + | #person2:hover { | |
- | + | background: url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -695px 0; | |
- | + | } | |
- | + | ||
+ | #person3 { | ||
+ | width:50px; | ||
+ | height:366px; | ||
+ | background:url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -200px 0; | ||
+ | position: relative; | ||
+ | left: 43px; | ||
+ | } | ||
+ | #person3:hover { | ||
+ | background: url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -750px 0; | ||
+ | } | ||
+ | #person4 { | ||
+ | width:58px; | ||
+ | height:366px; | ||
+ | background:url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -250px 0; | ||
+ | position: relative; | ||
+ | left: 39px; | ||
+ | } | ||
+ | #person4:hover { | ||
+ | background: url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -800px 0; | ||
+ | } | ||
- | ' | + | #person5 { |
+ | width:54px; | ||
+ | height:366px; | ||
+ | background:url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -308px 0; | ||
+ | position: relative; | ||
+ | left: 35px; | ||
+ | } | ||
- | + | #person5:hover { | |
- | + | background: url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -858px 0; | |
- | + | } | |
+ | #person6 { | ||
+ | width:75px; | ||
+ | height:366px; | ||
+ | background:url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -362px 0; | ||
+ | position: relative; | ||
+ | left: 31px; | ||
+ | } | ||
- | ' | + | #person6:hover { |
+ | background: url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -912px 0; | ||
+ | } | ||
- | + | #person7 { | |
- | + | width:75px; | |
- | + | height:366px; | |
- | + | background:url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -437px 0; | |
- | + | position: relative; | |
- | + | left: 27px; | |
- | + | } | |
+ | #person7:hover { | ||
+ | background: url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -987px 0; | ||
+ | } | ||
- | + | #person8 { | |
- | + | width:475px; | |
- | + | height:366px; | |
- | + | background:url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -1100px 0; | |
- | + | margin: 0; | |
- | + | padding: 0; | |
- | + | margin-left: 80px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | #person8:hover { | |
+ | background:url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -1575px 0; | ||
+ | } | ||
- | ( | + | #blurb { |
+ | position: relative; | ||
+ | left: 41px; | ||
+ | top: -4px; | ||
+ | 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; | ||
+ | } | ||
- | == ''' | + | #juliusHeader { |
+ | border: none !important; | ||
+ | margin-left: 70px; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | var lefts = ["0", "-85px", "-145px", "-200px", "-250px", "-308px", "-362px", "-437px"]; | ||
+ | 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.", | ||
+ | "Got Thermosensor?", | ||
+ | "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) { | ||
+ | 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 showJulius() { | ||
+ | document.getElementById('person8').style.background = "url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -1575px 0;"; | ||
+ | } | ||
+ | |||
+ | function hideJulius() { | ||
+ | document.getElementById('person8').style.background = "url('https://static.igem.org/mediawiki/2011/5/54/AllSmall.jpg') -1100px 0;"; | ||
+ | } | ||
+ | |||
+ | function hide(num) { | ||
+ | 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> | ||
+ | |||
+ | <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> | ||
+ | <a href="https://2011.igem.org/Team:BYU_Provo/Team/Lawrence"><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);" /></a> | ||
+ | <a href="https://2011.igem.org/Team:BYU_Provo/Team/Julie"><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);" /></a> | ||
+ | <a href="https://2011.igem.org/Team:BYU_Provo/Team/Mark"><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);" /></a> | ||
+ | <a href="https://2011.igem.org/Team:BYU_Provo/Team/Matt"><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);" /></a> | ||
+ | <a href="https://2011.igem.org/Team:BYU_Provo/Team/Devin"><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);" /></a> | ||
+ | <a href="https://2011.igem.org/Team:BYU_Provo/Team/Chet"><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);" /></a> | ||
+ | <a href="https://2011.igem.org/Team:BYU_Provo/Team/Addison"><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);" /></a> | ||
+ | <a href="https://2011.igem.org/Team:BYU_Provo/Team/Mackay"><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);" /></a> | ||
+ | <h2 id="juliusHeader">And Julius! (who missed picture day)</h2> | ||
+ | <a href="https://2011.igem.org/Team:BYU_Provo/Team/Julius"><img id="person8" alt="Julius Adebayo" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="showJulius();" onmouseout="hideJulius();" /></a> | ||
+ | </center></div> | ||
+ | </html> | ||
+ | |||
+ | </div> |
Latest revision as of 03:33, 29 September 2011
|