Team:Tec-Monterrey/teammembers

From 2011.igem.org

(Difference between revisions)
 
(40 intermediate revisions not shown)
Line 44: Line 44:
     border-left: 0 solid;
     border-left: 0 solid;
     border-right: 0 solid;
     border-right: 0 solid;
-
}
+
     width: 80%;
-
#content{
+
-
     width: 100%;
+
}
}
Line 62: Line 60:
body {
body {
font: 12px Tahoma, Geneva, sans-serif;
font: 12px Tahoma, Geneva, sans-serif;
-
background-image: url(https://static.igem.org/mediawiki/2011/f/f4/Fondo03.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 109: Line 109:
.sidebar1 {
.sidebar1 {
float: left;
float: left;
-
width: 20%;
+
width: 15%;
padding-bottom: 10px;
padding-bottom: 10px;
background-color:#04191d;
background-color:#04191d;
 +
-moz-border-radius: 8px;
 +
-webkit-border-radius: 8px;
}
}
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">
<!--
<!--
 +
var galimgn = 0;
 +
var i = 0;
 +
var st1 = 100;
 +
var st2 = 0;
 +
var speed = 10;
 +
var imgname = new Array();
 +
imgname[0] = "https://static.igem.org/mediawiki/2011/c/cb/Img022.png";
 +
imgname[1] = "https://static.igem.org/mediawiki/2011/b/b1/Img021.png";
 +
imgname[2] = "https://static.igem.org/mediawiki/2011/b/b1/Img021.png";
 +
imgname[3] = "https://static.igem.org/mediawiki/2011/c/cf/Img020.png";
 +
imgname[4] = "https://static.igem.org/mediawiki/2011/e/ee/Img019.png";
 +
imgname[5] = "https://static.igem.org/mediawiki/2011/5/5c/Img018.png";
 +
    imgname[6] = "https://static.igem.org/mediawiki/2011/b/b6/Img017.png";
 +
    imgname[7] = "https://static.igem.org/mediawiki/2011/8/84/Img016.png";
 +
    imgname[8] = "https://static.igem.org/mediawiki/2011/4/4f/Img015.png";
 +
  imgname[9] = "https://static.igem.org/mediawiki/2011/4/4a/Img014.png";
 +
  imgname[10] = "https://static.igem.org/mediawiki/2011/a/aa/Img023.png";
 +
imgname[11] = "https://static.igem.org/mediawiki/2011/e/e4/Img013.png";
 +
imgname[12] = "https://static.igem.org/mediawiki/2011/5/5a/Img012.png";
 +
imgname[13] = "https://static.igem.org/mediawiki/2011/b/be/Indiana001.jpg";
 +
imgname[14] = "https://static.igem.org/mediawiki/2011/e/ec/Indiana002.jpg";
 +
imgname[15] = "https://static.igem.org/mediawiki/2011/4/4d/Indiana003.jpg";
 +
imgname[16] = "https://static.igem.org/mediawiki/2011/1/16/Indiana004.jpg";
 +
imgname[17] = "https://static.igem.org/mediawiki/2011/a/a0/Indiana005.jpg";
 +
imgname[18] = "https://static.igem.org/mediawiki/2011/d/d8/Indiana006.jpg";
 +
imgname[19] = "https://static.igem.org/mediawiki/2011/8/8e/Indiana007.jpg";
 +
imgname[20] = "https://static.igem.org/mediawiki/2011/6/6f/Indiana008.jpg";
 +
imgname[21] = "https://static.igem.org/mediawiki/2011/6/68/Indiana009.jpg";
 +
imgname[22] = "https://static.igem.org/mediawiki/2011/6/69/Indiana010.jpg";
 +
imgname[23] ="https://static.igem.org/mediawiki/2011/5/52/Indiana011.jpg";
-
//Magic
+
function changeImg(n) {
-
var galimg = 0;
+
var name = imgname[n];
-
var imgpath = new Array();
+
var imgobj = document.getElementById('galImg');
-
imgpath[0] = "https://static.igem.org/mediawiki/2011/1/16/DSC_0197.JPG";
+
animTransA();
-
imgpath[1] = "https://static.igem.org/mediawiki/2011/7/7c/DSC_0053.JPG";
+
imgobj.src = name;
-
imgpath[2] = "https://static.igem.org/mediawiki/2011/8/89/DSC_0061.JPG";
+
animTransB();
-
imgpath[3] = "https://static.igem.org/mediawiki/2011/d/d8/DSC_0066.JPG";
+
}
-
imgpath[4] = "https://static.igem.org/mediawiki/2011/1/12/DSC_0080.JPG";
+
-
imgpath[5] = "https://static.igem.org/mediawiki/2011/3/35/DSC_0134.JPG";
+
-
imgpath[6] = "https://static.igem.org/mediawiki/2011/8/85/DSC_0215.JPG";
+
-
imgpath[7] = "https://static.igem.org/mediawiki/2011/d/de/DSC_0218.JPG";
+
-
imgpath[8] = "https://static.igem.org/mediawiki/2011/f/f4/DSC_0023.JPG";
+
-
imgpath[9] = "https://static.igem.org/mediawiki/2011/a/ad/IMG_8723.JPG";
+
-
imgpath[10] = "https://static.igem.org/mediawiki/2011/4/4d/IMG_8567.JPG";
+
-
 
+
function moveLeft()  
function moveLeft()  
{
{
-
galimg -= 1;
+
galimgn -= 1;
-
if (galimg < 0)
+
if (galimgn < 0)
-
galimg = imgpath.length - 1;
+
galimgn = imgname.length - 1;
-
+
changeImg(galimgn);
-
document.getElementById('imgGal').src = imgpath[galimg];
+
}
}
function moveRight()  
function moveRight()  
{
{
-
galimg += 1;
+
galimgn += 1;
-
if (galimg >= imgpath.length)
+
if (galimgn >= imgname.length)
-
galimg = 0;
+
galimgn = 0;
-
document.getElementById('imgGal').src = imgpath[galimg];
+
changeImg(galimgn);
 +
}
 +
 
 +
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 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 286: Line 351:
loadSettings();
loadSettings();
-
// get all headings
 
var headingTags = document.getElementsByTagName(PANEL_HEADING_TAG);
var headingTags = document.getElementsByTagName(PANEL_HEADING_TAG);
-
// go through all tags
 
for (var i=0; i<headingTags.length; i++)
for (var i=0; i<headingTags.length; i++)
{
{
var el = headingTags[i];
var el = headingTags[i];
-
// make sure it's the heading inside a panel
 
if ( el.parentNode.className != PANEL_COLLAPSED_CLASS)
if ( el.parentNode.className != PANEL_COLLAPSED_CLASS)
                     if(el.parentNode.className != PANEL_NORMAL_CLASS)
                     if(el.parentNode.className != PANEL_NORMAL_CLASS)
Line 300: Line 362:
-
// get the text value of the tag
 
var name = el.firstChild.nodeValue;
var name = el.firstChild.nodeValue;
-
// look for the name in loaded settings, apply the normal/collapsed class
 
if (panelsStatus[name] == "false")
if (panelsStatus[name] == "false")
el.parentNode.className = PANEL_COLLAPSED_CLASS;
el.parentNode.className = PANEL_COLLAPSED_CLASS;
Line 311: Line 371:
else
else
{
{
-
// if no saved setting, see the initial setting
 
panelsStatus[name] = (el.parentNode.className == PANEL_NORMAL_CLASS) ? "true" : "false";
panelsStatus[name] = (el.parentNode.className == PANEL_NORMAL_CLASS) ? "true" : "false";
}
}
-
// add the click behavor to headings
 
el.onclick = function()  
el.onclick = function()  
{
{
Line 333: Line 391:
function animateTogglePanel(panel, expanding)
function animateTogglePanel(panel, expanding)
{
{
-
// find the .panelcontent div
 
var elements = panel.getElementsByTagName("div");
var elements = panel.getElementsByTagName("div");
var panelContent = null;
var panelContent = null;
Line 345: Line 402:
}
}
-
// make sure the content is visible before getting its height
 
panelContent.style.display = "block";
panelContent.style.display = "block";
-
// get the height of the content
 
var contentHeight = panelContent.offsetHeight;
var contentHeight = panelContent.offsetHeight;
-
// if panel is collapsed and expanding, we must start with 0 height
 
if (expanding)
if (expanding)
panelContent.style.height = "0px";
panelContent.style.height = "0px";
Line 357: Line 411:
var stepHeight = contentHeight / PANEL_ANIMATION_STEPS;
var stepHeight = contentHeight / PANEL_ANIMATION_STEPS;
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 378: Line 434:
else
else
{
{
-
// set class for the panel
 
panelContent.parentNode.className = (direction<0) ? PANEL_COLLAPSED_CLASS : PANEL_NORMAL_CLASS;
panelContent.parentNode.className = (direction<0) ? PANEL_COLLAPSED_CLASS : PANEL_NORMAL_CLASS;
-
// clear inline styles
 
panelContent.style.display = panelContent.style.height = "";
panelContent.style.display = panelContent.style.height = "";
}
}
Line 393: Line 447:
function loadSettings()
function loadSettings()
{
{
-
// prepare the object that will keep the panel statuses
 
panelsStatus = {};
panelsStatus = {};
-
// find the cookie name
 
var start = document.cookie.indexOf(PANEL_COOKIE_NAME + "=");
var start = document.cookie.indexOf(PANEL_COOKIE_NAME + "=");
if (start == -1) return;
if (start == -1) return;
-
// starting point of the value
 
start += PANEL_COOKIE_NAME.length+1;
start += PANEL_COOKIE_NAME.length+1;
-
// find end point of the value
 
var end = document.cookie.indexOf(";", start);
var end = document.cookie.indexOf(";", start);
if (end == -1) end = document.cookie.length;
if (end == -1) end = document.cookie.length;
-
// get the value, split into key:value pairs
 
var cookieValue = unescape(document.cookie.substring(start, end));
var cookieValue = unescape(document.cookie.substring(start, end));
var panelsData = cookieValue.split("|");
var panelsData = cookieValue.split("|");
-
// split each key:value pair and put in object
 
for (var i=0; i< panelsData.length; i++)
for (var i=0; i< panelsData.length; i++)
{
{
Line 442: Line 490:
function saveSettings(key, value)
function saveSettings(key, value)
{
{
-
// put the new value in the object
 
panelsStatus[key] = value;
panelsStatus[key] = value;
-
// create an array that will keep the key:value pairs
 
var panelsData = [];
var panelsData = [];
for (var key in panelsStatus)
for (var key in panelsStatus)
panelsData.push(key+":"+panelsStatus[key]);
panelsData.push(key+":"+panelsStatus[key]);
-
// set the cookie expiration date 1 year from now
 
var today = new Date();
var today = new Date();
var expirationDate = new Date(today.getTime() + 365 * 1000 * 60 * 60 * 24);
var expirationDate = new Date(today.getTime() + 365 * 1000 * 60 * 60 * 24);
-
// write the cookie
+
document.cookie = PANEL_COOKIE_NAME + "=" + escape(panelsData.join("|")) + ";expires=" + expirationDate.toGMTString();
document.cookie = PANEL_COOKIE_NAME + "=" + escape(panelsData.join("|")) + ";expires=" + expirationDate.toGMTString();
}
}
-
 
-
// -----------------------------------------------------------------------------------------------
 
-
// Register setUpPanels to be executed on load
 
if (window.addEventListener)
if (window.addEventListener)
{
{
-
// the "proper" way
 
window.addEventListener("load", setUpPanels, false);
window.addEventListener("load", setUpPanels, false);
}
}
Line 467: Line 508:
if (window.attachEvent)
if (window.attachEvent)
{
{
-
// the IE way
 
window.attachEvent("onload", setUpPanels);
window.attachEvent("onload", setUpPanels);
}
}
 +
 +
 +
 +
-->
-->
</script>
</script>
 +
 +
 +
 +
 +
</head><body>
</head><body>
Line 478: Line 527:
   
   
<div class="topbar">  
<div class="topbar">  
-
     <div style="background: url(https://static.igem.org/mediawiki/2011/6/60/Topbar_imagebackground.png);
+
     <div style="filter:alpha(opacity=70);opacity:.7;">
-
    background-repeat:no-repeat;
+
     <img src="https://static.igem.org/mediawiki/2011/2/20/Logotec.png" alt="ITESM" name="teclogo" width="146" height="52" id="teclogo">  
-
    background-position:top;">
+
-
   
+
-
     <p><img name="" src="https://static.igem.org/mediawiki/2011/7/78/Imagtransp.png" width="110" height="32" alt=""><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 557:
   <h2>PROJECT</h2>
   <h2>PROJECT</h2>
     <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 528: Line 579:
    <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>
</div>
</div>
Line 562: Line 611:
        
        
   <div class="quicklinks">  
   <div class="quicklinks">  
 +
    <div style="text-align:center; filter:alpha(opacity=70);opacity:.7;">
 +
 +
<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/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/Team:Tec-Monterrey/teammembers/attributions">
 +
<img src="https://static.igem.org/mediawiki/2011/1/18/Attribmembers.png" width="150" height="50"></a>
 +
 +
</div>
    
    
-
  <div style="
 
-
  text-align: center;
 
-
      background:url(https://static.igem.org/mediawiki/2011/3/3e/Fondogalleria.png);
 
-
  background-repeat:no-repeat;
 
-
        background-position:top;
 
-
        color:#FFF;
 
-
  ">
 
-
    <p>&nbsp;</p>
 
-
    <div class="gallery" id="gallery">
 
-
      <p><a href="#" onClick="moveLeft()"><img src="https://static.igem.org/mediawiki/2011/d/d5/Backbutton.png" width="72" height="112"></a><img src="https://static.igem.org/mediawiki/2011/1/16/DSC_0197.JPG" alt="dasdfa" name="imgGal" width="469" height="342" id="imgGal" longdesc="http://asfsdfa"><a href="#" onClick="moveRight()"><img src="https://static.igem.org/mediawiki/2011/e/ea/ButtonNext.png" width="72" height="112"></a>
 
-
      </p>
 
-
      <p>&nbsp;</p>
 
-
      <p>&nbsp;</p>
 
-
    </div>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
   
 
-
   
 
-
   
 
-
  </div> 
 
    
    
-
+
 
    
    
-
 
+
 
-
  </div>
+
 
 +
<div style="  text-align:center; ">
 +
    <div class="gallery" id="gallery">
 +
    <p><a href="#" onClick="moveLeft()"><img src="https://static.igem.org/mediawiki/2011/c/c8/Botonleft01.png" width="50" height="71"> </a>
 +
<img src="https://static.igem.org/mediawiki/2011/a/aa/Img023.png" alt="dasdfa" name="galImg" width="400" height="300" id="galImg" longdesc="http://imgs">
 +
<a href="#" onClick="moveRight()"><img src="https://static.igem.org/mediawiki/2011/7/74/Botonright01.png" width="50" height="71"></a>
 +
    </p>
 +
   
 +
    </div> 
 +
</div>
</div></div></body></html>
</div></div></body></html>

Latest revision as of 20:56, 20 October 2011

wiki

iGEM

 

 

Retrieved from "http://2011.igem.org/Team:Tec-Monterrey/teammembers"