Team:Tec-Monterrey/teammembers
From 2011.igem.org
(Difference between revisions)
(28 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"> | ||
<!-- | <!-- | ||
+ | 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"; | ||
- | + | function changeImg(n) { | |
- | + | var name = imgname[n]; | |
- | + | var imgobj = document.getElementById('galImg'); | |
- | + | animTransA(); | |
- | + | imgobj.src = name; | |
- | + | animTransB(); | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
function moveLeft() | function moveLeft() | ||
{ | { | ||
- | + | galimgn -= 1; | |
- | if ( | + | if (galimgn < 0) |
- | + | galimgn = imgname.length - 1; | |
- | + | changeImg(galimgn); | |
- | + | ||
} | } | ||
function moveRight() | function moveRight() | ||
{ | { | ||
- | + | galimgn += 1; | |
- | if ( | + | if (galimgn >= imgname.length) |
- | + | galimgn = 0; | |
- | document.getElementById(' | + | 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 289: | Line 351: | ||
loadSettings(); | loadSettings(); | ||
- | |||
var headingTags = document.getElementsByTagName(PANEL_HEADING_TAG); | var headingTags = document.getElementsByTagName(PANEL_HEADING_TAG); | ||
- | |||
for (var i=0; i<headingTags.length; i++) | for (var i=0; i<headingTags.length; i++) | ||
{ | { | ||
var el = headingTags[i]; | var el = headingTags[i]; | ||
- | |||
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 303: | Line 362: | ||
- | |||
var name = el.firstChild.nodeValue; | var name = el.firstChild.nodeValue; | ||
- | |||
if (panelsStatus[name] == "false") | if (panelsStatus[name] == "false") | ||
el.parentNode.className = PANEL_COLLAPSED_CLASS; | el.parentNode.className = PANEL_COLLAPSED_CLASS; | ||
Line 314: | Line 371: | ||
else | else | ||
{ | { | ||
- | |||
panelsStatus[name] = (el.parentNode.className == PANEL_NORMAL_CLASS) ? "true" : "false"; | panelsStatus[name] = (el.parentNode.className == PANEL_NORMAL_CLASS) ? "true" : "false"; | ||
} | } | ||
- | |||
el.onclick = function() | el.onclick = function() | ||
{ | { | ||
Line 336: | Line 391: | ||
function animateTogglePanel(panel, expanding) | function animateTogglePanel(panel, expanding) | ||
{ | { | ||
- | |||
var elements = panel.getElementsByTagName("div"); | var elements = panel.getElementsByTagName("div"); | ||
var panelContent = null; | var panelContent = null; | ||
Line 348: | Line 402: | ||
} | } | ||
- | |||
panelContent.style.display = "block"; | panelContent.style.display = "block"; | ||
- | |||
var contentHeight = panelContent.offsetHeight; | var contentHeight = panelContent.offsetHeight; | ||
- | |||
if (expanding) | if (expanding) | ||
panelContent.style.height = "0px"; | panelContent.style.height = "0px"; | ||
Line 360: | 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 381: | Line 434: | ||
else | else | ||
{ | { | ||
- | |||
panelContent.parentNode.className = (direction<0) ? PANEL_COLLAPSED_CLASS : PANEL_NORMAL_CLASS; | panelContent.parentNode.className = (direction<0) ? PANEL_COLLAPSED_CLASS : PANEL_NORMAL_CLASS; | ||
- | |||
panelContent.style.display = panelContent.style.height = ""; | panelContent.style.display = panelContent.style.height = ""; | ||
} | } | ||
Line 396: | Line 447: | ||
function loadSettings() | function loadSettings() | ||
{ | { | ||
- | |||
panelsStatus = {}; | panelsStatus = {}; | ||
- | |||
var start = document.cookie.indexOf(PANEL_COOKIE_NAME + "="); | var start = document.cookie.indexOf(PANEL_COOKIE_NAME + "="); | ||
if (start == -1) return; | if (start == -1) return; | ||
- | |||
start += PANEL_COOKIE_NAME.length+1; | start += PANEL_COOKIE_NAME.length+1; | ||
- | |||
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; | ||
- | |||
var cookieValue = unescape(document.cookie.substring(start, end)); | var cookieValue = unescape(document.cookie.substring(start, end)); | ||
var panelsData = cookieValue.split("|"); | var panelsData = cookieValue.split("|"); | ||
- | |||
for (var i=0; i< panelsData.length; i++) | for (var i=0; i< panelsData.length; i++) | ||
{ | { | ||
Line 445: | Line 490: | ||
function saveSettings(key, value) | function saveSettings(key, value) | ||
{ | { | ||
- | |||
panelsStatus[key] = value; | panelsStatus[key] = value; | ||
- | |||
var panelsData = []; | var panelsData = []; | ||
for (var key in panelsStatus) | for (var key in panelsStatus) | ||
panelsData.push(key+":"+panelsStatus[key]); | panelsData.push(key+":"+panelsStatus[key]); | ||
- | |||
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); | ||
- | + | ||
document.cookie = PANEL_COOKIE_NAME + "=" + escape(panelsData.join("|")) + ";expires=" + expirationDate.toGMTString(); | document.cookie = PANEL_COOKIE_NAME + "=" + escape(panelsData.join("|")) + ";expires=" + expirationDate.toGMTString(); | ||
} | } | ||
- | |||
- | |||
- | |||
if (window.addEventListener) | if (window.addEventListener) | ||
{ | { | ||
- | |||
window.addEventListener("load", setUpPanels, false); | window.addEventListener("load", setUpPanels, false); | ||
} | } | ||
Line 470: | Line 508: | ||
if (window.attachEvent) | if (window.attachEvent) | ||
{ | { | ||
- | |||
window.attachEvent("onload", setUpPanels); | window.attachEvent("onload", setUpPanels); | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
--> | --> | ||
</script> | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</head><body> | </head><body> | ||
Line 482: | Line 528: | ||
<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"> | |
- | + | ||
- | + | ||
<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> </p> | ||
+ | <p> </p> | ||
</div> | </div> | ||
Line 511: | 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"> | + | <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 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"> | + | <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> | ||
</div> | </div> | ||
Line 563: | Line 611: | ||
<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" 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> | ||
Line 578: | Line 628: | ||
- | <div style=" text-align:center; | + | <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> |