Team:UC Davis/Team
From 2010.igem.org
(Difference between revisions)
(42 intermediate revisions not shown) | |||
Line 10: | Line 10: | ||
width: 690px; | width: 690px; | ||
height: 100px; | height: 100px; | ||
+ | padding: 0; | ||
} | } | ||
.team td | .team td | ||
{ | { | ||
- | border: | + | border: 0px solid #99dd66; |
text-align: center; | text-align: center; | ||
height: 100px !important; | height: 100px !important; | ||
overflow: hidden; | overflow: hidden; | ||
+ | padding: 0; | ||
} | } | ||
Line 23: | Line 25: | ||
{ | { | ||
position: relative; | position: relative; | ||
- | height: | + | height: 175px; |
z-index: 5; | z-index: 5; | ||
+ | width: 115px | ||
+ | } | ||
+ | |||
+ | .team td a | ||
+ | { | ||
+ | z-index: 100; | ||
} | } | ||
Line 37: | Line 45: | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
- | top: | + | top: 180px; |
- | left: | + | left: 17px; |
z-index: 100; | z-index: 100; | ||
- | height: | + | height: 12px; |
- | border: | + | border: 0px; |
- | background: | + | background: none; |
+ | } | ||
+ | |||
+ | .nameLabel | ||
+ | { | ||
+ | height: 35px !important; | ||
+ | width: 80px !important; | ||
} | } | ||
Line 67: | Line 81: | ||
$(".over a").hover(function() { | $(".over a").hover(function() { | ||
- | $(this).next(".name").stop(true, true).animate({opacity: "show", top: " | + | $(this).next(".name").stop(true, true).animate({opacity: "show", top: "142"}, "slow"); |
}, function() { | }, function() { | ||
- | $(this).next(".name").stop(true, true).animate({opacity: "hide", top: " | + | $(this).next(".name").stop(true, true).animate({opacity: "hide", top: "165"}, "fast"); |
}); | }); | ||
- | |||
- | |||
- | |||
}); | }); | ||
+ | function tabFunction(index) | ||
+ | { | ||
+ | /*****************************PUT ALL THE DATA HERE******************************************************************/ | ||
+ | var justinData = "<p class='header'>Justin Tantiongloc</p><table><tr><td><table><tr><td><img src='https://static.igem.org/mediawiki/2010/9/99/Headshot_Justin.jpg' height='250px'></td><td><div><b>Name:</b> Justin Tantiongloc<br/><b>Hometown:</b> Fremont, CA<br/><b>Major/Year:</b> Computer Engineering \'11<br/><b>Hobbies:</b> Whatever there is to do<br/><b>Random Fact:</b> I once walked on a glacier in Alaska, and then a couple weeks later got meningitis<br/><b>Favorite Country:</b> The US; if Las Vegas were a country that would be my answer</div></td></tr></table></td></tr><tr><td><br/>Yo, Justin here! I'm a fourth year Computer Engineering major at UC Davis. My two main academic interests are internet security and computational biology, and when I get a chance I would also like to start learning more about biomedical electronics and the applications of electrical engineering to biology.<br/><br/>My main task on the iGEM team was to work on the crosstalk predictor tool, CPOTATo. Along with Arjun, I worked to investigate the different biological and genomic databases on the internet in order to find out how we could utilize these databases in predicting potential instances of crosstalk in given biological systems. In addition, we also coded the CPOTATo client.</td></tr></table>"; | ||
+ | |||
+ | |||
+ | var timData = "<p class='header'>Tim Fenton</p><table><tr><td><table><tr><td><img src='https://static.igem.org/mediawiki/2010/3/30/Headshot_Tim.jpg' height='250px'></td><td><div><b>Name:</b> Tim Fenton<br/><b>Hometown:</b> Fair Oaks, CA<br/><b>Major/Year:</b> Biomedical Engineering \'12<br/><b>Hobbies:</b> Cycling, Swimming, Running, Tennis<br/><b>Random Fact:</b> My favorite sandwich is PB&J and carbon fiber is my favorite material.<br/><b>Country I Want to Visit:</b> France</div></td></tr></table></td></tr><tr><td>Hey it's Tim! I'm a third year Biomedical Engineering student. I'm really excited about the possibilities of synthetic biology and hope to contribute something useful to the community. My main task for the summer was working on the pH sensor but also helped construct the spatial oscillator. </table>"; | ||
+ | |||
+ | |||
+ | var keeganData = "<p class='header'>Keegan Owsley</p><table><tr><td><table><tr><td><img src='https://static.igem.org/mediawiki/2010/b/b3/Headshot_Keegan.jpg' height='250px'></td><td><div><b>Name:</b> Keegan Owsley<br/><b>Hometown:</b> Santa Rosa, CA<br/><b>Major/Year:</b> Biomedical Engineering \'12<br/><b>Hobbies:</b> Badminton, computer programming, video games, and all things computer<br/><b>Random Fact:</b> I'm missing my appendix<br/><b>Country I Want to Visit:</b> Japan</div></td></tr></table></td></tr><tr><td><br/></td></tr></table>"; | ||
+ | |||
+ | |||
+ | var arjunData = "<p class='header'>Arjun Nair</p><table><tr><td><table><tr><td><img src='https://static.igem.org/mediawiki/2010/4/44/Headshot_Arjun.jpg' height='250px'></td><td><div><b>Name:</b> Arjun Nair<br/><b>Hometown:</b> Cupertino, CA<br/><b>Major/Year:</b> Biomedical Engineering \'11<br/><b>Hobbies:</b> Tennis, collecting board game, and Math!<br/><b>Random Fact:</b> I have literally broken down exactly 5 doors in my lifetime<br/><b>Country I Want to Visit:</b> Singapore</div></td></tr></table></td></tr><tr><td><br/>Hey, I'm Arjun Nair. I'm a fourth year Biomedical engineering student. My specialization is Computational and Synthetic Biology. I am always trying to find a ways math can be used in biology. My main task is in iGEM 2010 is to work with Justin to develop CPOTATo and help the rest of the iGEM team construct and test our main construct.</td></tr></table>"; | ||
+ | |||
+ | |||
+ | var jenData = "<p class='header'>Jennifer Lau</p><table><tr><td><table><tr><td><img src='https://static.igem.org/mediawiki/2010/a/a9/Jenjen.jpg' height='250px'></td><td><div><b>Name:</b> Jennifer Lau<br/><b>Hometown:</b> Los Angeles, CA<br/><b>Major/Year:</b> Biochemistry and Molecular Biology \'11<br/><b>Hobbies:</b> Volunteering with Circle K International, listening to music, piano, badminton, and games of all sorts! (video games, MMORPGs, board games) <br/><b>Random Fact:</b> I once made a cop stop by because I was singing a screaming song called Reinventing Your Exit on rockband a bit too loud. I thought I was in trouble, but instead, he came by to say that he knew the song. <br/><b>Country I Want to Visit:</b> Japan</div></td></tr></table></td></tr><tr><td><br/></td></tr></table>"; | ||
+ | |||
+ | |||
+ | var hollyData = "<p class='header'>Holly Lam</p><table><tr><td><table><tr><td><img src='https://static.igem.org/mediawiki/2010/e/e0/Headshot_Holly.jpg' height='250px'></td><td><div><b>Name:</b> Holly Lam<br/><b>Hometown:</b> Hayward, CA<br/><b>Major/Year:</b> Biomedical Engineering \'11<br/><b>Hobbies:</b> Reading, Knitting, Scrapbooking, Exploring new places<br/><b>Random Fact:</b> I had a pet chicken named Cluck Cluck. We fed her beef jerky and gave her showers with the garden hose<br/><b>Country I Want to Visit:</b> Italy</div></td></tr></table></td></tr><tr><td><br/>Hi all :) I'm Holly, a 4th year Biomedical Engineer at UC Davis. I'm finishing off my last year as an undergraduate and currently applying to graduate school in pursuit of a Masters degree. In the biomedical world, I'm most excited about mechanical devices with medical applications such as point of care sensors, stents, catheters, etc.<br/><br/>My main task on this year's iGEM project consisted of building and testing our spacial oscillator construct, with help from my other team members of course. This summer was my first time ever working with cutting and ligating dna; it was a great experience and I definitely learned a lot!</td></tr></table>"; | ||
+ | |||
+ | /***************************************DATADATADATADATADATATATATATATATATATATAAAAAAAAAAAAAA**********************/ | ||
+ | |||
+ | |||
+ | switch(index) | ||
+ | { | ||
+ | case 1: | ||
+ | $("#teamContent").stop(true, true).fadeOut("fast", function() { document.getElementById("teamContent").innerHTML =justinData;}).fadeIn("slow"); | ||
+ | break; | ||
+ | case 2: | ||
+ | $("#teamContent").stop(true, true).fadeOut("fast", function() { document.getElementById("teamContent").innerHTML = timData;}).fadeIn("slow"); | ||
+ | break; | ||
+ | case 3: | ||
+ | $("#teamContent").stop(true, true).fadeOut("fast", function() { document.getElementById("teamContent").innerHTML = arjunData;}).fadeIn("slow"); | ||
+ | break; | ||
+ | case 4: | ||
+ | $("#teamContent").stop(true, true).fadeOut("fast", function() { document.getElementById("teamContent").innerHTML = keeganData;}).fadeIn("slow"); | ||
+ | break; | ||
+ | case 5: | ||
+ | $("#teamContent").stop(true, true).fadeOut("fast", function() { document.getElementById("teamContent").innerHTML = jenData;}).fadeIn("slow"); | ||
+ | break; | ||
+ | case 6: | ||
+ | $("#teamContent").stop(true, true).fadeOut("fast", function() { document.getElementById("teamContent").innerHTML = hollyData;}).fadeIn("slow"); | ||
+ | break; | ||
+ | default: | ||
+ | document.getElementById("projectContent").innerHTML = spatialContent; | ||
+ | break; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
</script> | </script> | ||
</head> | </head> | ||
- | + | <body onload="tabFunction(2)"> | |
+ | <br/> | ||
<table class="pikachu"> | <table class="pikachu"> | ||
<tr> | <tr> | ||
Line 85: | Line 149: | ||
<table class="team"> | <table class="team"> | ||
<tr> | <tr> | ||
- | <td width='16%'><div class="over" height="100px"><a style="cursor:pointer"><img src="https://static.igem.org/mediawiki/2010/3/30/Headshot_Tim.jpg"></a><div class="name"> | + | <td width='16%'><div class="over" height="100px"><a onclick="tabFunction(2)" style="cursor:pointer"><img src="https://static.igem.org/mediawiki/2010/3/30/Headshot_Tim.jpg"></a><div class="name"><img class="nameLabel" src="https://static.igem.org/mediawiki/2010/2/23/Tim_Label.png"></div></div></td> |
- | <td width='16%'><div class="over" height="100px"><a onclick="tabFunction( | + | |
- | <td width='16%'><div class="over" height="100px"><a onclick="tabFunction( | + | <td width='16%'><div class="over" height="100px"><a onclick="tabFunction(4)" style="cursor:pointer"><img src="https://static.igem.org/mediawiki/2010/b/b3/Headshot_Keegan.jpg"></a><div class="name"><img class="nameLabel" src="https://static.igem.org/mediawiki/2010/5/59/Keegan_Label.png"></div></div></td> |
- | <td width='16%'><div class="over" height="100px"><a onclick="tabFunction( | + | |
- | <td width='16%'><div class="over" height="100px"><a onclick="tabFunction( | + | <td width='16%'><div class="over" height="100px"><a onclick="tabFunction(3)" style="cursor:pointer"><img src="https://static.igem.org/mediawiki/2010/4/44/Headshot_Arjun.jpg"></a><div class="name"><img class="nameLabel" src="https://static.igem.org/mediawiki/2010/c/cb/Arjun_Label.png"></div></div></td> |
- | <td width='16%'><div class="over" height="100px"><a onclick="tabFunction( | + | |
+ | <td width='16%'><div class="over" height="100px"><a onclick="tabFunction(5)" style="cursor:pointer"><img src="https://static.igem.org/mediawiki/2010/a/a9/Jenjen.jpg"></a><div class="name"><img class="nameLabel" src="https://static.igem.org/mediawiki/2010/b/bb/Jen_Label.png"></div></div></td> | ||
+ | |||
+ | <td width='16%'><div class="over" height="100px"><a onclick="tabFunction(6)" style="cursor:pointer"><img src="https://static.igem.org/mediawiki/2010/e/e0/Headshot_Holly.jpg"></a><div class="name"><img class="nameLabel" src="https://static.igem.org/mediawiki/2010/6/6e/Holly_Label.png"></div></div></td> | ||
+ | |||
+ | <td width='16%'><div class="over" height="100px"><a onclick="tabFunction(1)" style="cursor:pointer"><img src="https://static.igem.org/mediawiki/2010/9/99/Headshot_Justin.jpg"></a><div class="name"><img class="nameLabel" src="https://static.igem.org/mediawiki/2010/c/cb/Justin_Label.png"></div></div></td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
<table width="690px"> | <table width="690px"> | ||
- | <tr><th><div id="projectBanner"><img | + | <tr><th><div id="projectBanner"><img width="689px"></div></th> |
</tr> | </tr> | ||
<tr> | <tr> |
Latest revision as of 21:47, 26 October 2010
![]() |
|
|
|