Team:UANL Mty-Mexico

From 2011.igem.org

(Difference between revisions)
 
(81 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:UANL_Mty-Mexico/Templates/Header}}
+
{{:Team:UANL_Mty-Mexico/Templates/Banner-template}}
 +
{{:Team:UANL_Mty-Mexico/Templates/Menu-template}}
 +
<html>
 +
<head>
 +
<!--
-
[[Image:UANL_Mty-Mexico_logo.png|400px|center]]
+
============================================================================================
 +
*** Acknowledgments ***
 +
>>>To TU_Delf Team
 +
Thank you so much to TU_Delft iGEM2010 team for providing us with so many examples of html code and how to apply them.
-
== Team News ==
+
If you like some of this code please check it out in their wiki: https://2010.igem.org/Team:TU_Delft#page=Modeling/wiki-tips-tricks
-
[[File:Team-FTW.JPG|thumb|800px|center|The Team in our break time :D]]
 
 +
============================================================================================
-
== 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. '''''[[Team:UANL_Mty-Mexico/The_Code#The_Code|Read more...]]'''''
+
        <!-- Include jQuery first. -->
 +
<script type="text/javascript" src="http://www.asebiogen.org/igemuanl/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.asebiogen.org/igemuanl/jquery-mousewheel/jquery.mousewheel.min.js"></script>
-
== Where we are from ==
+
 +
<link rel="stylesheet" type="text/css" href="http://www.asebiogen.org/igemuanl/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.asebiogen.org/igemuanl/slidedeck.skin.ie.css" media="screen,handheld" />
 +
        <![endif]-->
 +
 +
        <!-- Include the SlideDeck jQuery script. -->
 +
<script type="text/javascript" src="http://www.asebiogen.org/igemuanl/slidedeck.jquery.lite.pack.js"></script>
 +
       
 +
        <style type="text/css">
 +
            #slidedeck_frame {
 +
width: 665px;
 +
height: 200px;
 +
            }       
 +
        </style>
-
Mexico, officially called the United Mexican States, is a country located in the southern part of North America. It limits the north with the United States of America and southeast by Belize and Guatemala. It is the fifth largest country in the Americas by total area and the fourteenth largest country in the world. '''''[[Team:UANL_Mty-Mexico/Home_Town|Read more...]]'''''
+
<style>
 +
.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;
 +
}
-
== Project description ==
+
.style5 ul.top-menu-main > li {
 +
  background: #000;
 +
  border-right: 1px solid #afafaf;
 +
 +
 
 +
  color: #fff;
 +
  margin: 0;
 +
}
-
Information processing through living things remains a challenge to science. Logic-gate based genetic circuits to program bacteria have been constructed, allowing the achievement of more complex answers.<sup>[[Team:UANL_Mty-Mexico#References|1]]</sup> This represents an incredible advance from previous systems that require one input for every output seeking to control.  
+
.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;}
-
The main purpose of our project is to achieve a new way for regulating gene expression through logic gates that globally perform a complex answer. It  aims at building a genetic circuit that enables a bacterial community to interpret a simple light-based code. The community will be constituted by different ''E. coli'' clones that communicate with each other and overall interpret the code. We consider this an advantageous approach since compartmentalizing the circuit lowers the construction size and metabolic charge per cell. Different genotypes in each clone will give them the capability to take green or red light as gene-expression stimulating input. We pursue to control the independent expression of five different products by using wavelength light patterns.
+
.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;
 +
}
-
Although the concept does not depend on the type of input, light will be a plus to our project as it is an elegant non-invasive way to input a genetic circuit. To our knowledge, every logic-gate based genetic circuit constructed so far uses chemical inputs.<sup>[[Team:UANL_Mty-Mexico#References|1]]</sup> Nevertheless, light sensing proteins have been successfully characterized in the last few years;<sup>[[Team:UANL_Mty-Mexico#References|2]], [[Team:UANL_Mty-Mexico#References|3]]</sup> therefore, we think there is a great potential on combining both types of devices into genetic circuits that take light as input.
+
.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;
 +
}
-
== References ==
+
.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;
 +
 
 +
}
-
# Tamsir A, Tabor JJ, Voigt CA. (2010). Robust multicellular computing using genetically encoded NOR gates and chemical ‘wires’. ''Nature''. '''469''': 212-215.
+
.style5 ul.top-submenu > li {
-
# Levskaya A, ''et al''. (2005). Synthetic 674 biology: engineering ''Escherichia coli'' to see light. ''Nature''. '''438:''' 441–442.
+
  margin: 0px;
-
# Tabor JJ, Levskaya A, Voigt CA. (2010). Multichromatic Control of Gene Expression in ''Escherichia coli''. ''J. Mol. Biol.'' '''405''': 315-324.
+
  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;
 +
 
 +
}
-
<html>
+
.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(https://static.igem.org/mediawiki/igem.org/7/76/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(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;
 +
}
 +
.s-menu li {
 +
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;
 +
}
 +
.s-menu li:hover {
 +
background: #cfcfcf;
 +
color: #000;
 +
text-align: center;
 +
}
 +
.s-menu li.selected {background: #fff; color: #000;}
 +
 
 +
.s-menu li {
 +
width: 180px;
 +
}
 +
.col-1-3 {
 +
width: 200;
 +
/*margin-right: 2%;*/
 +
position: relative;
 +
float: right;
 +
font-size: 12px;
 +
color: #FFF;
 +
font-weight: bold;
 +
 
 +
 +
}
 +
 
 +
.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:#009;
 +
font-size: 14px;
 +
font-family: Tahoma;
 +
font-weight: bolder;
 +
}
 +
 
 +
#content-about-column a:hover {
 +
color:#009;
 +
font-size: 14px;
 +
text-decoration:underline;
 +
font-family: Tahoma;
 +
font-weight: bolder;
 +
}
 +
 
 +
 
 +
#content-3 {
 +
 +
}
 +
 
 +
#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:#009;
 +
font-size: 14px;
 +
font-family: Tahoma;
 +
font-weight: bolder;
 +
font-style: normal;
 +
line-height: normal;
 +
font-variant: normal;
 +
text-decoration: none;
 +
}
 +
 
 +
#content-project-column a:hover {
 +
color:#009;
 +
font-size: 14px;
 +
text-decoration:underline;
 +
font-family: Tahoma;
 +
font-weight: bolder;
 +
font-style: normal;
 +
line-height: normal;
 +
font-variant: normal;
 +
text-transform: none;
 +
}
 +
 
 +
#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" />
 +
  <title>Team: UANL_Mty-Mexico</title>
 +
 
 +
  <script type='text/javascript' src='http://www.asebiogen.org/igemuanl/jquery.easing.1.3.js'></script>
 +
  <script type='text/javascript' src='http://www.asebiogen.org/igemuanl/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); 
 +
      });
 +
     
 +
      $('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">
 +
body {
 +
background-color: #000;
 +
position: 950;
 +
}
 +
.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;
 +
}
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
</head>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<body>
 +
 
 +
 
 +
<div class="content">
 +
  <div class="main" style="width:930px">
 +
  <!--<div style="width:900px">-->
 +
  <div class="br"></div><div class="br"></div> 
 +
  <div id="leftColumn">
 +
    <div id="ColorHeader">
 +
            Welcome to iGEM-UANL Wiki Page
 +
    </div>
 +
 
 +
<div class="br"></div><div class="br"></div>
 +
<div class="br"></div><div class="br"></div>
 +
     
 +
 
 +
<div id="project-column">
 +
            <div id="header-project-column">
 +
<div class="br2"></div><div class="br2"></div><div class="br2"></div>           
 +
HuBac's SCIENCE
 +
<div class="br2"></div><div class="br2"></div><div class="br2"></div>
 +
            </div>
 +
            <div class="br"></div><div class="br"></div>
 +
            <div id="content-project-column">
 +
                Have you ever met smart bacteria? How about light responsive bacteria? Have you ever wondered how living things process information? <div class="br"></div>Well, perhaps this community will surprise you. Not only it can see light, but it can interpret it. There is no trick, no magic, only pure synthetic biology. <div class="br"></div>
 +
 
 +
                If you think this is an interesting concept, why not reading a bit more? Meet <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Overview" title="Human-Bacteria Language">HuBac</a>, our <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Overview" title="Simple Code Interpretation Enabling Circuit in E. coli">S.C.I.E.N.C.E.</a>
 +
project for this iGEM 2011.
 +
 
 +
<div class="br"></div><div class="br"></div>
 +
            <center><img src="https://static.igem.org/mediawiki/igem.org/c/ca/HuBac-logo8.jpg" width="96" height="247" alt="blue1" align="center"></center>
 +
        </div>
 +
      </div>             
 +
 
 +
 
 +
  <div id="About-column">
 +
 
 +
            <div id="header-about-column">
 +
<div class="br2"></div><div class="br2"></div><div class="br2"></div>           
 +
About us
 +
<div class="br2"></div><div class="br2"></div><div class="br2"></div>
 +
            </div>
 +
        <div class="br"></div><div class="br"></div>
 +
            <div id="content-about-column">
 +
 
 +
                  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 wiki is all about the work we made. Please be welcome to explore this site. <em>(Read more about us <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team/Members" title="Meet the team">here</a>)</em><div class="br"></div><div class="br"></div><div class="br"></div><div class="br"></div><div class="br"></div>
 +
 
 +
            <center><div id="youtube-frame">
 +
    <iframe width="320" height="260" src="http://www.youtube.com/embed/s8J8iATWizc" frameborder="0" allowfullscreen></iframe>
 +
    </div></center>
 +
        </div>             
 +
      </div>
 +
     
 +
 
 +
    <div class="br"></div><div class="br"></div>
 +
 
 +
   
 +
    <div id="outline-content">
 +
    <div id="outline-header">
 +
 
 +
<div class="br2"></div><div class="br2"></div><div class="br2"></div>
 +
        Project Outlines
 +
<div class="br2"></div><div class="br2"></div><div class="br2"></div>
 +
        </div>
 +
<div id="slidedeck_frame" class="skin-slidedeck">
 +
<dl class="slidedeck">
 +
<dt>The Code</dt>
 +
<dd> <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/The_Code"><img src="https://static.igem.org/mediawiki/2011/3/33/ToOutlines2.006.png" width="395" height="187" alt="blue1" align="center"></a>
 +
                 
 +
                </dd>
 +
                         
 +
 
 +
<dt>Biphasic switch</dt>
 +
<dd><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Modelling/Biphasic_Switch"><img src="https://static.igem.org/mediawiki/2011/e/e1/ToOutlines2.001.png" width="395" height="187" alt="blue1" align="center"></a></dd>
 +
                   
 +
                   
 +
                    <dt>UANLBricks</dt>
 +
<dd><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/UANLBricks"><img src="https://static.igem.org/mediawiki/2011/9/95/ToOutlines2.005.png" width="395" height="187" alt="blue1" align="center"></a></dd>
 +
<dt>Light machine</dt>
 +
<dd><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Light_Machine"><img src="https://static.igem.org/mediawiki/2011/2/2b/ToOutlines2.003.png" width="395" height="187" alt="blue1" align="center"></a></dd>
 +
 +
<dt>iGEM Lighters</dt>
 +
<dd><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Light_Machine"><img src="https://static.igem.org/mediawiki/2011/a/a3/ToOutlines2.002.png" width="395" height="187" alt="blue1" align="center"></a></dd>
 +
                <dt>Bio! Project</dt>
 +
<dd><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices/Bio_Blog"><img src="https://static.igem.org/mediawiki/2011/9/9b/ToOutlines2.004.png" width="395" height="187" alt="blue1" align="center"></a></dd>
 +
  </dl>
 +
</div>
 +
<script type="text/javascript">
 +
$('.slidedeck').slidedeck({
 +
                autoPlay: false,
 +
                cycle: true,
 +
                autoPlayInterval: 3000,
 +
            });
 +
</script>
 +
 
 +
 +
   
 +
 
 +
</div>
 +
       
 +
       
 +
 
 +
    </div>
 +
   
 +
  <div id="rightColumn">
 +
    <div id="social-div">
 +
 
 +
<a href="http://twitter.com/iGEMUANL" class="twitter-follow-button" data-show-count="false" data-align="right">Follow @iGEMUANL</a>
 +
  <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
 +
        <div class="br"></div>       
 +
                <iframe src="http://www.facebook.com/plugins/like.php?app_id=134010103347967&amp;href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FiGEM-UANL%2F257596767587618&amp;send=false&amp;layout=button_count&amp;width=200&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true">
 +
               
 +
 
 +
           
 +
            </iframe>
 +
  </div>
 +
 
 +
   
 +
    <div class="br"></div>
 +
    <div class="br"></div>
 +
    <div class="br"></div>
 +
    <div class="br"></div>
 +
    <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team/Symbol"><img src="https://static.igem.org/mediawiki/igem.org/f/ff/OurSymbol-200.png" width="200" height="160" alt="OurSymbol" title="Discover our symbol"></a>
 +
   
 +
   
 +
<!--    <div class="col-1-3">
 +
<ul class="s-style s-menu">
 +
            <li rel="1">Subtopic 1</li>
 +
          <li rel="2">Subtopic 2</li>
 +
          <li rel="3">Subtopic 3</li>
 +
          <li rel="4">Subtopic 4</li>
 +
          <li rel="5">Subtopic 5</li>
 +
        </ul>
 +
    </div>-->
 +
      <div class="br"></div>
 +
        <div class="br"></div>
 +
        <div class="br"></div>
 +
        <div class="br"></div>
 +
    <div class="br"></div>
 +
 
 +
<div id="twitter-box">   
 +
        <script src="http://widgets.twimg.com/j/2/widget.js"></script>
 +
 
 +
<script>
 +
        new TWTR.Widget({
 +
          version: 2,
 +
          type: 'profile',
 +
          rpp: 3,
 +
          interval: 6000,
 +
          width: 200,
 +
          height: 350,
 +
          theme: {
 +
            shell: {
 +
              background: '#333',
 +
              color: '#ffffff'
 +
            },
 +
            tweets: {
 +
              background: '#FFFFFF',
 +
              color: '#000000',
 +
              links: '#8b8b8b'
 +
            }
 +
          },
 +
          features: {
 +
            scrollbar: false,
 +
            loop: false,
 +
            live: false,
 +
            hashtags: true,
 +
            timestamp: true,
 +
            avatars: false,
 +
            behavior: 'all'
 +
          }
 +
        }).render().setUser('iGEMUANL').start();
 +
        </script>
 +
    </div>
 +
 
 +
    <div class="br"></div>
 +
    <div class="br"></div>
 +
    <div class="br"></div>
 +
    <div class="br"></div>
 +
    <div class="br"></div>
 +
 
 +
    <div class="br"></div>
 +
 
 +
   
 +
    <center>
 +
 
 +
      <a href="http://www2.clustrmaps.com/user/c6ede21d" target="_new"><img src="http://www2.clustrmaps.com/stats/maps-no_clusters/2011.igem.org-Team-UANL_Mty-Mexico-thumb.jpg" alt="Locations of visitors to this page" /></a>
 +
      <div class="br"></div>
 +
    <div class="br"></div>
 +
    <div class="br"></div>
 +
    <div class="br"></div>
 +
    <div class="br"></div>
 +
    </center>
 +
 
 +
<div id="outline-header">
 +
 
 +
<div class="br2"></div><div class="br2"></div><div class="br2"></div>
 +
        Sponsors
 +
<div class="br2"></div><div class="br2"></div><div class="br2"></div>
 +
</div>
 +
    <div class="br"></div>
 +
    <div class="br"></div>
 +
    <div class="br"></div>
 +
    <div class="br"></div>
 +
    <div class="br"></div>
 +
    <center>
 +
      <img src="https://static.igem.org/mediawiki/2011/0/0d/Genscript_logo.gif" alt="GenScript Logo" /></a> 
 +
     
 +
    </center>
-
<center>
+
  </div>
-
<div id="clustrmaps-widget"></div><script type="text/javascript">var _clustrmaps = {'url' : 'https://2011.igem.org/Team:UANL_Mty-Mexico', 'user' : 909853, 'server' : '2', 'id' : 'clustrmaps-widget', 'version' : 1, 'date' : '2011-07-14', 'lang' : 'en' };(function (){ var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'http://www2.clustrmaps.com/counter/map.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);})();</script><noscript><a href="http://www2.clustrmaps.com/user/c6ede21d"><img src="http://www2.clustrmaps.com/stats/maps-no_clusters/2011.igem.org-Team-UANL_Mty-Mexico-thumb.jpg" alt="Locations of visitors to this page" /></a></noscript>
+
   
 +
    <div style="clear:both"></div>  
 +
    <!-- Catches the shorter column up -->
 +
   
 +
  </div>
 +
  <p><img src="https://static.igem.org/mediawiki/igem.org/4/49/SymbolFooter.png" width="950" height="70" alt="OurSymbol"></p>
 +
</div>
 +
</div>
-
</center>
+
</body>
</html>
</html>
 +
{{:Team:UANL_Mty-Mexico/Templates/Footer-template}}

Latest revision as of 16:35, 13 February 2012

banner-main iGEM-logo
Team: UANL_Mty-Mexico Team: UANL_Mty-Mexico
Welcome to iGEM-UANL Wiki Page
HuBac's SCIENCE
Have you ever met smart bacteria? How about light responsive bacteria? Have you ever wondered how living things process information?
Well, perhaps this community will surprise you. Not only it can see light, but it can interpret it. There is no trick, no magic, only pure synthetic biology.
If you think this is an interesting concept, why not reading a bit more? Meet HuBac, our S.C.I.E.N.C.E. project for this iGEM 2011.
blue1
About us
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 wiki is all about the work we made. Please be welcome to explore this site. (Read more about us here)
Project Outlines
The Code
blue1
Biphasic switch
blue1
UANLBricks
blue1
Light machine
blue1
iGEM Lighters
blue1
Bio! Project
blue1
OurSymbol
Locations of visitors to this page
Sponsors
GenScript Logo

OurSymbol

Team: UANL_Mty-Mexico