Team:UANL Mty-Mexico/Project/The Code

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{:Team:UANL_Mty-Mexico/Templates/Banner-template}}
 +
{{:Team:UANL_Mty-Mexico/Templates/Menu-template}}
<html>
<html>
<head>
<head>
Line 22: Line 24:
<script type="text/javascript" src="http://www.genobiotec2011.org/iGEMwiki/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://www.genobiotec2011.org/iGEMwiki/jquery-1.3.2.min.js"></script>
-
        <!-- Include the below script, Copyright 2010, Brandon Aaron (http://brandonaaron.net/) for scrollwheel support. -->
 
-
<script type="text/javascript" src="http://www.genobiotec2011.org/iGEMwiki/jquery-mousewheel/jquery.mousewheel.min.js"></script>
 
-
 
-
<link rel="stylesheet" type="text/css" href="http://www.genobiotec2011.org/iGEMwiki/slidedeck.skin.css" media="screen" />
 
-
        <!-- Styles for the skin that only load for Internet Explorer -->
 
-
        <!--[if lte IE 8]>
 
-
        <link rel="stylesheet" type="text/css" href="http://www.genobiotec2011.org/iGEMwiki/slidedeck.skin.ie.css" media="screen,handheld" />
 
-
        <![endif]-->
 
-
 
-
        <!-- Include the SlideDeck jQuery script. -->
 
-
<script type="text/javascript" src="http://www.genobiotec2011.org/iGEMwiki/slidedeck.jquery.lite.pack.js"></script>
 
-
       
 
-
        <style type="text/css">
 
-
            #slidedeck_frame {
 
-
width: 665px;
 
-
height: 200px;
 
-
            }       
 
-
        </style>
 
-
<style>
 
-
 
-
#botonera {
 
-
}
 
-
 
-
.lateral-button {
 
-
font-family: Verdana, Geneva, sans-serif;
 
-
font-size: 12px;
 
-
font-weight: bold;
 
-
color: #036;
 
-
text-decoration: none;
 
-
 
-
padding-top: 10px;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
padding-right: 10px;
 
-
margin: 2px;
 
-
-webkit-border-radius: 5px;
 
-
-moz-border-radius: 5px;
 
-
  border-radius: 5px;
 
-
  cursor: pointer;
 
-
  text-align: center;
 
-
}
 
-
 
-
.lateral-button:hover {
 
-
font-family: Verdana, Geneva, sans-serif;
 
-
font-size: 12px;
 
-
font-weight: bolder;
 
-
color: #036;
 
-
text-decoration:underline;
 
-
background-color:#CCC;
 
-
color:#000;
 
-
 
-
padding-top: 10px;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
padding-right: 10px;
 
-
margin: 2px;
 
-
-webkit-border-radius: 5px;
 
-
-moz-border-radius: 5px;
 
-
  border-radius: 5px;
 
-
  cursor: pointer;
 
-
  text-align: center;
 
-
}
 
-
 
-
.lateral-button a {
 
-
font-family: Verdana, Geneva, sans-serif;
 
-
font-size: 12px;
 
-
font-weight: bold;
 
-
color: #036;
 
-
text-decoration: none;
 
-
 
-
padding-top: 10px;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
padding-right: 10px;
 
-
margin: 2px;
 
-
-webkit-border-radius: 5px;
 
-
-moz-border-radius: 5px;
 
-
  border-radius: 5px;
 
-
  cursor: pointer;
 
-
  text-align: center;
 
-
}
 
-
 
-
.lateral-button:hover a {
 
-
font-family: Verdana, Geneva, sans-serif;
 
-
font-size: 12px;
 
-
font-weight: bolder;
 
-
color: #036;
 
-
text-decoration:underline;
 
-
background-color:#CCC;
 
-
color:#000;
 
-
 
-
padding-top: 10px;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
padding-right: 10px;
 
-
margin: 2px;
 
-
-webkit-border-radius: 5px;
 
-
-moz-border-radius: 5px;
 
-
  border-radius: 5px;
 
-
  cursor: pointer;
 
-
  text-align: center;
 
-
}
 
-
 
-
.style5.top-menu {
 
-
  background: transparent;
 
-
  margin: auto;
 
-
  width: 950px;
 
-
  margin-top: -35px;
 
-
 
 
-
}
 
-
.style5 ul.top-menu-main {
 
-
  margin: auto;
 
-
  width: 950px;
 
-
  font-family: Georgia, Tahoma, Arial;
 
-
  font-size: 10px;
 
-
  line-height: 18px;
 
-
}
 
-
 
-
.style5 ul.top-menu-main > li {
 
-
  background: #000;
 
-
  border-right: 1px solid #afafaf;
 
-
 
-
 
 
-
  color: #fff;
 
-
  margin: 0;
 
-
}
 
-
 
-
.style5 ul.top-menu-main > li.last {
 
-
  border-right: none;
 
-
}
 
-
.style5 ul.top-menu-main > li:hover .menu-item-text
 
-
{color: #cfcfcf; text-shadow: 0 1px 0 #0C131C;}
 
-
 
-
.style5 ul.top-menu-main > li:hover{
 
-
  background: #333 transparent;
 
-
  color: #fff;
 
-
  -moz-box-shadow: 0 0 8px #333;
 
-
  -webkit-box-shadow: 0 0 8px #333;
 
-
  box-shadow: 0 0 8px #333;
 
-
}
 
-
 
-
.style5 ul.top-menu-main > li > a {
 
-
  color: #fff;
 
-
  text-decoration: none;
 
-
}
 
-
.style5 ul.top-menu-main > li > a:hover {
 
-
  color: #fff;
 
-
}
 
-
 
-
.style5 ul.top-menu-main > li > a {
 
-
  padding: 10px 10px;
 
-
}
 
-
 
-
.style5 ul.top-submenu {
 
-
  -moz-box-shadow: 0 0 8px #333;
 
-
  -webkit-box-shadow: 0 0 8px #333;
 
-
  /*box-shadow: 0 0 8px #333;*/
 
-
  box-shadow: 0 0 8px #fff;
 
-
 
 
-
}
 
-
 
-
.style5 ul.top-submenu > li {
 
-
  margin: 0px;
 
-
  padding: 5px 10px;
 
-
  background: #fff transparent;
 
-
 
 
-
  color: #fff;
 
-
  white-space: nowrap;
 
-
 
 
-
}
 
-
 
-
.style5 ul.top-submenu > li a {
 
-
  margin: 0px;
 
-
  padding: 5px 10px;
 
-
  background: #fff transparent;
 
-
 
 
-
  color: #fff;
 
-
  white-space: nowrap;
 
-
 
 
-
}
 
-
 
-
.style5 ul.top-submenu > li.hover {
 
-
  background: #000 ;
 
-
  color: #fff;
 
-
 
 
-
}
 
-
 
-
.style5 ul.top-submenu > li a:hover {
 
-
  background: #000 ;
 
-
  color: #fff;
 
-
 
 
-
}
 
-
 
-
 
-
/* Wiki Hacks - START */
 
-
/* Author: Pieter van Boheemen */
 
-
/* Team: TU Delft */
 
-
 
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
 
-
 
-
#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}
 
-
 
-
#bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
 
-
 
-
#top-section { height: 0px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
 
-
padding:0; border: none; font-size: 10px}
 
-
 
-
#p-logo { height:1px; overflow:hidden; display: none;}
 
-
 
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
 
-
 
-
/*
 
-
.left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;}
 
-
.left-menu ul { border: none; }
 
-
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
 
-
.right-menu ul { border: none; width: 300px;}
 
-
*/
 
-
 
-
#footer-box { background-image: url(http://www.genobiotec2011.org/iGEMwiki/images/back.jpg); background-color: #000000; width: 100%; margin: -10px; padding: 20px 0; display: none;}
 
-
 
-
.visualClear { display: none; }
 
-
 
-
#search-controls { display:none; }
 
-
 
-
h3#siteSub { display: none;}
 
-
#contentSub {display: none;}
 
-
//p:first-child { display: none;}
 
-
 
-
 
-
#footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
 
-
.firstHeading { display: none;}
 
-
#f-list a { color: #333; font-size: 10px;}
 
-
#f-list a:hover { color: #666; height: 100px;}
 
-
.printfooter { display: none; }
 
-
#footer ul { margin: 0; padding: 0;}
 
-
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
 
-
/* Wiki Hacks - END */
 
-
 
-
 
-
body {
 
-
margin: 0;
 
-
padding: 0;
 
-
color: #333;
 
-
font-family: tahoma, arial;
 
-
font-size: 10px;
 
-
background-color: #333;
 
-
background-image: url(http://www.genobiotec2011.org/iGEMwiki/images/back.jpg);
 
-
}
 
-
 
-
a {
 
-
color: #fff;
 
-
text-decoration: none;
 
-
font-size: 10px;
 
-
}
 
-
 
-
/* float clearing for IE6 */
 
-
* html .clearfix{
 
-
  height: 1%;
 
-
  overflow: visible;
 
-
}
 
-
 
-
/* float clearing for IE7 */
 
-
*+html .clearfix{
 
-
  min-height: 1%;
 
-
}
 
-
 
-
/* float clearing for everyone else */
 
-
.clearfix:after{
 
-
clear: both;
 
-
content: ".";
 
-
display: block;
 
-
height: 0;
 
-
visibility: hidden;
 
-
font-size: 0;
 
-
color: #066;
 
-
}
 
-
 
-
ul.top-menu-main {
 
-
  margin: auto;
 
-
  width: 800px;
 
-
}
 
-
 
-
ul.top-menu-main > li {
 
-
  margin: 0 10px;
 
-
}
 
-
 
-
.top-menu {
 
-
  font-family: "Arial Narrow", Georgia, Tahoma, arial;
 
-
  text-transform: uppercase;
 
-
  font-size: 14px;
 
-
  font-weight: bold;
 
-
  background: #fff;
 
-
  height: 37px;
 
-
  border-bottom: 1px solid #333;
 
-
}
 
-
 
-
.header {
 
-
width: 964px;
 
-
height: 203px;
 
-
margin: auto;
 
-
-moz-box-shadow: 0 0 8px #777;
 
-
-webkit-box-shadow: 0 0 8px #777;
 
-
box-shadow: 0 -5px 10px #777;
 
-
z-index: 0;
 
-
}
 
-
 
-
.content {
 
-
width: 964px;
 
-
margin: auto;
 
-
background-color: #FFF;
 
-
font-size: 12px;
 
-
z-index: 10;
 
-
text-align: center;
 
-
padding-bottom: 10px;
 
-
}
 
-
 
-
 
-
.content3 {
 
-
width: 950px;
 
-
margin: auto;
 
-
font-size: 10px;
 
-
border-bottom-color: #0C0;
 
-
color: #FFF;
 
-
text-align: center;
 
-
padding-top: 5px;
 
-
padding-right: 0px;
 
-
padding-bottom: 0;
 
-
padding-left: 0px;
 
-
}
 
-
 
-
.content .main {
 
-
padding-top: 0px;
 
-
padding-right: 10px;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
}
 
-
 
-
.donate {
 
-
  padding: 5px;
 
-
  background: #cfcfcf;
 
-
  color: #333;
 
-
  -webkit-border-radius: 5px;
 
-
  -moz-border-radius: 5px;
 
-
  border-radius: 5px;
 
-
 
 
-
}
 
-
.donate > div {
 
-
  padding: 10px;
 
-
  position: relative; float: left; width : 700px;
 
-
  font-style: italic;
 
-
}
 
-
 
-
.s-menu {
 
-
margin: 0;
 
-
padding: 0;
 
-
margin-top: 20px;
 
-
color: #036;
 
-
  text-decoration: none;
 
-
}
 
-
 
-
.s-menu li {
 
-
  text-decoration: none;
 
-
list-style-type: none;
 
-
width: 100px;
 
-
padding-top: 10px;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
padding-right: 10px;
 
-
margin: 2px;
 
-
  -webkit-border-radius: 5px;
 
-
  -moz-border-radius: 5px;
 
-
  border-radius: 5px;
 
-
  cursor: pointer;
 
-
  text-align: center;
 
-
width: 180px;
 
-
}
 
-
 
-
.s-menu li.last {
 
-
background: #cfcfcf;
 
-
color: #000;
 
-
text-align: center;
 
-
list-style-type: none;
 
-
}
 
-
 
-
.s-menu li:hover {
 
-
background: #cfcfcf;
 
-
color: #000;
 
-
text-align: center;
 
-
list-style-type: none;
 
-
}
 
-
 
-
.s-menu li a {
 
-
list-style-type: none;
 
-
width: 100px;
 
-
padding-top: 10px;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
padding-right: 10px;
 
-
margin: 2px;
 
-
-webkit-border-radius: 5px;
 
-
-moz-border-radius: 5px;
 
-
border-radius: 5px;
 
-
cursor: pointer;
 
-
text-align: center;
 
-
color: #036;
 
-
font-size: 12px;
 
-
 
-
 
-
}
 
-
.s-menu li:hover a {
 
-
background: #cfcfcf;
 
-
color: #000;
 
-
text-align: center;
 
-
font-size: 12px;
 
-
}
 
-
 
-
 
-
 
-
.col-1-3 {
 
-
width: 200;
 
-
/*margin-right: 2%;*/
 
-
position: relative;
 
-
float: right;
 
-
font-size: 12px;
 
-
color: #FFF;
 
-
font-weight: bold;
 
-
text-decoration: none;
 
-
 
-
 
-
 
-
}
 
-
 
-
 
-
 
-
 
-
.sidebar1 {
 
-
float: left;
 
-
width: 180px;
 
-
background: #EADCAE;
 
-
padding-bottom: 10px;
 
-
}
 
-
 
-
.sidebar2 {
 
-
float: right;
 
-
width: 180px;
 
-
background: #EADCAE;
 
-
padding-bottom: 10px;
 
-
}
 
-
.content .main .clearfix .content2 {
 
-
text-align: justify;
 
-
width: 750px;
 
-
font-size: 14px;
 
-
border-left-color: #000;
 
-
}
 
-
.content .main .clearfix .content2 title {
 
-
font-size: 20px;
 
-
}
 
-
 
-
 
-
#footer-leftColumn {
 
-
float:left;
 
-
width:317px;
 
-
padding-left: 0px;
 
-
text-align: left;
 
-
padding-top: 0;
 
-
padding-right: 0;
 
-
padding-bottom: 0;
 
-
}
 
-
 
-
#footer-middleColumn {
 
-
float:left;
 
-
width:330px;
 
-
padding-left: 0px;
 
-
text-align: center;
 
-
padding-top: 0;
 
-
padding-right: 0;
 
-
padding-bottom: 0;
 
-
}
 
-
 
-
#footer-rightColumn {
 
-
float:right;
 
-
width:260px;
 
-
padding-left: 0px;
 
-
text-align: right;
 
-
padding-top: 0;
 
-
padding-right: 0;
 
-
padding-bottom: 0;
 
-
}
 
-
 
-
#twitter-box {
 
-
text-align:center;
 
-
width: 200px;
 
-
 
-
}
 
-
 
-
#clustrmaps-widget {
 
-
text-align:center;
 
-
width:200px;
 
-
padding-left: 50px;
 
-
}
 
-
 
-
#leftColumn {
 
-
float:left;
 
-
width:700px;
 
-
text-align: justify;
 
-
padding-top: 10px;
 
-
padding-right: 0px;
 
-
padding-bottom: 0px;
 
-
padding-left: 0px;
 
-
font-size: 15px;
 
-
font-family: Arial;
 
-
}
 
-
 
-
#rightColumn {
 
-
float:right;
 
-
width:200px;
 
-
text-align: center;
 
-
padding-top: 5px;
 
-
}
 
-
 
-
#social-div {
 
-
text-align: right;
 
-
float:right;
 
-
}
 
-
 
-
#twitter-top {
 
-
text-align: right;
 
-
 
-
}
 
-
 
-
#footer-middleColumn a {
 
-
color: #ffffff;
 
-
text-decoration:underline;
 
-
font-weight:bolder;
 
-
}
 
-
 
-
#youtube-frame {
 
-
text-align:center;
 
-
 
-
}
 
-
 
-
#leftColumn1 {
 
-
 
-
}
 
-
 
-
#ColorHeader {
 
-
background-color:#FFF;
 
-
color: #333;
 
-
padding-top: 5;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 5;
 
-
font-family: "Arial Black";
 
-
font-size: 30px;
 
-
}
 
-
 
-
#project-column p {
 
-
background-color:#FFF;
 
-
color:#000;
 
-
font: Tahoma;
 
-
font-size: 14px;
 
-
}
 
-
 
-
#project-column {
 
-
width:340px;
 
-
padding-top: 15;
 
-
padding-right: 15;
 
-
padding-bottom: 5;
 
-
padding-left: 0;
 
-
float: left;
 
-
}
 
-
 
-
#header-project-column {
 
-
background-color:#036;
 
-
color: #FFF;
 
-
padding-top: 5;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 10px;
 
-
font-family: "Arial Black";
 
-
font-size: 16px;
 
-
text-align:left;
 
-
}
 
-
 
-
#content-project-column {
 
-
 
-
}
 
-
 
-
#About-column {
 
-
float:left;
 
-
width:320px;
 
-
padding-top: 15;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 15px;
 
-
}
 
-
#header-about-column {
 
-
background-color:#036;
 
-
color: #FFF;
 
-
padding-top: 5;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 10px;
 
-
font-family: "Arial Black";
 
-
font-size: 16px;
 
-
text-align:left;
 
-
}
 
-
 
-
#content-about-column {
 
-
 
-
}
 
-
 
-
#content-about-column p {
 
-
background-color:#FFF;
 
-
color:#000;
 
-
font-size: 15px;
 
-
font-family: Arial;
 
-
}
 
-
 
-
#content-about-column a {
 
-
color:#036;
 
-
font-size: 14px;
 
-
text-decoration:underline;
 
-
font-family: Tahoma;
 
-
font-weight: bolder;
 
-
}
 
-
 
-
 
-
#content-3 {
 
-
 
-
}
 
-
 
-
#header-navigation {
 
-
 
-
color: #333;
 
-
font-family: "Arial Black";
 
-
font-size: 14px;
 
-
text-align:center;
 
-
text-decoration:underline;
 
-
text-transform:uppercase;
 
-
 
-
}
 
-
 
-
#header-content-3 {
 
-
background-color:#333;
 
-
color: #FFF;
 
-
padding-top: 5;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 10px;
 
-
font-family: "Arial Black";
 
-
font-size: 16px;
 
-
text-align:left;
 
-
}
 
-
 
-
#content-project-column a {
 
-
color:#036;
 
-
font-size: 14px;
 
-
text-decoration:underline;
 
-
font-family: Tahoma;
 
-
font-weight: bolder;
 
-
font-style: italic;
 
-
}
 
-
 
-
#outline-header {
 
-
background-color:#036;
 
-
color: #FFF;
 
-
padding-top: 5;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 10px;
 
-
font-family: "Arial Black";
 
-
font-size: 16px;
 
-
}
 
-
 
-
#outline-content {
 
-
 
-
}
 
-
 
-
 
-
 
-
 
-
<!-- TU_Delft stqrts here -->
 
-
 
-
 
-
 
-
#TUD-footer-content div {
 
-
line-height: 12px;
 
-
}
 
-
 
-
 
-
 
-
.br {
 
-
height: 5px;
 
-
width: 100%;
 
-
margin: 0;
 
-
padding: 0;
 
-
overflow: hidden;
 
-
}
 
-
 
-
.br2 {
 
-
height: 2px;
 
-
width: 100%;
 
-
margin: 0;
 
-
padding: 0;
 
-
overflow: hidden;
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
.TUD-footer-title {
 
-
font-weight: bold;
 
-
color: #019aed;
 
-
}
 
-
 
-
#TUD-footer-search form {
 
-
margin: 0;
 
-
padding: 0;
 
-
font-size: 10px;
 
-
}
 
-
 
-
#TUD-footer-search form #searchInput {
 
-
background-color: #4db7f1;
 
-
border: 1px solid #000;
 
-
width: 100%;
 
-
}
 
-
 
-
#TUD-footer-search form .searchButton {
 
-
margin-top: 4px;
 
-
font-size: 11px;
 
-
background-color: #266c96;
 
-
border: 1px solid #000;
 
-
color: #4db7f1;
 
-
padding: 2px;
 
-
}
 
-
 
-
 
-
 
-
<!-- TU_Delft ends here -->
 
-
 
-
 
-
 
-
</style>
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title>Team: UANL_Mty-Mexico</title>
   <title>Team: UANL_Mty-Mexico</title>
 +
 
 +
<META NAME="keywords" CONTENT="UANL,iGEM,Universidad,Autonoma,Nuevo,Leon,Biphasic,switch,Lambda,Genetic,Regulation,Quorum,Sensing,pRM,OL,Green Light,Red Light">
 +
<META NAME="description" CONTENT="iGEM-UANL is the representative team from Universidad Autonoma de Nuevo León, at Monterrey, México. This team is composed of ten students who spent their summer in the lab, having fun with transformations, constructions and plasmidic DNA extractions. This">
 +
<META NAME="abstract" CONTENT="Information processing through living things remains a challenge to science. Genetic logic-gates and">
 +
<META NAME="author" CONTENT="iGEM-UANL">
 +
<META NAME="robots" CONTENT="FOLLOW,INDEX">
    
    
   <script type='text/javascript' src='http://www.genobiotec2011.org/iGEMwiki/jquery.easing.1.3.js'></script>
   <script type='text/javascript' src='http://www.genobiotec2011.org/iGEMwiki/jquery.easing.1.3.js'></script>
   <script type='text/javascript' src='http://www.genobiotec2011.org/iGEMwiki/jquery.slideup.menu.1.0.min.js'></script>
   <script type='text/javascript' src='http://www.genobiotec2011.org/iGEMwiki/jquery.slideup.menu.1.0.min.js'></script>
-
<script>
 
-
    var opts = {slideUpSpeed:500, slideDownSpeed: 200};
 
-
    $(document).ready(function(){
 
-
$('.top-menu').removeClass().addClass('top-menu').addClass('style5');
 
-
      $('ul.s-menu li').click(function(){
 
-
        $(this).parent().find('li').removeClass('selected');
 
-
        $(this).addClass('selected');
 
-
      });
 
-
      $('ul.s-style li').click(function(){
 
-
      $('.top-menu').removeClass().addClass('top-menu').addClass('style'+$(this).attr('rel'));
 
-
      $('.top-menu').removeClass().addClass('top-menu').addClass('style5');
 
-
        $(".top-menu").slideupmenu(opts); 
+
<link href="http://www.genobiotec2011.org/iGEMwiki/mainStyle.css" rel="stylesheet" type="text/css">
-
      });
+
-
     
+
-
      $('ul.s-way li[rel="1"]').live('click', function() {
+
-
        opts = {slideUpSpeed:500, slideDownSpeed: 200};
+
-
        $(".top-menu").slideupmenu(opts); 
+
-
      });
+
-
      $('ul.s-way li[rel="2"]').live('click', function() {
+
-
        opts = {slideUpSpeed: 500, slideDownSpeed: 500, ease: "easeOutBounce", stopQueue: true};
+
-
        $(".top-menu").slideupmenu(opts); 
+
-
      });
+
-
      $('ul.s-way li[rel="3"]').live('click', function() {
+
-
        opts = {slideUpSpeed: 1000, slideDownSpeed: 100, ease: "easeOutBack", stopQueue: true};
+
-
        $(".top-menu").slideupmenu(opts); 
+
-
      });
+
-
      $('ul.s-way li[rel="4"]').live('click', function() {
+
-
        opts = {slideUpSpeed: 500, slideDownSpeed: 500, ease:false, stopQueue: false};
+
-
        $(".top-menu").slideupmenu(opts); 
+
-
      });
+
-
      $(".top-menu").slideupmenu(opts); 
+
-
    });
+
-
  </script>
+
 +
<style type="text/css"></style>
-
 
+
<script type="text/javascript" src="http://www.genobiotec2011.org/iGEMwiki/ui.core.js"></script>
-
 
+
  <script type="text/javascript" src="http://www.genobiotec2011.org/iGEMwiki/jquery.scroll-follow.js"></script>
-
 
+
-
 
+
  <script type="text/javascript">
-
 
+
  $( document ).ready( function ()
-
<style type="text/css">
+
{
-
body {
+
$( '#rightColumn' ).scrollFollow();
-
background-color: #000;
+
}
-
position: 950;
+
);
-
}
+
  </script>  
-
.header1 {
+
-
width: 950px;
+
-
height: 203px;
+
-
margin: auto;
+
-
-moz-box-shadow: 0 0 8px #777;
+
-
-webkit-box-shadow: 0 0 8px #777;
+
-
box-shadow: 0 -5px 10px #777;
+
-
}
+
-
.textblack {
+
-
color: #000;
+
-
}
+
-
footer-middleColumn-text {
+
-
text-decoration: underline;
+
-
font-size: 10px;
+
-
font-weight: bolder;
+
-
}
+
-
 
+
-
.content .main #leftColumn center #img-holder2 .img-holder2-text {
+
-
font-size: 12px;
+
-
text-align: justify;
+
-
}
+
-
 
+
-
.content .main #leftColumn center #img-holder .img-holder-text {
+
-
text-align: justify;
+
-
font-size: 12px;
+
-
}
+
-
 
+
-
 
+
-
.content .main #leftColumn #header-project-column .goBackToTop a {
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size: 10px;
+
-
color:#FFF;
+
-
}
+
-
 
+
-
.content .main #leftColumn #header-project-column .goBackToTop a:hover {
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size: 10px;
+
-
text-decoration:underline;
+
-
color:#FFF;
+
-
 
+
-
}
+
-
 
+
-
.content .main #leftColumn #header-project-column .goBackToTop a:visited {
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size: 10px;
+
-
text-decoration:none;
+
-
color:#FFF;
+
-
 
+
-
}
+
-
 
+
-
.content .main #leftColumn #header-project-column .goBackToTop a:active {
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size: 10px;
+
-
text-decoration:none;
+
-
color:#FFF;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
</style>
+
-
 
+
</head>
</head>
-
 
Line 896: Line 65:
<body>
<body>
-
 
-
<div class="header"><span class="header1">
 
-
 
-
  <img src="http://www.genobiotec2011.org/iGEMwiki/banners/home-banner2.jpg" alt="banner-main" width="964" height="202" border="0" usemap="#map">
 
-
    <map name="map">
 
-
      <area shape="rect" coords="0,0,69,55" href="https://2011.igem.org/Main_Page" target="_new" alt="iGEM-logo" title="Go to the iGEM 2011 Wiki Main Page">
 
-
  </map>
 
-
       
 
-
</span>
 
-
</div>
 
-
 
-
  <div class="top-menu style4">
 
-
 
-
 
-
    <ul class="top-menu-main">
 
-
 
-
   
 
-
      <li class="first">
 
-
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico" class="menu-item-text">Home</a>
 
-
      </li>
 
-
     
 
-
      <li class="">
 
-
        <ul class="top-submenu">
 
-
          <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Applications">Applications</a></li>
 
-
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Circuit">Circuit</a></li>
 
-
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Mechanism">Mechanism</a></li>
 
-
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/The_Code">The Code</a></li>
 
-
          <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Overview">Overview</a></li>
 
-
        </ul>
 
-
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Overview" class="menu-item-text">Project</a>
 
-
 
-
      </li>
 
-
 
-
      <li class="">
 
-
        <ul class="top-submenu">
 
-
          <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Wet_lab/Parts">Parts</a></li>
 
-
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Wet_lab/Light_experiments">Light Experiments</a></li>
 
-
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Wet_lab/Constructions">Constructions</a></li>
 
-
          <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Wet_lab/Overview">Overview</a></li>
 
-
        </ul>     
 
-
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Wet_lab/Overview" class="menu-item-text">Wet lab</a>
 
-
      </li> 
 
-
 
-
      <li class="">
 
-
        <ul class="top-submenu">
 
-
          <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Modelling/Parameters">Parameters</a></li>
 
-
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Modelling/Simulations">Simulations</a></li>
 
-
          <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Modelling/Background">Background</a></li>
 
-
          <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Modelling/Overview">Overview</a></li>
 
-
        </ul>
 
-
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Modelling/Overview" class="menu-item-text">Modelling</a>
 
-
      </li>   
 
-
 
-
      <li class="">
 
-
        <ul class="top-submenu">
 
-
          <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Parts">Parts</a></li>
 
-
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/UANLBricks">UANLBricks</a></li>
 
-
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Light_Machine">Light Machine</a></li>
 
-
          <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Photochassis">Photochassis</a></li>
 
-
        </ul>
 
-
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Overview" class="menu-item-text">Contributions</a>
 
-
      </li>
 
-
     
 
-
      <li class="">
 
-
        <ul class="top-submenu">
 
-
 
-
          <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices/Safety">Safety</a></li>
 
-
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices/iGEM-Lighters">iGEM Lighters</a></li>
 
-
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices/Collaboration">Collaboration</a></li>
 
-
          <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices/Bio_Blog">Bio! Blog</a></li>
 
-
        </ul>
 
-
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices" class="menu-item-text">Human Practices</a>
 
-
 
-
      </li>
 
-
     
 
-
      <li class="">
 
-
        <ul class="top-submenu">
 
-
          <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team/Gallery">Gallery</a></li>
 
-
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team/Hometown">Hometown</a>
 
-
          <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team/Logo">Logo</a></li>
 
-
          <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team/Members">Members</a></li>
 
-
        </ul>
 
-
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team" class="menu-item-text">Team</a>
 
-
 
-
      </li> 
 
-
 
-
      <li class="last">
 
-
        <ul class="top-submenu">
 
-
<li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/In_silico">In silico</a></li>
 
-
            <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/Protocols">Protocols</a></li>
 
-
            <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/Blueprints">Blueprints</a></li>
 
-
            <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/Timeline">Timeline</a></li>
 
-
        </ul>
 
-
        <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/Overview" class="menu-item-text">Notebook</a>
 
-
      </li>
 
-
    </ul>
 
-
 
-
 
-
</div>
 
Line 1,189: Line 259:
</div>
</div>
-
     
 
-
 
-
<div class="content3">
 
-
<div id="footer-leftColumn">
 
-
    <img src="http://www.genobiotec2011.org/iGEMwiki/images/UANLteamOfficial4.png" alt="UANLofficialteam" width="259" height="82" border="0" usemap="#Map2">
 
-
      <map name="Map2">
 
-
        <area shape="circle" coords="40,40,38" href="http://www.uanl.mx" target="_new" alt="goToUANL" title="Visite our University offical site">
 
-
      </map>
 
-
</div>
 
-
 
-
   
 
-
  <div id="footer-middleColumn">
 
-
      <div id="content-middlefooter">
 
-
        <span id="content-middlefooter">
 
-
        <a href="#top">Go back to top</a></span>
 
-
        <div class="br2"></div>
 
-
 
-
 
 
-
        <span class="TUD-footer-title">Search</span>
 
-
        <form action="/Special:Search" id="search-form">
 
-
 
-
        <input id="searchInput" name="search" type="text" title="Search 2010.igem.org [f]" accesskey="f" value="" />
 
-
        <div class="br2"></div>
 
-
        <input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
 
-
        <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
 
-
        </form>
 
-
      </div>
 
-
  </div>
 
-
 
-
 
-
 
-
<div id="footer-rightColumn">
 
-
        <span class="TUD-footer-title">Contact us</span>
 
-
        <div class="br2"></div>
 
-
        <i>Av. Manuel L. Barragan S/N, Cd. Universitaria. C.P.66450. San Nicolas de los Garza, Nuevo Leon, Mexico.</i>
 
-
        <div class="br2"></div>
 
-
        <a href="mailto:team.igemuanl2011@gmail.com"><img src="http://www.genobiotec2011.org/iGEMwiki/images/Gmail-Icon.png" width="42" height="29" alt="gmail-icon" title="Mail us to: team.igemuanl2011@gmail.com"></a>
 
-
        <a href="http://twitter.com/#!/iGEMUANL" target="_new"><img src="http://www.genobiotec2011.org/iGEMwiki/images/twitter1.png" width="30" height="30" alt="twitter-logo" title="Follow us on Twitter: @iGEMUANL"></a>
 
-
        <a href="https://www.facebook.com/pages/iGEM-UANL/257596767587618" target="_new"><img src="http://www.genobiotec2011.org/iGEMwiki/images/Facebook-Logo.png" width="30" height="30" alt="fb-logo" title="Follow us on Facebook: iGEM UANL"></a>
 
-
        <a href="http://www.youtube.com/user/iGEMUANL" target="_new"><img src="http://www.genobiotec2011.org/iGEMwiki/images/youtube_logo.png" width="30" height="30" alt="fb-logo" title="Follow us on YouTube: iGEMUANL"></a>
 
-
    </div>
 
-
 
-
</div>
 
</body>
</body>
</html>
</html>
 +
{{:Team:UANL_Mty-Mexico/Templates/Footer-template}}

Revision as of 06:50, 24 September 2011

banner-main iGEM-logo
Team: UANL_Mty-Mexico Team: UANL_Mty-Mexico
Project: The Code
The Code

The main idea consists of enabling a bacterial community to interpret a simple code. The code will be composed of just red and green lights. The genetic circuit on which the interpretation relies is not dependent on the nature of the stimuli though, whether light or chemical the information processing remains the same. We use light because it is an elegant non-invasive input.

The message sent to bacteria will depend on the pattern of light. The community should be able to interpret five messages and tell it did it right when expressing a reporter gene. As there will only be two lights, five patterns of them will be used. The five fluorescent proteins available in the Registry (GFP, YFP, RFP, CFP, BFP) fit perfectly to this purpose. The next figure illustrates the five patterns of light that will result in the five different messages sent, each of them represented by the expression of a fluorescent protein.

Code-Figure1 Figure 1. The code. Short pulses of a single light will mean message one, while a long continuous pulse will mean a second message. That gives us two messages controlled by each light, summing up to four results. The fifth message will be sent with both lights present at the same time.
Community

Constructing the necessary genetic circuitry inside one single cell may be possible but probably much harder to achieve. That being so, we decided to construct the genetic circuit divided in blocks on separate cells that overall interpret the code. We consider this an advantageous approach since compartmentalizing the circuit lowers the construction size and metabolic charge per cell.

There will be three kinds of cells with different genotypes, although initially all share the same E. coli strain. Two of them will have similar interpretation mechanisms, which will allow each one to take a single light as input and decide whether to express the first or the second reporter gene included in its genotype (decision that will depend on the code). The third kind of cell will be the one taking the input from both lights to express the last protein. Until now the community managed to control the expression of five fluorescent proteins, however we said each of them should be controlled independently. This is accomplished with cell to cell communication through quorum sensing. The following figure illustrates the way the cells within the community work together:

Code-Figure2 Figure 2. The community. Cells one and two control each the expression of two different fluorescent proteins. Cell three controls the expression of the fifth protein. Independent expression of each of the reporter genes is achieved through quorum sensing. Cells one and two have the capability to send and receive a different QS molecule each (QS1 and QS2 respectively), while cell three is only a receiver. When cell one or two receive an activating message, the production of a QS molecule is activated as well. These molecules will then diffuse through the medium and reach the rest of the cells. The effect of quorum sensing will depend on the receiver. QS2 molecules, when reaching cell one, will unleash the expression of a repressor that will block the production of any of cell's one reporter genes. QS1 molecules will have the same effect on cell two. On the other hand, cell three will be activated only when both QS molecules are present and therefore cells one and two are off.
Live Community

Here we show an animated explanation for better understanding:

OurSymbol

Team: UANL_Mty-Mexico