Team:Tec-Monterrey
From 2012.igem.org
(Difference between revisions)
(Prototype team page) |
|||
(31 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>Tec Igem 2012</title> | ||
+ | <style type="text/css"> | ||
+ | <!-- | ||
+ | @charset "utf-8"; | ||
+ | /*This kills the IGEM*/ | ||
+ | #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; display:none;} | ||
+ | #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; | ||
+ | } | ||
+ | #content{ | ||
+ | width: 80%; | ||
+ | } | ||
+ | #headover ul{ | ||
+ | list-style: none; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | top: 1.2em; | ||
+ | left: 0.2em; | ||
+ | } | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | /*Do not remove*/ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | body { | |
+ | font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; | ||
+ | background: #FFF; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | color: #000; | ||
+ | } | ||
+ | ul, ol, dl { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5, h6, p { | ||
+ | margin-top: 0; | ||
+ | padding-right: 15px; | ||
+ | padding-left: 15px; | ||
+ | } | ||
+ | a img { | ||
+ | border: none; | ||
+ | } | ||
+ | a:link { | ||
+ | color:#414958; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #4E5869; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | a:hover, a:active, a:focus { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .container { | ||
+ | width: 90%; | ||
+ | min-width: 1000px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .header { | ||
+ | min-height:145px; | ||
+ | } | ||
+ | .content { | ||
+ | padding: 10px 0; | ||
+ | } | ||
+ | .content ul, .content ol { | ||
+ | padding: 0 15px 15px 40px; | ||
+ | } | ||
+ | .footer { | ||
+ | padding: 10px 0; | ||
+ | } | ||
+ | .fltrt { | ||
+ | float: right; | ||
+ | margin-left: 8px; | ||
+ | } | ||
+ | .fltlft { | ||
+ | float: left; | ||
+ | margin-right: 8px; | ||
+ | } | ||
+ | .clearfloat { | ||
+ | clear:both; | ||
+ | height:0; | ||
+ | font-size: 1px; | ||
+ | line-height: 0px; | ||
+ | } | ||
+ | .center-div { | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | } | ||
+ | .logo { | ||
+ | border:none; | ||
+ | width:145px; | ||
+ | height:145px; | ||
+ | float:left; | ||
+ | background:url(https://static.igem.org/mediawiki/igem.org/6/6f/TECMTY_Teamlogo_normal.png) no-repeat; | ||
+ | } | ||
+ | .logo:hover { | ||
+ | background:url(https://static.igem.org/mediawiki/igem.org/e/ef/TECMTY_Teamlogo_hover.png) no-repeat; | ||
+ | } | ||
+ | .menu #sp1{ background:url(https://static.igem.org/mediawiki/igem.org/9/93/TECMTY_Igemlogo_normal.png) no-repeat; border:none; height:64px; width:64px;} | ||
+ | .menu #sp1:hover{ background:url(https://static.igem.org/mediawiki/igem.org/8/84/TECMTY_Igemlogo_hover.png) no-repeat;} | ||
+ | |||
+ | .menu #bt1{ background:url(https://static.igem.org/mediawiki/2012/0/08/TECMTY_Allergen_normal.jpg) no-repeat; border:none; height:65px; width:152px;} | ||
+ | .menu #bt1:hover{ background:url(https://static.igem.org/mediawiki/2012/a/a5/TECMTY_Allergen_hover.jpg) no-repeat;} | ||
+ | .menu #bt2{ background:url(https://static.igem.org/mediawiki/igem.org/f/f8/TECMTY_Antifreeze_normal.jpg) no-repeat; border:none; height:65px; width:152px;} | ||
+ | .menu #bt2:hover{ background:url(https://static.igem.org/mediawiki/igem.org/1/13/TECMTY_Antifreeze_hover.jpg) no-repeat;} | ||
+ | .menu #bt3{ background:url(https://static.igem.org/mediawiki/igem.org/a/ae/TECMTY_Humanpractice_normal.jpg) no-repeat; border:none; height:65px; width:152px;} | ||
+ | .menu #bt3:hover{ background:url(https://static.igem.org/mediawiki/igem.org/9/92/TECMTY_Humanpractice_hover.jpg) no-repeat;} | ||
+ | .menu #bt4{ background:url(https://static.igem.org/mediawiki/igem.org/7/76/TECMTY_Extras_normal.jpg) no-repeat; border:none; height:65px; width:152px;} | ||
+ | .menu #bt4:hover{ background:url(https://static.igem.org/mediawiki/igem.org/c/cc/TECMTY_Extras_hover.jpg) no-repeat;} | ||
+ | .menu #bt5{ background:url(https://static.igem.org/mediawiki/2012/7/7e/TECMTY_Team_normal.jpg) no-repeat; border:none; height:65px; width:152px;} | ||
+ | .menu #bt5:hover{ background:url(https://static.igem.org/mediawiki/2012/e/ed/TECMTY_Team_hover.jpg) no-repeat;} | ||
+ | .content #s1,#s2,#s3{ background:url(https://static.igem.org/mediawiki/igem.org/f/fd/TECMTY_Bgaleria_allergen_normal.png) no-repeat; border:none; height:25px; width:35px;} | ||
+ | .content #s1:hover,#s2:hover,#s3:hover { background:url(https://static.igem.org/mediawiki/igem.org/9/95/TECMTY_Bgaleria_allergen_selec.png) no-repeat;} | ||
+ | .content #s4,#s5,#s6{ background:url(https://static.igem.org/mediawiki/igem.org/6/69/TECMTY_Bgaleria_antifreeze_normal.png) no-repeat; border:none; height:25px; width:35px;} | ||
+ | .content #s4:hover,#s5:hover,#s6:hover { background:url(https://static.igem.org/mediawiki/igem.org/7/7e/TECMTY_Bgaleria_antifreeze_selec.png) no-repeat;} | ||
- | { | + | #slideshow { |
- | + | position:relative; | |
- | + | } | |
- | + | #slideshow #slidesContainer { | |
- | + | margin:0 auto; | |
- | + | width:520px; | |
- | + | height:290px; | |
- | + | overflow:auto; | |
- | + | } | |
- | + | #slideshow #slidesContainer .slide { | |
- | + | margin:0 auto; | |
+ | width:600px; | ||
+ | height:290px; | ||
+ | } | ||
+ | .control { | ||
+ | display:block; | ||
+ | width:40px; | ||
+ | height:290px; | ||
+ | text-indent:-10000px; | ||
+ | cursor: pointer; | ||
+ | position:absolute; | ||
+ | top:0; | ||
+ | } | ||
+ | #leftControl { | ||
+ | left:0; | ||
+ | background:transparent url("https://static.igem.org/mediawiki/2012/5/52/TECMTY_Galeria_izquierda.png") no-repeat center; | ||
+ | } | ||
+ | #rightControl { | ||
+ | right:0; | ||
+ | background:transparent url("https://static.igem.org/mediawiki/2012/1/12/TECMTY_Galeria_derecha.png") no-repeat center; | ||
+ | } | ||
- | + | .foot-left { | |
+ | height:100px; | ||
+ | } | ||
+ | .foot-mid { | ||
+ | height:200px; | ||
+ | } | ||
+ | .foot-rite { | ||
+ | height:100px; | ||
+ | } | ||
+ | .preload { | ||
+ | display:none; | ||
+ | } | ||
+ | --> | ||
+ | </style> | ||
- | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | |
- | + | <script type="text/javascript"> | |
- | + | $(document).ready(function(){ | |
- | + | $("#div_content").hide(); | |
- | + | $("#div_content").fadeIn(1000); | |
- | + | $("#logo").click(function() { | |
- | + | window.setTimeout(function() { | |
- | + | document.location.href="https://2012.igem.org/Team:Tec-Monterrey" | |
- | + | }, 1000); | |
- | + | $("#div_content").fadeOut(1000); | |
- | + | }); | |
+ | $("#bt1").click(function() { | ||
+ | window.setTimeout(function() { | ||
+ | document.location.href="https://2012.igem.org/Team:Tec-Monterrey/allergen/project" | ||
+ | }, 1000); | ||
+ | $("#div_content").fadeOut(1000); | ||
+ | }); | ||
+ | $("#bt2").click(function() { | ||
+ | window.setTimeout(function() { | ||
+ | document.location.href="https://2012.igem.org/Team:Tec-Monterrey/antifreeze/project" | ||
+ | }, 1000); | ||
+ | $("#div_content").fadeOut(1000); | ||
+ | }); | ||
+ | $("#bt3").click(function() { | ||
+ | window.setTimeout(function() { | ||
+ | document.location.href="https://2012.igem.org/Team:Tec-Monterrey/hpractice" | ||
+ | }, 1000); | ||
+ | $("#div_content").fadeOut(1000); | ||
+ | }); | ||
+ | $("#bt4").click(function() { | ||
+ | window.setTimeout(function() { | ||
+ | document.location.href="https://2012.igem.org/Team:Tec-Monterrey/extras" | ||
+ | }, 1000); | ||
+ | $("#div_content").fadeOut(1000); | ||
+ | }); | ||
+ | $("#bt5").click(function() { | ||
+ | window.setTimeout(function() { | ||
+ | document.location.href="https://2012.igem.org/Team:Tec-Monterrey/team" | ||
+ | }, 1000); | ||
+ | $("#div_content").fadeOut(1000); | ||
+ | }); | ||
+ | //Slides | ||
+ | var currentPos = 0; | ||
+ | var sWidth = 520; | ||
+ | var slides = $('.slide'); | ||
+ | var numSlides = slides.length; | ||
+ | $('#slidesContainer').css('overflow','hidden'); | ||
+ | slides.wrapAll('<div id="slideInner"></div>'); | ||
+ | slides.css({ | ||
+ | 'float':'left', | ||
+ | 'width':sWidth | ||
+ | }); | ||
+ | $('#slideInner').css('width',sWidth*numSlides); | ||
+ | $('#slideshow').prepend('<span class="control" id="leftControl">Move left</span>'); | ||
+ | $('#slideshow').append('<span class="control" id="rightControl">Move right</span>'); | ||
+ | manageControls(currentPos); | ||
+ | $('.control').bind('click', function() { | ||
+ | currentPos = ($(this).attr('id') == 'rightControl') ? currentPos+1 : currentPos-1; | ||
+ | manageControls(currentPos); | ||
+ | $('#slideInner').animate({ | ||
+ | 'marginLeft' : sWidth*(-currentPos) | ||
+ | }); | ||
+ | }); | ||
+ | function manageControls(position) { | ||
+ | if(position == 0) { $('#leftControl').hide(); } | ||
+ | else { $('#leftControl').show(); } | ||
+ | if(position == numSlides-1) { $('#rightControl').hide(); } | ||
+ | else { $('#rightControl').show(); } | ||
+ | } | ||
+ | //Slide Buttons | ||
+ | $("#s1").click(function() { | ||
+ | currentPos = 0; | ||
+ | manageControls(currentPos); | ||
+ | changeSlide(currentPos); | ||
+ | }); | ||
+ | $("#s2").click(function() { | ||
+ | currentPos = 1; | ||
+ | manageControls(currentPos); | ||
+ | changeSlide(currentPos); | ||
+ | }); | ||
+ | $("#s3").click(function() { | ||
+ | currentPos = 2; | ||
+ | manageControls(currentPos); | ||
+ | changeSlide(currentPos); | ||
+ | }); | ||
+ | $("#s4").click(function() { | ||
+ | currentPos = 3; | ||
+ | manageControls(currentPos); | ||
+ | changeSlide(currentPos); | ||
+ | }); | ||
+ | $("#s5").click(function() { | ||
+ | currentPos = 4; | ||
+ | manageControls(currentPos); | ||
+ | changeSlide(currentPos); | ||
+ | }); | ||
+ | $("#s6").click(function() { | ||
+ | currentPos = 5; | ||
+ | manageControls(currentPos); | ||
+ | changeSlide(currentPos); | ||
+ | }); | ||
+ | function changeSlide(position) { | ||
+ | $('#slideInner').animate({ | ||
+ | 'marginLeft' : sWidth*(-position) | ||
+ | }); | ||
+ | } | ||
+ | window.setInterval(function() { | ||
+ | currentPos++; | ||
+ | if (currentPos >= numSlides) | ||
+ | currentPos = 0; | ||
+ | manageControls(currentPos); | ||
+ | changeSlide(currentPos); | ||
+ | }, 5000); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <span class="preload"> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/6/6f/TECMTY_Teamlogo_normal.png" alt="1" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/e/ef/TECMTY_Teamlogo_hover.png" alt="2" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/9/93/TECMTY_Igemlogo_normal.png" alt="3" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/8/84/TECMTY_Igemlogo_hover.png" alt="4" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/0/08/TECMTY_Allergen_normal.jpg" alt="5" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/a/a5/TECMTY_Allergen_hover.jpg" alt="6" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/f/f8/TECMTY_Antifreeze_normal.jpg" alt="7" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/1/13/TECMTY_Antifreeze_hover.jpg" alt="8" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/9/92/TECMTY_Humanpractice_hover.jpg" alt="9" /> | ||
+ | <img src="2012.https://static.igem.org/mediawiki/igem.org/7/7e/TECMTY_Team_normal.jpg" alt="10" /> | ||
+ | <img src="2012.https://static.igem.org/mediawiki/igem.org/e/ed/TECMTY_Team_hover.jpg" alt="11" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/7/76/TECMTY_Extras_normal.jpg" alt="12" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/c/cc/TECMTY_Extras_hover.jpg" alt="13" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/f/f9/TECMTY_Welcome.png" alt="14" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/2/2e/TECMTY_Galeria_teamlogo.png" alt="15" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/6/6b/TECMTY_Galeria_underconstruction.png" alt="16" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/f/fd/TECMTY_Bgaleria_allergen_normal.png" alt="17" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/9/95/TECMTY_Bgaleria_allergen_selec.png" alt="18" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/6/69/TECMTY_Bgaleria_antifreeze_normal.png" alt="19" /> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/7/7e/TECMTY_Bgaleria_antifreeze_selec.png" alt="20" /> | ||
+ | </span> | ||
+ | |||
+ | <div class="container"> | ||
+ | <div class="header"> | ||
+ | <div> | ||
+ | <button type="button" id="logo" class="logo"> </button> | ||
+ | </div> | ||
+ | <div class="menu" align="right"> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td align="right"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/d/d6/TECMTY_BANNER_SMALL.JPG" /> | ||
+ | <button type="button" id="sp1" onclick="document.location.href='https://2012.igem.org/Main_Page'"> </button> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td valign="bottom"align="right"> | ||
+ | <button type="button" id="bt1"> </button><button type="button" id="bt2"> </button><button type="button" id="bt3"> </button><button type="button" id="bt4"> </button><button type="button" id="bt5"> </button> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="content" id="div_content"> | ||
+ | <table align="center"> | ||
+ | <tr> | ||
+ | <td> <img src="https://static.igem.org/mediawiki/igem.org/f/f9/TECMTY_Welcome.png" alt="welcome" longdesc="welcome" /> </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | |||
+ | <div id="slideshow"> | ||
+ | <div id="slidesContainer"> | ||
+ | <div class="slide"> | ||
+ | <a href=""><img src="https://static.igem.org/mediawiki/igem.org/4/47/TECMTY_Logotecmty.gif" alt="" /></a> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <a href="https://dl.dropbox.com/u/23640080/ProjectDocumentationTecMty.pdf"><img src="https://static.igem.org/mediawiki/igem.org/2/24/TECMTY_Galeria_main.png" alt="Slide2" /></a> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <a href="https://2012.igem.org/Team:Tec-Monterrey/hpractice"><img src="https://static.igem.org/mediawiki/igem.org/5/51/TECMTY_Galeria_juegos.jpg" alt="Slide3" /></a> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <a href="https://2012.igem.org/Team:Tec-Monterrey/allergen/project"><img src="https://static.igem.org/mediawiki/igem.org/f/f9/TECMTY_Allergen.gif" alt="Slide4" /></a> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <a href="https://2012.igem.org/Team:Tec-Monterrey/antifreeze/project"><img src="https://static.igem.org/mediawiki/igem.org/5/56/TECMTY_Antifreeze.gif" alt="Slide5" /></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td align="center"> | ||
+ | <button type="button" id="s1"> </button><button type="button" id="s2"> </button><button type="button" id="s3"> </button><button type="button" id="s4"> </button><button type="button" id="s5"> </button><button type="button" id="s6"> </button> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td align="center"> | ||
+ | |||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | <div class="footer"> | ||
+ | <table width="100%"> | ||
+ | <tr valign="top"> | ||
+ | <td width="25%"> | ||
+ | <div class="foot-left"> | ||
+ | | ||
+ | </div> | ||
+ | </td> | ||
+ | <td width="50%"> | ||
+ | <div class="foot-mid"> | ||
+ | | ||
+ | </div> | ||
+ | </td> | ||
+ | <td width="25%"> | ||
+ | <div class="foot-rite"> | ||
+ | | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Latest revision as of 22:55, 10 October 2012
![1](https://static.igem.org/mediawiki/igem.org/6/6f/TECMTY_Teamlogo_normal.png)
![2](https://static.igem.org/mediawiki/igem.org/e/ef/TECMTY_Teamlogo_hover.png)
![3](https://static.igem.org/mediawiki/igem.org/9/93/TECMTY_Igemlogo_normal.png)
![4](https://static.igem.org/mediawiki/igem.org/8/84/TECMTY_Igemlogo_hover.png)
![5](https://static.igem.org/mediawiki/2012/0/08/TECMTY_Allergen_normal.jpg)
![6](https://static.igem.org/mediawiki/2012/a/a5/TECMTY_Allergen_hover.jpg)
![7](https://static.igem.org/mediawiki/igem.org/f/f8/TECMTY_Antifreeze_normal.jpg)
![8](https://static.igem.org/mediawiki/igem.org/1/13/TECMTY_Antifreeze_hover.jpg)
![9](https://static.igem.org/mediawiki/igem.org/9/92/TECMTY_Humanpractice_hover.jpg)
![10](2012.https://static.igem.org/mediawiki/igem.org/7/7e/TECMTY_Team_normal.jpg)
![11](2012.https://static.igem.org/mediawiki/igem.org/e/ed/TECMTY_Team_hover.jpg)
![12](https://static.igem.org/mediawiki/igem.org/7/76/TECMTY_Extras_normal.jpg)
![13](https://static.igem.org/mediawiki/igem.org/c/cc/TECMTY_Extras_hover.jpg)
![14](https://static.igem.org/mediawiki/igem.org/f/f9/TECMTY_Welcome.png)
![15](https://static.igem.org/mediawiki/igem.org/2/2e/TECMTY_Galeria_teamlogo.png)
![16](https://static.igem.org/mediawiki/igem.org/6/6b/TECMTY_Galeria_underconstruction.png)
![17](https://static.igem.org/mediawiki/igem.org/f/fd/TECMTY_Bgaleria_allergen_normal.png)
![18](https://static.igem.org/mediawiki/igem.org/9/95/TECMTY_Bgaleria_allergen_selec.png)
![19](https://static.igem.org/mediawiki/igem.org/6/69/TECMTY_Bgaleria_antifreeze_normal.png)
![20](https://static.igem.org/mediawiki/igem.org/7/7e/TECMTY_Bgaleria_antifreeze_selec.png)
![]() |
|