|
|
(417 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{Sifuentes01}} <!-- This calls the styling and the menu --> |
| + | <html> <!-- Declare that you are going to use html code instead of wiki code --> |
| | | |
- | {{CSS/MainPage2014_highlights_style}}
| + | <!-- Content for the page starts here --> |
- | <html xmlns="http://www.w3.org/1999/xhtml">
| + | <body> |
- | <head>
| + | |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | + | |
| | | |
- | <style type="text/css"> | + | <div id ="contentWrap"> |
| + | <div id="rightColumn"> <!-- this where the content and information go --> |
| | | |
- | #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*/
| |
| | | |
| | | |
| + | <div class="fullWidthRight"> |
| | | |
| + | <div class="smallBlockRight"> |
| + | <h4> How to start an iGEM Team</h4> |
| + | <p>All the things you need to know before starting your iGEM experience.</p> |
| + | </div> |
| | | |
- | .container {
| + | <div class="smallBlockRight"> |
- | width: 90%;
| + | <h4> FAQs</h4> |
- | min-width: 1000px;
| + | <p>Answers to our most frequent questions.</p> |
- | margin: 0 auto;
| + | </div> |
- | }
| + | |
- | .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;
| + | |
- | }
| + | |
| | | |
| + | <div class="smallBlockRight"> |
| + | <h4>Giant Jamboree </h4> |
| + | <p>Mark your calendars for September 24 to September 28, 2015.</p> |
| + | </div> |
| | | |
| + | </div> |
| | | |
- | .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;}
| + | <div class="clear"></div> |
- | .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;}
| + | <div class="fullWidthRight"> |
- | .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 {
| + | <div class="smallBlockRight"> |
- | position:relative;
| + | <div class="button"> <a href=""> READ MORE </a> </div> |
- | }
| + | </div> |
- | #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;
| + | |
- | }
| + | |
| | | |
| + | <div class="smallBlockRight"> |
| + | <div class="button"> <a href=""> READ MORE </a> </div> |
| + | </div> |
| + | |
| + | <div class="smallBlockRight"> |
| + | <div class="button"> <a href="igem.org"> READ MORE </a> </div> |
| + | </div> |
| | | |
- | .preload {
| + | </div> |
- | display:none;
| + | |
- | }
| + | |
- | -->
| + | |
- | </style> | + | |
| | | |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | + | <div class="clear"></div> |
- | <script type="text/javascript"> | + | <div class="fullWidthRight"> |
- | $(document).ready(function(){
| + | <h3> iGEM News </h3> |
- | $("#div_content").hide();
| + | <div class="newsItem"> |
- | $("#div_content").fadeIn(1000);
| + | <div class="newsDate"> 17/March</div> |
- | $("#logo").click(function() {
| + | <h5> New Tracks for 2015 </h5> |
- | window.setTimeout(function() {
| + | <p>The new tracks for have been announced. More information: <a href=""> Tracks 2015 </a> </p> |
- | document.location.href="https://2012.igem.org/Team:Tec-Monterrey"
| + | </div> |
- | }, 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);
| + | |
| | | |
- | });
| + | <div class="newsItem"> |
- | </script> | + | <div class="newsDate"> 18/March</div> |
- | </head> | + | <h5>High School teams at the Giant Jamboree</h5> |
| + | <p>High School teams will participate in their own Jamboree inside the event. |
| + | <br>More information: <a href=""> High School 2015 </a></p> |
| + | </div> |
| | | |
- | <body> | + | <div class="newsItem"> |
| + | <div class="newsDate"> 05/March</div> |
| + | <h5> Early registration ends </h5> |
| + | <p>Eearly registration is now closed. Read the <a href="">registration</a> page to see what is new.</p> |
| + | </div> |
| + | |
| + | <div class="clear"></div> |
| | | |
- | <span class="preload"> | + | <br> |
- | <img src="https://static.igem.org/mediawiki/igem.org/6/6f/TECMTY_Teamlogo_normal.png" alt="1" />
| + | <div class="button"> |
- | <img src="https://static.igem.org/mediawiki/igem.org/e/ef/TECMTY_Teamlogo_hover.png" alt="2" />
| + | <a href=""> MORE NEWS </a> |
- | <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> |
| + | </div> |
| + | |
| + | <div class="clear"></div> |
| + | |
| + | <div class="clear"></div> |
| + | |
| + | <div class="fullWidthRight"> |
| + | <h3>Community Highlights</h3> |
| + | |
| + | <div class="smallBlockRight"> |
| + | <a href=""><img src="https://static.igem.org/mediawiki/2014/c/cd/2014INSA-Lyon_2_vid_thumb_s.png"></a> |
| + | <h4> Team INSA-Lyon</h4> |
| + | <p><a href=""> Team INSA-Lyon</a> has made a <a href=""> music video </a>about the frustrations of cloning!</p> |
| </div> | | </div> |
- | | + | <div class="smallBlockRight"> |
- | </td>
| + | <a href=""><img src="https://static.igem.org/mediawiki/2014/4/4a/2014KIT-Kyoto_vid_thumb_s.png"></a> |
- | </tr>
| + | <h4> KIT Kyoto </h4> |
- | <tr>
| + | <p><a href="">Team KIT-Kyoto</a> made an <a href=""> introductory video </a> 'How to make basic BioArt.' </p> |
- | <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> | | </div> |
- | </td>
| + | <div class="smallBlockRight"> |
- | <td width="50%">
| + | <a href=""><img src="https://static.igem.org/mediawiki/2014/e/ed/2014METU_Turkey_vid_thumb2_s.png"></a> |
- | <div class="foot-mid">
| + | <h4>METU Turkey</h4> |
- | | + | <p><a href=" ">Team METU Turkey</A> made a game related to their project <a href=""> PET degredation </a> </p> |
| </div> | | </div> |
- | </td> | + | </div> |
- | <td width="25%"> | + | |
- | <div class="foot-rite">
| + | <div class="clear"></div> |
- |
| + | |
- | </div>
| + | |
- | </td> | + | <div class="fullWidthRight"> |
- | </tr>
| + | <h3>iGEM Teams</h3> |
- | </table>
| + | <iframe width="740" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/ms?msa=0&msid=211889735555343806668.0004f9377a323c3820df3&hl=en&ie=UTF8&t=p&ll=16.636192,14.0625&spn=112.407019,280.898438&z=2&output=embed"></iframe> |
- | </div> | + | |
- | | + | |
- | </div> | + | </div> |
| + | </div> <!--end of the right side of the page --> |
| + | |
| + | </div> <!-- end of content --> |
| + | |
| + | |
| + | </body> |
| + | <!-- End of page --> |
| + | |
| | | |
- | </body> | + | <!-- end of html --> |
| </html> | | </html> |