Team:Tec-Monterrey
From 2011.igem.org
(Difference between revisions)
(97 intermediate revisions not shown) | |||
Line 62: | Line 62: | ||
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-repeat:no-repeat; | background-repeat:no-repeat; | ||
background-size: 100%; | background-size: 100%; | ||
Line 152: | Line 152: | ||
} | } | ||
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 207: | Line 207: | ||
/* 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 239: | Line 239: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
<!-- | <!-- | ||
- | + | var noimg = 0; | |
- | + | var i = 0; | |
+ | var st1 = 100; | ||
+ | var st2 = 0; | ||
+ | var speed = 10; | ||
//url goes here | //url goes here | ||
var imgname = new Array(); | var imgname = new Array(); | ||
- | imgname[0] = "https://static.igem.org/mediawiki/2011/ | + | imgname[0] = "https://static.igem.org/mediawiki/2011/a/a0/Home01.png"; |
- | + | imgname[1] = "https://static.igem.org/mediawiki/2011/4/45/Home02.png"; | |
- | imgname[2] = "https://static.igem.org/mediawiki/2011/ | + | imgname[2] = "https://static.igem.org/mediawiki/2011/6/6a/Home03.png"; |
- | + | imgname[3] = "https://static.igem.org/mediawiki/2011/d/dd/Home04.png"; | |
- | + | imgname[4] = "https://static.igem.org/mediawiki/2011/e/ec/Home05.png"; | |
- | + | imgname[5] = "https://static.igem.org/mediawiki/2011/0/03/Home06.png"; | |
+ | |||
+ | function changeImg(n) { | ||
var name = imgname[n]; | var name = imgname[n]; | ||
- | document.getElementById('imagered').src=name; | + | var imgobj = document.getElementById('imagered'); |
+ | animTransA(); | ||
+ | imgobj.src = name; | ||
+ | animTransB(); | ||
} | } | ||
+ | function resetAuto(num) { | ||
+ | noimg = num; | ||
+ | clearTimeout(timg); | ||
+ | autoChangeImg(); | ||
+ | } | ||
+ | |||
+ | function autoChangeImg() { | ||
+ | var s = 500; /*ms*/ | ||
+ | changeImg(noimg); | ||
+ | noimg++; | ||
+ | if (noimg > 4) { noimg = 0;} | ||
+ | timg = setTimeout("autoChangeImg()",10*s); | ||
+ | } | ||
+ | function animTransA() { | ||
+ | st1 -= speed; | ||
+ | img = document.getElementById('imagered'); | ||
+ | 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('imagered'); | ||
+ | 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('imagered'); | ||
+ | img.style.opacity = 1; | ||
+ | st1 = 100; st2 = 0; | ||
+ | img.style.filter = 'alpha(opacity=' + 100 + ')'; | ||
+ | } | ||
+ | |||
// ----------------------------------------------------------------------------------------------- | // ----------------------------------------------------------------------------------------------- | ||
Line 270: | Line 316: | ||
// get all headings | // get all headings | ||
var headingTags = document.getElementsByTagName(PANEL_HEADING_TAG); | var headingTags = document.getElementsByTagName(PANEL_HEADING_TAG); | ||
- | + | ||
+ | |||
// go through all tags | // go through all tags | ||
for (var i=0; i<headingTags.length; i++) | for (var i=0; i<headingTags.length; i++) | ||
Line 315: | Line 362: | ||
function animateTogglePanel(panel, expanding) | function animateTogglePanel(panel, expanding) | ||
{ | { | ||
+ | |||
// find the .panelcontent div | // find the .panelcontent div | ||
var elements = panel.getElementsByTagName("div"); | var elements = panel.getElementsByTagName("div"); | ||
var panelContent = null; | var panelContent = null; | ||
+ | |||
+ | |||
for (var i=0; i<elements.length; i++) | for (var i=0; i<elements.length; i++) | ||
{ | { | ||
Line 332: | Line 382: | ||
// get the height of the content | // 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 panel is collapsed and expanding, we must start with 0 height | ||
Line 339: | Line 390: | ||
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 377: | Line 432: | ||
// prepare the object that will keep the panel statuses | // prepare the object that will keep the panel statuses | ||
panelsStatus = {}; | panelsStatus = {}; | ||
+ | |||
// find the cookie name | // find the cookie name | ||
Line 382: | Line 438: | ||
if (start == -1) return; | if (start == -1) return; | ||
+ | |||
+ | |||
// starting point of the value | // starting point of the value | ||
start += PANEL_COOKIE_NAME.length+1; | start += PANEL_COOKIE_NAME.length+1; | ||
Line 388: | Line 446: | ||
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 | // 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 | // split each key:value pair and put in object | ||
Line 399: | Line 459: | ||
panelsStatus[pair[0]] = pair[1]; | panelsStatus[pair[0]] = pair[1]; | ||
} | } | ||
+ | |||
+ | |||
} | } | ||
Line 455: | Line 517: | ||
</script> | </script> | ||
- | </head><body> | + | </head><body onLoad = "autoChangeImg();"> |
<div class="container"> | <div class="container"> | ||
Line 462: | Line 524: | ||
<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=" | + | <a href="http://www.itesm.edu/wps/portal?WCM_GLOBAL_CONTEXT="><img src="https://static.igem.org/mediawiki/2011/2/20/Logotec.png" alt="ITESM" name="teclogo" width="202" height="72" id="teclogo"> </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> | <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="http://www.bayer.com.mx/bayer/cropscience/bcsmexico.nsf/ID/Home_BayNEW"><img src="https://static.igem.org/mediawiki/2011/9/9f/Logobayerspon.png"width="69" height="67" align="right" alt="nllogo" name="nllogo" id="nl"> </a> | ||
+ | |||
+ | <a href="http://www.promega.com/"><img src="https://static.igem.org/mediawiki/2011/4/49/Logopromega02.png" width="77" height="67" alt="promega" name="promega" align="right" id="promega"> </a> | ||
+ | |||
+ | <a href="http://www.uniparts.com.mx/"><img src="https://static.igem.org/mediawiki/2011/1/14/Logouniparts02.png"alt="uniparts" name="uniparts" align="right" width="139" height="60" id="uniparts"> </a> | ||
+ | |||
+ | |||
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
Line 491: | Line 562: | ||
<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 509: | Line 583: | ||
<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> | ||
Line 547: | Line 620: | ||
<div style="text-align:center; float:left;"> | <div style="text-align:center; float:left;"> | ||
- | <p><img src="https://static.igem.org/mediawiki/2011/ | + | <p><img src="https://static.igem.org/mediawiki/2011/a/a0/Home01.png" alt="asd" name="image" width="425" height="319" id="imagered" longdesc="http://asdas"> |
</a></p> | </a></p> | ||
<table width="30%" border="0" align="center"> | <table width="30%" border="0" align="center"> | ||
<tbody><tr> | <tbody><tr> | ||
- | <td> <a href=" | + | <td> <a href="https://2011.igem.org/Team:Tec-Monterrey/projectdescription" onMouseOver="resetAuto(0)"><img name="boton01" src="https://static.igem.org/mediawiki/2011/5/57/Botones01.png" width="40" height="40"></a> </td> |
- | <td> <a href="#" onMouseOver=" | + | |
- | <td> <a href=" | + | |
- | <td> <a href=" | + | <td> <a href="#" onMouseOver="resetAuto(1)"> |
+ | <img name="boton02" src="https://static.igem.org/mediawiki/2011/d/d7/Botones02.png" | ||
+ | width="40" height="40"></a> </td> | ||
+ | |||
+ | <td> <a href="https://2011.igem.org/Team:Tec-Monterrey/teamha/AR" onMouseOver="resetAuto(2)"><img name="boton03" src="https://static.igem.org/mediawiki/2011/9/95/Botones03.png" width="40" height="40" ></a> </td> | ||
+ | |||
+ | <td> <a href="https://2011.igem.org/Team:Tec-Monterrey/video" onMouseOver="resetAuto(3)"><img name="rouge" src="https://static.igem.org/mediawiki/2011/e/e5/Botones04.png" width="40 height="40"></a> </td> | ||
+ | |||
+ | |||
+ | <td> <a href="http://area.autodesk.com/blogs/cory/maya_igem_and_tec_de_monterrey" onMouseOver="resetAuto(4)"><img name="boton04" src="https://static.igem.org/mediawiki/2011/f/f5/Botones05.png" width="40" height="40" alt="welcome"></a> </td> | ||
+ | |||
+ | |||
+ | <td> <a href="https://2011.igem.org/Team:Tec-Monterrey/teammembers" onMouseOver="resetAuto(5)"><img name="boton06" src="https://static.igem.org/mediawiki/2011/7/72/Botones06.png" width="40" height="40" ></a> </td> | ||
</tr> | </tr> | ||
</tbody></table> | </tbody></table> | ||
Line 563: | Line 648: | ||
</div> | </div> | ||
- | + | <div class="tweets"> | |
- | <div style="float | + | <div style="float:right;"> |
<script src="http://widgets.twimg.com/j/2/widget.js"></script> | <script src="http://widgets.twimg.com/j/2/widget.js"></script> | ||
<script> | <script> | ||
Line 597: | Line 682: | ||
</script> | </script> | ||
</div> | </div> | ||
- | + | </div> | |
</div> | </div> | ||