Tec-Monterrey/teammembers/students

From 2011.igem.org

(Difference between revisions)
 
(37 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/igem.org/a/ab/Posiblefondo.png);
+
background-image: url(https://static.igem.org/mediawiki/2011/4/43/Lefondoleposter.png);
 +
background-size: 100%;
 +
        background-repeat:no-repeat;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
Line 147: 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: #f6af1b; /*float amarillo*/
+
background: #339dff; /*float amarillo*/
color: #FFF;
color: #FFF;
}
}
Line 202: Line 204:
/* panel heading on rollover */
/* panel heading on rollover */
.panel h2:hover, .panelcollapsed h2:hover {
.panel h2:hover, .panelcollapsed h2:hover {
-
background-color: #FC3;
+
background-color: #339dff;
color: #FFF;
color: #FFF;
}
}
Line 234: 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";
-
//Magic
+
var name = imgname[n];
-
var galimg = 0;
+
var imgobj = document.getElementById('galImg');
-
var imgpath = new Array();
+
animTransA();
-
imgpath[0] = "https://static.igem.org/mediawiki/2011/8/89/DSC_0061.JPG";
+
imgobj.src = name;
-
imgpath[1] = "https://static.igem.org/mediawiki/2011/7/7c/DSC_0053.JPG";
+
animTransB();
-
imgpath[2] = "https://static.igem.org/mediawiki/2011/8/89/DSC_0002.JPG";
+
}
-
imgpath[3] = "https://static.igem.org/mediawiki/2011/d/d8/DSC_0066.JPG";
+
function animTransA() {
-
imgpath[4] = "https://static.igem.org/mediawiki/2011/1/12/DSC_0080.JPG";
+
st1 -= speed;
-
imgpath[5] = "https://static.igem.org/mediawiki/2011/3/35/DSC_0134.JPG";
+
img = document.getElementById('galImg');
-
imgpath[6] = "https://static.igem.org/mediawiki/2011/8/85/DSC_0215.JPG";
+
img.style.opacity = st1/100;
-
imgpath[7] = "https://static.igem.org/mediawiki/2011/d/de/DSC_0218.JPG";
+
img.style.filter = 'alpha(opacity=' + st1 + ')';
-
imgpath[8] = "https://static.igem.org/mediawiki/2011/f/f4/DSC_0023.JPG";
+
if (st1 > 0) { t2=setTimeout("animTransA()",50); }
-
imgpath[9] = "https://static.igem.org/mediawiki/2011/a/ad/IMG_8723.JPG";
+
else { st1 = 100;}
-
imgpath[10] = "https://static.igem.org/mediawiki/2011/4/4d/IMG_8567.JPG";
+
}
-
imgpath[11]= "https://static.igem.org/mediawiki/2011/1/15/IMG_8706.JPG";
+
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 + ')';
 +
}
-
function moveLeft()
 
-
{
 
-
galimg -= 1;
 
-
 
-
if (galimg < 0)
 
-
galimg = imgpath.length - 1;
 
-
 
-
document.getElementById('imgGal').src = imgpath[galimg];
 
-
}
 
-
 
-
function moveRight()
 
-
{
 
-
galimg += 1;
 
-
 
-
if (galimg >= imgpath.length)
 
-
galimg = 0;
 
-
 
-
document.getElementById('imgGal').src = imgpath[galimg];
 
-
}
 
// -----------------------------------------------------------------------------------------------
// -----------------------------------------------------------------------------------------------
Line 359: 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 480: Line 512:
<div class="topbar">  
<div class="topbar">  
     <div style="filter:alpha(opacity=70);opacity:.7;">
     <div style="filter:alpha(opacity=70);opacity:.7;">
-
   
+
    <img src="https://static.igem.org/mediawiki/2011/2/20/Logotec.png" alt="ITESM" name="teclogo" width="146" height="52" id="teclogo">  
-
  <img src="https://static.igem.org/mediawiki/2011/2/20/Logotec.png" alt="ITESM" name="teclogo" width="146" height="52" id="teclogo">  
+
       <a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2011/7/73/Logoigemsmall.png" alt="iGEM" name="logoigem" width="70" height="61" id="logoigem"></a>
       <a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2011/7/73/Logoigemsmall.png" alt="iGEM" name="logoigem" width="70" height="61" id="logoigem"></a>
-
    <p>&nbsp;</p>
+
      <p>&nbsp;</p>
-
    <p>&nbsp;</p>
+
  <p>&nbsp;</p>
 +
   
   </div>  
   </div>  
    
    
Line 510: 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">modeling</a></p>
+
             <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/projectresults">results</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sampledata">sample data</a></p>
           </div>
           </div>
</div>
</div>
Line 527: 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">installations</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teaminstallations">headquarters</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/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 561: 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/a/a3/Gallery.png" width="150" height="50">
+
<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/b/ba/Studentsbutton.png" width="150" height="50">
+
<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/3/34/Advisorsbutton.png" width="150" height="50">
+
<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 578: Line 619:
  <div style="  text-align:center; ">
  <div style="  text-align:center; ">
      
      
-
     <div class="gallery" id="gallery">
+
     <div class="gallery">
-
      <p><a href="#" onClick="moveLeft()"><img src="https://static.igem.org/mediawiki/2011/d/d5/Backbutton.png" width="50" height="112">
+
</br>
-
</a><img src="https://static.igem.org/mediawiki/2011/8/89/DSC_0061.JPG" alt="dasdfa" name="imgGal" width="400" height="300" id="imgGal" longdesc="http://asfsdfa">
+
<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">
-
<a href="#" onClick="moveRight()"><img src="https://static.igem.org/mediawiki/2011/e/ea/ButtonNext.png" width="50" height="112"></a>
+
</br>
-
      </p>
+
<input type="button" value=" Thelma " onmouseover="changeImg(0)" onmouseout="resetAlpha()">
-
      <p>&nbsp;</p>
+
<input type="button" value=" Anita " onmouseover="changeImg(1)" onmouseout="resetAlpha()">
 +
<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>
-
      <p><img name="" src="https://static.igem.org/mediawiki/2011/d/d2/Meetteam.png" width="623" height="143" alt=""></p>
+
        <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>
-
   
+
-
   
+
-
  </div>
+
-
 
+
</body>
   
   
-
 
 
-
 
 
   </div>
   </div>
</div></div></body></html>
</div></div></body></html>

Latest revision as of 20:56, 20 October 2011

wiki