Team:Tec-Monterrey/teammembers
From 2011.igem.org
(Difference between revisions)
(Created page with "team") |
|||
(44 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | <html xmlns="http://www.w3.org/1999/xhtml"><head> | |
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
+ | <title>wiki</title> | ||
+ | <style type="text/css"> | ||
+ | <!-- | ||
+ | #top-section { | ||
+ | |||
+ | height: 100px; | ||
+ | border: none; | ||
+ | height:20px | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | position: absolute; | ||
+ | display: none; | ||
+ | |||
+ | } | ||
+ | #footer-box { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #catlinks { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #menubar { background: none repeat transparent; } | ||
+ | |||
+ | |||
+ | #menubar ul li a { color: white; } | ||
+ | |||
+ | |||
+ | .right-menu li a { | ||
+ | color: black; | ||
+ | background: none repeat transparent; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background: none repeat scroll 0 0 transparent; | ||
+ | border-left: 0 solid; | ||
+ | border-right: 0 solid; | ||
+ | width: 80%; | ||
+ | } | ||
+ | |||
+ | #headover ul{ | ||
+ | list-style: none; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | top: 1.2em; | ||
+ | left: 0.2em; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none;} | ||
+ | |||
+ | body { | ||
+ | font: 12px Tahoma, Geneva, sans-serif; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2011/4/43/Lefondoleposter.png); | ||
+ | background-size: 100%; | ||
+ | background-repeat:no-repeat; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | margin-left: 10%; | ||
+ | margin-right: 10%; | ||
+ | color: #FFFFF; | ||
+ | } | ||
+ | |||
+ | /* ~~ Element/tag selectors ~~ */ | ||
+ | ul, ol, dl { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5, h6, p { | ||
+ | margin-top: 0; | ||
+ | padding-right: 10px; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | a img { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | a:link { | ||
+ | |||
+ | color: #F90; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #c02355; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | a:hover, a:active, a:focus { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | .container { | ||
+ | width: 100%; | ||
+ | max-width: 1260px; | ||
+ | min-width: 780px; | ||
+ | overflow: hidden; | ||
+ | color:#FFF; | ||
+ | } | ||
+ | |||
+ | |||
+ | .sidebar1 { | ||
+ | float: left; | ||
+ | width: 15%; | ||
+ | padding-bottom: 10px; | ||
+ | background-color:#04191d; | ||
+ | -moz-border-radius: 8px; | ||
+ | -webkit-border-radius: 8px; | ||
+ | |||
+ | } | ||
+ | .content { | ||
+ | |||
+ | padding: none; | ||
+ | width: 80%; | ||
+ | float: left; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .content ul, .content ol { | ||
+ | padding: 0 15px 15px 40px; | ||
+ | } | ||
+ | |||
+ | |||
+ | ul.nav { | ||
+ | list-style: none; | ||
+ | border-top:none; | ||
+ | margin-bottom: 15px; | ||
+ | |||
+ | } | ||
+ | ul.nav li { | ||
+ | border-bottom: 0px solid #04191d; | ||
+ | |||
+ | } | ||
+ | ul.nav a, ul.nav a:visited { | ||
+ | |||
+ | padding: 5px 5px 5px 15px; | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | color:#FFF; | ||
+ | |||
+ | } | ||
+ | ul.nav a:hover, ul.nav a:active, ul.nav a:focus { | ||
+ | background: #339dff; /*float amarillo*/ | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | |||
+ | .fltrt { | ||
+ | float: right; | ||
+ | margin-left: 8px; | ||
+ | } | ||
+ | .fltlft { | ||
+ | float: left; | ||
+ | margin-right: 8px; | ||
+ | } | ||
+ | .clearfloat { | ||
+ | clear:both; | ||
+ | height:0; | ||
+ | font-size: 1px; | ||
+ | line-height: 0px; | ||
+ | } | ||
+ | |||
+ | /* panel */ | ||
+ | .panel, .panelcollapsed | ||
+ | { | ||
+ | margin: 3px; | ||
+ | width: auto; | ||
+ | -moz-border-radius: 4px; | ||
+ | -webkit-border-radius: 4px; | ||
+ | border-top-width: 10px; | ||
+ | border-right-width: 0px; | ||
+ | border-bottom-width: 10px; | ||
+ | border-left-width: 3px; | ||
+ | padding-bottom: 5px; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | |||
+ | table { | ||
+ | background: none repeat scroll 0 0 transparent} | ||
+ | |||
+ | |||
+ | /* panel heading */ | ||
+ | .panel h2, .panelcollapsed h2 | ||
+ | { | ||
+ | color: #FFF; | ||
+ | font-weight: normal; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | -moz-border-radius: 3px; | ||
+ | -webkit-border-radius: 3px; | ||
+ | border-bottom: 0px solid #04191d; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* panel heading on rollover */ | ||
+ | .panel h2:hover, .panelcollapsed h2:hover { | ||
+ | background-color: #339dff; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | /* heading of a collapsed panel */ | ||
+ | .panelcollapsed h2 | ||
+ | { | ||
+ | background-image: url(arrow-dn.gif); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 280px; | ||
+ | } | ||
+ | |||
+ | /* panel content - do not set borders or paddings */ | ||
+ | .panelcontent | ||
+ | { | ||
+ | overflow: hidden; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | /* collapsed panel content */ | ||
+ | .panelcollapsed .panelcontent { display: none; } | ||
+ | |||
+ | --> | ||
+ | </style><!--[if lte IE 7]> | ||
+ | <style> | ||
+ | .content { margin-right: -1px; } | ||
+ | ul.nav a { zoom: 1; } | ||
+ | </style> | ||
+ | <![endif]--> | ||
+ | |||
+ | <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() | ||
+ | { | ||
+ | galimgn -= 1; | ||
+ | |||
+ | if (galimgn < 0) | ||
+ | galimgn = imgname.length - 1; | ||
+ | changeImg(galimgn); | ||
+ | } | ||
+ | |||
+ | function moveRight() | ||
+ | { | ||
+ | galimgn += 1; | ||
+ | |||
+ | if (galimgn >= imgname.length) | ||
+ | galimgn = 0; | ||
+ | |||
+ | 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 + ')'; | ||
+ | } | ||
+ | |||
+ | // ----------------------------------------------------------------------------------------------- | ||
+ | // PANELS | ||
+ | var PANEL_NORMAL_CLASS = "panel"; | ||
+ | var PANEL_COLLAPSED_CLASS = "panelcollapsed"; | ||
+ | var PANEL_HEADING_TAG = "h2"; | ||
+ | var PANEL_CONTENT_CLASS = "panelcontent"; | ||
+ | var PANEL_COOKIE_NAME = "panels"; | ||
+ | var PANEL_ANIMATION_DELAY = 20; /*ms*/ | ||
+ | var PANEL_ANIMATION_STEPS = 10; | ||
+ | |||
+ | function setUpPanels() | ||
+ | { | ||
+ | loadSettings(); | ||
+ | |||
+ | var headingTags = document.getElementsByTagName(PANEL_HEADING_TAG); | ||
+ | |||
+ | for (var i=0; i<headingTags.length; i++) | ||
+ | { | ||
+ | var el = headingTags[i]; | ||
+ | |||
+ | if ( el.parentNode.className != PANEL_COLLAPSED_CLASS) | ||
+ | if(el.parentNode.className != PANEL_NORMAL_CLASS) | ||
+ | continue; | ||
+ | |||
+ | |||
+ | var name = el.firstChild.nodeValue; | ||
+ | |||
+ | if (panelsStatus[name] == "false") | ||
+ | el.parentNode.className = PANEL_COLLAPSED_CLASS; | ||
+ | else | ||
+ | if (panelsStatus[name] == "true") | ||
+ | el.parentNode.className = PANEL_NORMAL_CLASS; | ||
+ | else | ||
+ | { | ||
+ | panelsStatus[name] = (el.parentNode.className == PANEL_NORMAL_CLASS) ? "true" : "false"; | ||
+ | } | ||
+ | |||
+ | el.onclick = function() | ||
+ | { | ||
+ | var target = this.parentNode; | ||
+ | var name = this.firstChild.nodeValue; | ||
+ | var collapsed = (target.className == PANEL_COLLAPSED_CLASS); | ||
+ | saveSettings(name, collapsed?"true":"false"); | ||
+ | animateTogglePanel(target, collapsed); | ||
+ | }; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Start the expand/collapse animation of the panel | ||
+ | * @param panel reference to the panel div | ||
+ | */ | ||
+ | function animateTogglePanel(panel, expanding) | ||
+ | { | ||
+ | var elements = panel.getElementsByTagName("div"); | ||
+ | var panelContent = null; | ||
+ | for (var i=0; i<elements.length; i++) | ||
+ | { | ||
+ | if (elements[i].className == PANEL_CONTENT_CLASS) | ||
+ | { | ||
+ | panelContent = elements[i]; | ||
+ | break; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | panelContent.style.display = "block"; | ||
+ | |||
+ | var contentHeight = panelContent.offsetHeight; | ||
+ | |||
+ | if (expanding) | ||
+ | panelContent.style.height = "0px"; | ||
+ | |||
+ | var stepHeight = contentHeight / PANEL_ANIMATION_STEPS; | ||
+ | var direction = (!expanding ? -1 : 1); | ||
+ | if (direction > 0) | ||
+ | collapseAll(); | ||
+ | |||
+ | setTimeout(function(){animateStep(panelContent,1,stepHeight,direction)}, PANEL_ANIMATION_DELAY); | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Change the height of the target | ||
+ | * @param panelContent reference to the panel content to change height | ||
+ | * @param iteration current iteration; animation will be stopped when iteration reaches PANEL_ANIMATION_STEPS | ||
+ | * @param stepHeight height increment to be added/substracted in one step | ||
+ | * @param direction 1 for expanding, -1 for collapsing | ||
+ | */ | ||
+ | function animateStep(panelContent, iteration, stepHeight, direction) | ||
+ | { | ||
+ | if (iteration<PANEL_ANIMATION_STEPS) | ||
+ | { | ||
+ | panelContent.style.height = Math.round(((direction>0) ? iteration : 10 - iteration) * stepHeight) +"px"; | ||
+ | iteration++; | ||
+ | setTimeout(function(){animateStep(panelContent,iteration,stepHeight,direction)}, PANEL_ANIMATION_DELAY); | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | panelContent.parentNode.className = (direction<0) ? PANEL_COLLAPSED_CLASS : PANEL_NORMAL_CLASS; | ||
+ | panelContent.style.display = panelContent.style.height = ""; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | // ----------------------------------------------------------------------------------------------- | ||
+ | // Load-Save | ||
+ | // ----------------------------------------------------------------------------------------------- | ||
+ | /** | ||
+ | * Reads the "panels" cookie if exists, expects data formatted as key:value|key:value... puts in panelsStatus object | ||
+ | */ | ||
+ | function loadSettings() | ||
+ | { | ||
+ | panelsStatus = {}; | ||
+ | |||
+ | var start = document.cookie.indexOf(PANEL_COOKIE_NAME + "="); | ||
+ | if (start == -1) return; | ||
+ | |||
+ | start += PANEL_COOKIE_NAME.length+1; | ||
+ | |||
+ | var end = document.cookie.indexOf(";", start); | ||
+ | if (end == -1) end = document.cookie.length; | ||
+ | |||
+ | var cookieValue = unescape(document.cookie.substring(start, end)); | ||
+ | var panelsData = cookieValue.split("|"); | ||
+ | |||
+ | for (var i=0; i< panelsData.length; i++) | ||
+ | { | ||
+ | var pair = panelsData[i].split(":"); | ||
+ | panelsStatus[pair[0]] = pair[1]; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function expandAll() | ||
+ | { | ||
+ | for (var key in panelsStatus) | ||
+ | saveSettings(key, "true"); | ||
+ | |||
+ | setUpPanels(); | ||
+ | } | ||
+ | |||
+ | function collapseAll() | ||
+ | { | ||
+ | for (var key in panelsStatus) | ||
+ | saveSettings(key, "false"); | ||
+ | |||
+ | setUpPanels(); | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Takes data from the panelsStatus object, formats as key:value|key:value... and puts in cookie valid for 365 days | ||
+ | * @param key key name to save | ||
+ | * @paeam value key value | ||
+ | */ | ||
+ | function saveSettings(key, value) | ||
+ | { | ||
+ | panelsStatus[key] = value; | ||
+ | |||
+ | var panelsData = []; | ||
+ | for (var key in panelsStatus) | ||
+ | panelsData.push(key+":"+panelsStatus[key]); | ||
+ | |||
+ | var today = new Date(); | ||
+ | var expirationDate = new Date(today.getTime() + 365 * 1000 * 60 * 60 * 24); | ||
+ | |||
+ | document.cookie = PANEL_COOKIE_NAME + "=" + escape(panelsData.join("|")) + ";expires=" + expirationDate.toGMTString(); | ||
+ | } | ||
+ | if (window.addEventListener) | ||
+ | { | ||
+ | window.addEventListener("load", setUpPanels, false); | ||
+ | } | ||
+ | else | ||
+ | if (window.attachEvent) | ||
+ | { | ||
+ | window.attachEvent("onload", setUpPanels); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | --> | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </head><body> | ||
+ | |||
+ | <div class="container"> | ||
+ | |||
+ | <div class="topbar"> | ||
+ | <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> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="sidebar1"> | ||
+ | <ul class="nav"> | ||
+ | <p> </p> | ||
+ | <!--this is our menu! D: --> | ||
+ | <li> | ||
+ | <div class="panelcollapsed"> | ||
+ | <h2>MAIN</h2> | ||
+ | <div class="panelcontent" style=""> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">home</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectdescription">abstract</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/video">videos</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/stepbystep">step by step</a></p> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | |||
+ | <div class="panelcollapsed"> | ||
+ | <h2>PROJECT</h2> | ||
+ | <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/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/projectnotebook">notebook</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sampledata">sample data</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | |||
+ | |||
+ | <div class="panelcollapsed"> | ||
+ | <h2>TEAM</h2> | ||
+ | <div class="panelcontent"> | ||
+ | |||
+ | <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">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/teamfriends">friends</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li><li> | ||
+ | <div class="panelcollapsed"> | ||
+ | |||
+ | |||
+ | <h2>EXTRAS</h2> | ||
+ | <div class="panelcontent"> | ||
+ | |||
+ | |||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sitemap">site map</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sponsorsplatinum">sponsors platinum</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sponsorsgold">sponsors gold</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sponsorssilver">sponsors silver</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/specialthanks">special thanks</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/followus">follow us!</a></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="content"> | ||
+ | <!--in sub pages, this divisions should be comments! :D--> | ||
+ | |||
+ | |||
+ | <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; "> | ||
+ | <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> |