Team:Tec-Monterrey

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
 
(31 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<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*/
-
<html>
 
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 
-
This is a template page. READ THESE INSTRUCTIONS.
 
-
</div>
 
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
 
-
</div>
 
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
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;}
-
{|align="justify"
+
#slideshow {
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
position:relative;
-
|[[Image:Tec-Monterrey_logo.png|200px|right|frame]]
+
}
-
|-
+
#slideshow #slidesContainer {
-
|
+
margin:0 auto;
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
width:520px;
-
|[[Image:Tec-Monterrey_team.png|right|frame|Your team picture]]
+
height:290px;
-
|-
+
overflow:auto;
-
|
+
}
-
|align="center"|[[Team:Tec-Monterrey | Team Tec-Monterrey]]
+
#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;
 +
}
-
<!--- The Mission, Experiments --->
+
.foot-left {
 +
height:100px;
 +
}
 +
.foot-mid {
 +
height:200px;
 +
}
 +
.foot-rite {
 +
height:100px;
 +
}
 +
.preload {
 +
display:none;
 +
}
 +
-->
 +
</style>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
-
!align="center"|[[Team:Tec-Monterrey|Home]]
+
<script type="text/javascript">
-
!align="center"|[[Team:Tec-Monterrey/Team|Team]]
+
$(document).ready(function(){
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Tec-Monterrey Official Team Profile]
+
$("#div_content").hide();
-
!align="center"|[[Team:Tec-Monterrey/Project|Project]]
+
$("#div_content").fadeIn(1000);
-
!align="center"|[[Team:Tec-Monterrey/Parts|Parts Submitted to the Registry]]
+
$("#logo").click(function() {
-
!align="center"|[[Team:Tec-Monterrey/Modeling|Modeling]]
+
window.setTimeout(function() {
-
!align="center"|[[Team:Tec-Monterrey/Notebook|Notebook]]
+
document.location.href="https://2012.igem.org/Team:Tec-Monterrey"
-
!align="center"|[[Team:Tec-Monterrey/Safety|Safety]]
+
}, 1000);
-
!align="center"|[[Team:Tec-Monterrey/Attributions|Attributions]]
+
$("#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">&nbsp;</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'">&nbsp;</button>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td valign="bottom"align="right">
 +
<button type="button" id="bt1">&nbsp;</button><button type="button" id="bt2">&nbsp;</button><button type="button" id="bt3">&nbsp;</button><button type="button" id="bt4">&nbsp;</button><button type="button" id="bt5">&nbsp;</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">&nbsp;</button><button type="button" id="s2">&nbsp;</button><button type="button" id="s3">&nbsp;</button><button type="button" id="s4">&nbsp;</button><button type="button" id="s5">&nbsp;</button><button type="button" id="s6">&nbsp;</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">
 +
&nbsp;
 +
</div>
 +
</td>
 +
<td width="50%">
 +
<div class="foot-mid">
 +
&nbsp;
 +
</div>
 +
</td>
 +
<td width="25%">
 +
<div class="foot-rite">
 +
&nbsp;
 +
</div>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
 +
 +
</div>
 +
 
 +
</body>
 +
</html>

Latest revision as of 22:55, 10 October 2012

Tec Igem 2012 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

welcome
Slide2
Slide3
Slide4
Slide5
 
 
 

Retrieved from "http://2012.igem.org/Team:Tec-Monterrey"