Team:BYU Provo/Team

From 2011.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 1: Line 1:
{{Template:BYU_Provo}}
{{Template:BYU_Provo}}
<div id="pageContents">
<div id="pageContents">
-
[[https://2011.igem.org/Team:BYU_Provo/Team/Matt Matt's Page]]
 
-
 
<html>
<html>
 +
    <script>
 +
      var ele = document.getElementById('liTeam');
 +
      ele.style.fontWeight = "bold";
 +
      ele.style.backgroundColor = "#059469";
 +
    </script>
     <style type="text/css">
     <style type="text/css">
             body {
             body {
Line 9: Line 12:
             }
             }
-
             img {
+
             a img {
 +
                border: none;
 +
            }
 +
 
 +
            img.peeps,#blurb {
                 margin: 0;
                 margin: 0;
                 padding: 0;
                 padding: 0;
 +
            }
 +
 +
            img.peeps {
 +
                margin-top: -89px;
             }
             }
Line 108: Line 119:
             #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: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>
         </style>
Line 113: Line 161:
         <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.",
 +
                "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) {
             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 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) {
             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"><center>
+
 
-
            <img id="person0" alt="Lawrence Williams" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(0);" onmouseout="hide(0);" />
+
    <div id="pictures" style="margin-left: -80px; position: relative;" onmouseout="reset();"><center>
-
            <img id="person1" alt="Person1" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(1);" onmouseout="hide(1);" />
+
        <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 id="person2" alt="Person2" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(2);" onmouseout="hide(2);" />
+
        <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>
-
            <img id="person3" alt="Person3" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(3);" onmouseout="hide(3);" />
+
        <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>
-
            <img id="person4" alt="Person4" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(4);" onmouseout="hide(4);" />
+
        <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>
-
            <img id="person5" alt="Person5" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(5);" onmouseout="hide(5);" />
+
        <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>
-
            <img id="person6" alt="Person6" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(6);" onmouseout="hide(6);" />
+
        <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>
-
            <img id="person7" alt="Person7" src="https://static.igem.org/mediawiki/2011/3/35/Trans.gif" onmouseover="show(7);" onmouseout="hide(7);" />
+
        <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>
-
         </center></div>
+
        <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>
</html>
</div>
</div>

Latest revision as of 03:33, 29 September 2011

Team BYU Provo

BYU Provo
 

Meet BYU's iGEM Team!
Click to find out more.
Hover to say hi. :)

Lawrence Williams Julie Roberts Mark Sabin Matthew Biggs Devin Sabin Chet Chamberlain Addison Alley Mackay Merrill

And Julius! (who missed picture day)

Julius Adebayo