Team:CIDEB-UANL Mexico

From 2012hs.igem.org

(Difference between revisions)
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 *** -->
+
{{:Team:UANL_Mty-Mexico/Templates/Banner-template}}
-
 
+
{{:Team:UANL_Mty-Mexico/Templates/Menu-template}}
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #fe2b33; /*background-color: #fe2b33;*/">
+
<head>
-
<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 the following information on your wiki:
+
-
<ul style="font-weight:normal;">
+
-
<li>a team description</li>
+
-
<li>project description</li>
+
-
<li>safety information (did your team take a safety training course? were you supervised in the lab?)</li>
+
-
<li>team attribution (who did what part of your project?)</li>
+
-
</ul>
+
-
You may also wish to add other page such as:
+
-
<ul style="font-weight:normal;">
+
-
<li>lab notebook</li>
+
-
<li>sponsor information</li>
+
-
<li>other information</li>
+
-
</ul>
+
-
REMEMBER765765767, keep all of your pages within your teams namespace. <br><span style="font-weight:normal; font-style:italic;">Example: 2012hs.igem.org/Team:CIDEB-UANL_Mexico/Our_Pets</span>
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *********************** End of the alert box *********************** -->
+
<!--
 +
============================================================================================
 +
*** Acknowledgments ***
 +
>>>To TU_Delf Team
-
{|align="justify"
+
Thank you so much to TU_Delft iGEM2010 team for providing us with so many examples of html code and how to apply them.
-
|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.
+
-
|[[Image:CIDEB-UANL_Mexico_logo.png|200px|right|frame]]
+
-
|-
+
-
|
+
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:CIDEB-UANL_Mexico_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:CIDEB-UANL_Mexico | Team CIDEB-UANL_Mexico]]
+
-
|}
+
-
<!--- Team Information Link --->
+
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
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
 
-
!align="center"|[https://igem.org/Team.cgi?year=2012&division=high_school&team_name=CIDEB-UANL_Mexico Official Team Profile]
 
-
|}
 
-
===Team===
 
-
Tell us about your team, your school!
 
 +
============================================================================================
-
===Project===
+
/-->
-
What are you working on this semester?
+
 +
        <!-- Include jQuery first. -->
 +
<script type="text/javascript" src="http://www.genobiotec2011.org/iGEMwiki/jquery-1.3.2.min.js"></script>
-
===Notebook===
+
        <!-- Include the below script, Copyright 2010, Brandon Aaron (http://brandonaaron.net/) for scrollwheel support. -->
-
Show us how you spent your days.
+
<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>
-
===Results/Conclusions===
+
<style>
-
What did you achieve over the course of your semester?
+
 +
.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;
 +
}
-
===Safety===
+
.style5 ul.top-menu-main > li {
-
What safety precautions did your team take? Did you take a safety training course? Were you supervised at all times in the lab?
+
  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;}
-
===Attributions===
+
.style5 ul.top-menu-main > li:hover{
-
Who worked on what?
+
  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;
 +
}
-
===Human Practices===
+
.style5 ul.top-menu-main > li > a {
-
What impact does/will your project have on the public? 
+
  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;
 +
 
 +
}
-
===Fun!===
+
.style5 ul.top-submenu > li {
-
What was your favorite team snack?? Have a picture of your team mascot?
+
  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;
 +
 
 +
}
-
<forum_subtle />
+
.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.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>
 +
    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> It is meant to be simple, reporter genes are to prove the concept. Five Fluorescent proteins, two lights.</dd>
 +
                                <dt>Mechanism</dt>
 +
<dd> You can surely tell the difference between five messages, however it is not that easy to bacteria. Wanna know how they manage? </dd>
 +
 
 +
<dt>Biphasic switch</dt>
 +
<dd>Find out why brilliant scientists have been attracted to phages and bring Lambda back to life! (even Watson likes'em)
 +
</dd>
 +
<dt>Light machine</dt>
 +
<dd> Interested in working with light induction? Check out our Light Machine, build one of your own. Satisfaction guaranteed! </dd>
 +
 +
<dt>iGEM Lighters</dt>
 +
<dd>Slide content</dd>
 +
                <dt>Bio! Project</dt>
 +
<dd>Science news, outstanding iGEM projects, surveys, Bio!</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>
 +
 
 +
  </div>
 +
   
 +
    <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>
 +
 
 +
</body>
 +
</html>
 +
{{:Team:UANL_Mty-Mexico/Templates/Footer-template}}

Revision as of 22:57, 6 March 2012

Team:UANL Mty-Mexico/Templates/Banner-template Team:UANL Mty-Mexico/Templates/Menu-template 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
It is meant to be simple, reporter genes are to prove the concept. Five Fluorescent proteins, two lights.
Mechanism
You can surely tell the difference between five messages, however it is not that easy to bacteria. Wanna know how they manage?
Biphasic switch
Find out why brilliant scientists have been attracted to phages and bring Lambda back to life! (even Watson likes'em)
Light machine
Interested in working with light induction? Check out our Light Machine, build one of your own. Satisfaction guaranteed!
iGEM Lighters
Slide content
Bio! Project
Science news, outstanding iGEM projects, surveys, Bio!
OurSymbol
Locations of visitors to this page
Sponsors
GenScript Logo

OurSymbol

Team:UANL Mty-Mexico/Templates/Footer-template