Tec-Monterrey/teammembers/students
From 2011.igem.org
(Difference between revisions)
(36 intermediate revisions not shown) | |||
Line 60: | Line 60: | ||
body { | body { | ||
font: 12px Tahoma, Geneva, sans-serif; | font: 12px Tahoma, Geneva, sans-serif; | ||
- | background-image: url(https://static.igem.org/mediawiki/ | + | background-image: url(https://static.igem.org/mediawiki/2011/4/43/Lefondoleposter.png); |
background-size: 100%; | background-size: 100%; | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
Line 149: | Line 149: | ||
} | } | ||
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { | ul.nav a:hover, ul.nav a:active, ul.nav a:focus { | ||
- | background: # | + | background: #339dff; /*float amarillo*/ |
color: #FFF; | color: #FFF; | ||
} | } | ||
Line 204: | Line 204: | ||
/* panel heading on rollover */ | /* panel heading on rollover */ | ||
.panel h2:hover, .panelcollapsed h2:hover { | .panel h2:hover, .panelcollapsed h2:hover { | ||
- | background-color: # | + | background-color: #339dff; |
color: #FFF; | color: #FFF; | ||
} | } | ||
Line 236: | Line 236: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
<!-- | <!-- | ||
+ | i = 0; | ||
+ | st1 = 100; | ||
+ | st2 = 0; | ||
+ | var speed = 10; | ||
+ | function scrollRt() { | ||
+ | i = i + speed; | ||
+ | var div = document.getElementById("cont1"); | ||
+ | div.scrollLeft = i; | ||
+ | if (i > div.scrollLeft) {i = 500;} | ||
+ | t1=setTimeout("scrollRt()",100); | ||
+ | } | ||
+ | function scrollLf() { | ||
+ | i = i - speed; | ||
+ | var div = document.getElementById("cont1"); | ||
+ | div.scrollLeft = i; | ||
+ | if (i < 0) {i = 0;} | ||
+ | t1=setTimeout("scrollLf()",100); | ||
+ | } | ||
+ | function changeImg(n) { | ||
+ | //url goes here | ||
+ | var imgname = new Array(); | ||
+ | imgname[0] = "https://static.igem.org/mediawiki/2011/3/37/Thelma.png"; | ||
+ | imgname[1] = "https://static.igem.org/mediawiki/2011/c/ca/Anita01.png"; | ||
+ | imgname[2] = "https://static.igem.org/mediawiki/2011/b/b7/Alexis.png"; | ||
+ | imgname[3] = "https://static.igem.org/mediawiki/2011/a/ab/Penny.png"; | ||
+ | imgname[4] = "https://static.igem.org/mediawiki/2011/5/5d/Camilo.png"; | ||
+ | imgname[5] = "https://static.igem.org/mediawiki/2011/4/40/Fausto.png"; | ||
+ | imgname[6] = "https://static.igem.org/mediawiki/2011/d/d0/Min.png"; | ||
+ | imgname[7] = "https://static.igem.org/mediawiki/2011/7/75/Gabby.png"; | ||
+ | imgname[8] = "https://static.igem.org/mediawiki/2011/1/1d/Chucho.png"; | ||
+ | imgname[9] = "https://static.igem.org/mediawiki/2011/8/87/Maggy.png"; | ||
+ | imgname[10] = "https://static.igem.org/mediawiki/2011/3/31/Rolando.png"; | ||
- | + | var name = imgname[n]; | |
- | var | + | var imgobj = document.getElementById('galImg'); |
- | var | + | animTransA(); |
- | + | imgobj.src = name; | |
- | + | animTransB(); | |
- | + | } | |
- | + | function animTransA() { | |
- | + | st1 -= speed; | |
- | + | img = document.getElementById('galImg'); | |
- | + | img.style.opacity = st1/100; | |
- | + | img.style.filter = 'alpha(opacity=' + st1 + ')'; | |
- | + | if (st1 > 0) { t2=setTimeout("animTransA()",50); } | |
- | + | else { st1 = 100;} | |
- | + | } | |
- | + | function animTransB () { | |
+ | st2 += speed; | ||
+ | img = document.getElementById('galImg'); | ||
+ | img.style.opacity = st2/100; | ||
+ | img.style.filter = 'alpha(opacity=' + st2 + ')'; | ||
+ | if (st2 < 100) { t3=setTimeout("animTransB()",50); } | ||
+ | else { st2 = 0;} | ||
+ | } | ||
+ | function resetAlpha() { | ||
+ | clearTimeout(t2); | ||
+ | clearTimeout(t3); | ||
+ | img = document.getElementById('galImg'); | ||
+ | img.style.opacity = 1; | ||
+ | st1 = 100; st2 = 0; | ||
+ | img.style.filter = 'alpha(opacity=' + 100 + ')'; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
// ----------------------------------------------------------------------------------------------- | // ----------------------------------------------------------------------------------------------- | ||
Line 361: | Line 389: | ||
var direction = (!expanding ? -1 : 1); | var direction = (!expanding ? -1 : 1); | ||
+ | if (direction > 0) | ||
+ | collapseAll(); | ||
setTimeout(function(){animateStep(panelContent,1,stepHeight,direction)}, PANEL_ANIMATION_DELAY); | setTimeout(function(){animateStep(panelContent,1,stepHeight,direction)}, PANEL_ANIMATION_DELAY); | ||
} | } | ||
Line 512: | Line 542: | ||
<div class="panelcontent" style=""> | <div class="panelcontent" style=""> | ||
- | + | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectoverview">overview</a></p> | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectparts">parts</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectparts">parts</a></p> | ||
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectmodeling"> | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectmodeling">genetic frame</a></p> |
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectresults/methods">methods</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectresults">results</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teamha">human approach</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectprotocols">protocols</a><p> | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/safetypage">safety</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/safetypage">safety</a></p> | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectnotebook">notebook</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectnotebook">notebook</a></p> | ||
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/ | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sampledata">sample data</a></p> |
</div> | </div> | ||
</div> | </div> | ||
Line 529: | Line 564: | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/teammembers">members</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teammembers">members</a></p> | ||
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teaminstallations"> | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teaminstallations">headquarters</a></p> |
- | + | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/microcongreso">micro congress</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/microcongreso">micro congress</a></p> | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/teamfriends">friends</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teamfriends">friends</a></p> | ||
+ | |||
+ | |||
</div> | </div> | ||
Line 563: | Line 599: | ||
<div class="quicklinks"> | <div class="quicklinks"> | ||
- | <div style="text-align:center;"> | + | <div style="text-align:center;filter:alpha(opacity=70);opacity:.7; "> |
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teammembers" ><img src="https://static.igem.org/mediawiki/2011/ | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teammembers" onmouseover="changeImg(n)" onmouseout="resetAlpha()"> |
- | + | <img src="https://static.igem.org/mediawiki/2011/5/51/Buttongallery02.png" width="150" height="50"></a> | |
- | <a href="https://2011.igem.org/Tec-Monterrey/teammembers/students" ><img src="https://static.igem.org/mediawiki/2011/ | + | <a href="https://2011.igem.org/Tec-Monterrey/teammembers/students" ><img src="https://static.igem.org/mediawiki/2011/c/c4/Buttonstudents01.png" width="150" height="50"></a> |
- | + | <a href="https://2011.igem.org/Tec-Monterrey/teammembers/advisors" ><img src="https://static.igem.org/mediawiki/2011/d/db/Buttonadvisors03.png" width="150" height="50"></a> | |
- | <a href="https://2011.igem.org/Tec-Monterrey/teammembers/advisors" ><img src="https://static.igem.org/mediawiki/2011/ | + | <a href="https://2011.igem.org/Team:Tec-Monterrey/teammembers/attributions"> |
+ | <img src="https://static.igem.org/mediawiki/2011/1/18/Attribmembers.png" width="150" height="50"></a> | ||
+ | </a> | ||
+ | </div> | ||
Line 580: | Line 619: | ||
<div style=" text-align:center; "> | <div style=" text-align:center; "> | ||
- | <div class | + | <div class="gallery"> |
- | + | </br> | |
- | + | <img src="https://static.igem.org/mediawiki/2011/3/37/Thelma.png" alt="rawr" name="raptor" width="400" height="300" id="galImg" longdesc=" "> | |
+ | </div> | ||
+ | <div class="container" id="cont1"> | ||
- | < | + | </br> |
- | + | <input type="button" value=" Thelma " onmouseover="changeImg(0)" onmouseout="resetAlpha()"> | |
- | + | <input type="button" value=" Anita " onmouseover="changeImg(1)" onmouseout="resetAlpha()"> | |
- | </div> | + | <input type="button" value=" Alexis " onmouseover="changeImg(2)" onmouseout="resetAlpha()"> |
+ | <input type="button" value=" Penny " onmouseover="changeImg(3)" onmouseout="resetAlpha()"> | ||
+ | <input type="button" value=" Camilo " onmouseover="changeImg(4)" onmouseout="resetAlpha()"> | ||
+ | </br> | ||
+ | |||
+ | <input type="button" value=" Fausto " onmouseover="changeImg(5)" onmouseout="resetAlpha()"> | ||
+ | <input type="button" value=" Min " onmouseover="changeImg(6)" onmouseout="resetAlpha()"> | ||
+ | <input type="button" value=" Gabby " onmouseover="changeImg(7)" onmouseout="resetAlpha()"> | ||
+ | <input type="button" value=" Jesús " onmouseover="changeImg(8)" onmouseout="resetAlpha()"> | ||
+ | <input type="button" value=" Maggy " onmouseover="changeImg(9)" onmouseout="resetAlpha()"> | ||
+ | <input type="button" value=" Rolando " onmouseover="changeImg(10)" onmouseout="resetAlpha()"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </body> | ||
+ | |||
</div> | </div> | ||
</div></div></body></html> | </div></div></body></html> |