Team:UNAM Genomics Mexico/Templates/webblackwhite

From 2012.igem.org

(Difference between revisions)
 
(57 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:UNAM_Genomics_Mexico/Templates/menulike}}
+
{{:Template:Team:UNAM_Genomics_Mexico/webhtml| content=
-
<!--
+
<br />
-
@VERSION 3.0
+
<h1>Welcome to our homepage still under construction.</h1>
-
@NAME  General Template header 2
+
<br />
-
AUTHOR  Padilla Gomez Jonathan
+
<br />
-
        Abiel Treviño Garza
+
-
-->
+
<html>
<html>
-
<head>
 
-
 
+
<table border="0"  height="150" cellspacing="15" bgcolor="transparent" id="tablecontentbg">
-
 
+
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+
-
<link href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Templates/Home" rel="stylesheet" type="text/css" />
+
-
<title>UNAM-Genomics_Mexico</title>
+
-
<script type="text/javascript">
+
-
 
+
-
  var _gaq = _gaq || [];
+
-
  _gaq.push(['_setAccount', 'UA-19624614-2']);
+
-
  _gaq.push(['_trackPageview']);
+
-
 
+
-
  (function() {
+
-
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+
-
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
-
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+
-
  })();
+
-
 
+
-
</script>
+
-
 
+
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
+
-
 
+
-
 
+
-
 
+
-
<style type="text/css">
+
-
 
+
-
 
+
-
/* CHANGING THE WIKI CSS */
+
-
 
+
-
#content {
+
-
position: relative;
+
-
width: 976px;
+
-
margin: 0 auto;
+
-
padding: 5px 5px 5px 5px;
+
-
background: transparent;
+
-
color: transparent;
+
-
border-left: none;
+
-
border-right: none;
+
-
line-height: 0px;
+
-
z-index: 2;
+
-
}
+
-
 
+
-
#contentSub {
+
-
display:none;
+
-
}
+
-
 
+
-
#bodyContent {
+
-
}
+
-
 
+
-
#siteSub {
+
-
display:none;
+
-
}
+
-
 
+
-
#search-controls {
+
-
display:none;
+
-
}
+
-
 
+
-
.firstHeading {
+
-
display:none;
+
-
}
+
-
 
+
-
#search-controls {
+
-
margin-top:30px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#top-section {
+
-
height: 20px;
+
-
width: 976px;
+
-
border-left: none;
+
-
border-right: none;
+
-
border-bottom: none;
+
-
}
+
-
 
+
-
.left-menu {
+
-
margin-top:-15px;
+
-
}
+
-
 
+
-
.left-menu ul {
+
-
border: none;
+
-
}
+
-
 
+
-
#menubar li a {
+
-
color: #C03;
+
-
}
+
-
 
+
-
#menubar.right-menu {
+
-
margin-top:-15px;
+
-
}
+
-
.right-menu li a {
+
-
background-color: #000000;
+
-
}
+
-
.right-menu ul {
+
-
border: none;
+
-
}
+
-
 
+
-
#menubar{
+
-
top:22px;
+
-
z-index:25;
+
-
}
+
-
 
+
-
img[src*="/wiki/skins/common/images/wiki.png"]{
+
-
    width:0;
+
-
    height:0px;
+
-
    padding-right:975px;
+
-
    background:transparent url(https://2011.igem.org/wiki/skins/common/images/wiki.png) top left no-repeat;
+
-
}
+
-
element.style {
+
-
color: transparent;
+
-
cursor: default;
+
-
}
+
-
menubar ul {
+
-
color: transparent;
+
-
list-style: none;
+
-
list-style-type: none;
+
-
list-style-position: initial;
+
-
list-style-image: initial;
+
-
}
+
-
 
+
-
element.style {
+
-
}
+
-
 
+
-
 
+
-
#catlinks {
+
-
display:none;
+
-
}
+
-
 
+
-
 
+
-
#p-logo {
+
-
display:none;
+
-
position: absolute;
+
-
z-index: 1;
+
-
height: 0px;
+
-
width: 0px;
+
-
}
+
-
 
+
-
#pt-userpage{
+
-
background-color: #000000;
+
-
}
+
-
#pt-preferences{
+
-
background-color: #000000;
+
-
}
+
-
#pt-logout{
+
-
background-color: #000000;
+
-
}
+
-
 
+
-
 
+
-
/* MAIN PAGE CSS */
+
-
body {
+
-
font-family:Tahoma, Geneva, sans-serif;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
color:#FFFFFF;
+
-
background-color: #FFFFFF;
+
-
}
+
-
 
+
-
div.igemimage {
+
-
position: absolute;
+
-
top: 0;
+
-
        z-index: 4;
+
-
        right: -200px;
+
-
}
+
-
div.igemimageleft1 {
+
-
position: absolute;
+
-
top: 0;
+
-
        z-index: 4;
+
-
        left: -200px;
+
-
        top:200px;
+
-
}
+
-
div.igemimageleft2 {
+
-
position: absolute;
+
-
top: 0;
+
-
        z-index: 4;
+
-
        left: -200px;
+
-
        top:300px;
+
-
}
+
-
div.igemimageleft3 {
+
-
position: absolute;
+
-
top: 0;
+
-
        z-index: 4;
+
-
        left: -200px;
+
-
        top:400px;
+
-
}
+
-
div.igemimageleft4 {
+
-
position: absolute;
+
-
top: 0;
+
-
        z-index: 4;
+
-
        left: -200px;
+
-
        top:500px;
+
-
}
+
-
#header{
+
-
height:220px;
+
-
width:100%;
+
-
font-family:"Arial Black", Gadget, sans-serif;
+
-
}
+
-
 
+
-
div.summary_text{
+
-
padding: 30px 30px 30px 30px;
+
-
border:none;
+
-
font-size:115%;
+
-
text-align:center;
+
-
}
+
-
div.descriptive_text{
+
-
/*We must observe div.left_image to deffine the appropiate top-margin value*/
+
-
margin: 70px 0px 0px 0px;
+
-
padding: 30px 30px 30px 30px;
+
-
border:none;
+
-
font-size:110%;
+
-
}
+
-
 
+
-
p.title{
+
-
color:#CC4455;
+
-
font-size:150%;
+
-
}
+
-
 
+
-
#container {
+
-
margin: 0px auto;
+
-
text-align:justify;
+
-
width: 100%;
+
-
background-image:url(https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png);
+
-
color:#FFFFFF;
+
-
font-size: 110%;
+
-
}
+
-
 
+
-
/*TEXT CONTENT*/
+
-
 
+
-
div#textContent{
+
-
background-color: #333333;
+
-
background-image: url("https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png");
+
-
background-repeat: repeat;
+
-
margin: 0px 0px 0px 0px;
+
-
padding: 55px 45px 55px 45px;
+
-
 
+
-
}
+
-
 
+
-
div#textContent p{
+
-
margin: .4em 0 .5em 0;
+
-
line-height: 1.5em;
+
-
}
+
-
h1,h2,h3,h4,h5,h6{
+
-
border-bottom: none;
+
-
 
+
-
}
+
-
 
+
-
h1.NORM_header{
+
-
        text-align:left;
+
-
margin: 15px 1px 1px 1px;
+
-
border:none;
+
-
color:#000000;
+
-
font-size:200%;
+
-
        text-decoration:bold;
+
-
}
+
-
 
+
-
h1.BSA_header{
+
-
margin: 15px 1px 1px 1px;
+
-
border:none;
+
-
text-decoration:none;
+
-
color:#B0E;
+
-
font-size:110%;
+
-
}
+
-
h1.BSA_announce{
+
-
margin: 20px 1px 1px 1px;
+
-
border:none;
+
-
text-decoration:none;
+
-
color:#B0E;
+
-
font-size:115%;
+
-
}
+
-
h1.BSA_announce a.HP{
+
-
color:#B0E;
+
-
text-decoration:underline;
+
-
}
+
-
h1.BSA_announce a.HP:hover{
+
-
font-size:120%;
+
-
}
+
-
 
+
-
#textContent a{
+
-
text-decoration: underline;
+
-
color: #008800; /*green*/
+
-
 
+
-
}
+
-
#textContent a:visited{
+
-
color: #540054; /*lighter green*/
+
-
        text-decoration: underline;
+
-
}
+
-
 
+
-
#textContent a.anchor{
+
-
color: #000000;
+
-
}
+
-
#tableabi{
+
-
background:white;
+
-
}
+
-
 
+
-
/*menu css*/
+
-
span.reference{
+
-
position:fixed;
+
-
left:0px;
+
-
bottom:0px;
+
-
font-size:12px;
+
-
}
+
-
+
-
span.reference a{
+
-
color:#aaa;
+
-
text-transform:uppercase;
+
-
text-decoration:none;
+
-
text-shadow:1px 1px 1px #000;
+
-
margin-right:200px;
+
-
}
+
-
 
+
-
span.reference a:hover{
+
-
color:#ddd;
+
-
}
+
-
 
+
-
ul.menu_unamgenomics{
+
-
margin-top:0px;
+
-
width:1000px;
+
-
align:center;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
+
-
ul.menu_unamgenomics{
+
-
color:#000;
+
-
margin:0;
+
-
padding:0;
+
-
list-style: none;
+
-
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
+
-
font-size:14px;
+
-
width:976;
+
-
}
+
-
 
+
-
ul.menu_unamgenomics a{
+
-
text-decoration:none;
+
-
outline:none;
+
-
}
+
-
 
+
-
ul.menu_unamgenomics li{
+
-
float:left;
+
-
width:162px;
+
-
height:95px;
+
-
position:relative;
+
-
cursor:pointer;
+
-
}
+
-
 
+
-
ul.menu_unamgenomics li > a{
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
width:162px;
+
-
height:95px;
+
-
z-index:12;
+
-
background:transparent url(../images/overlay.png) no-repeat bottom right;
+
-
-moz-box-shadow:0px 0px 2px #000 inset;
+
-
-webkit-box-shadow:0px 0px 2px #000 inset;
+
-
box-shadow:0px 0px 2px #000 inset;
+
-
color: #FFF;
+
-
background-color: #FFFFFF;
+
-
}
+
-
 
+
-
ul.menu_unamgenomics li a img{
+
-
border:none;
+
-
position:absolute;
+
-
width:0px;
+
-
height:0px;
+
-
bottom:0px;
+
-
left:85px;
+
-
z-index:100;
+
-
 
+
-
}
+
-
 
+
-
ul.menu_unamgenomics li span.sdt_wrap{
+
-
position:absolute;
+
-
top:25px;
+
-
left:0px;
+
-
width:162px;
+
-
height:60px;
+
-
z-index:15;
+
-
}
+
-
 
+
-
ul.menu_unamgenomics li span.menu_unamgenomics_activo{
+
-
position:absolute;
+
-
background:#FFF;
+
-
top:85px;
+
-
width:162px;
+
-
height:0px;
+
-
left:0px;
+
-
z-index:14;
+
-
-moz-box-shadow:0px 0px 4px #000 inset;
+
-
-webkit-box-shadow:0px 0px 4px #000 inset;
+
-
box-shadow:0px 0px 4px #000 inset;
+
-
}
+
-
 
+
-
ul.menu_unamgenomics li span span.menu_links,
+
-
ul.menu_unamgenomics li span span.menu_descripcion,
+
-
ul.menu_unamgenomics li div.menu_caja a{
+
-
margin-left:15px;
+
-
text-transform:uppercase;
+
-
text-shadow:1px 1px 1px #000;
+
-
}
+
-
 
+
-
ul.menu_unamgenomics li span span.menu_links{
+
-
color:#fff;
+
-
font-size:24px;
+
-
float:left;
+
-
clear:both;
+
-
}
+
-
 
+
-
ul.menu_unamgenomics li span span.menu_descripcion{
+
-
color:#0B75AF;
+
-
float:left;
+
-
clear:both;
+
-
width:162px; /*For dumbass IE7*/
+
-
font-size:10px;
+
-
letter-spacing:1px;
+
-
}
+
-
 
+
-
ul.menu_unamgenomics li div.menu_caja{
+
-
display:block;
+
-
position:absolute;
+
-
width:162px;
+
-
overflow:hidden;
+
-
height:auto;
+
-
top:85px;
+
-
left:0px;
+
-
display:none;
+
-
background-color: #FFF;
+
-
}
+
-
 
+
-
ul.menu_unamgenomics li div.menu_caja a{
+
-
float:left;
+
-
clear:both;
+
-
line-height:30px;
+
-
color:#0B75AF;
+
-
}
+
-
 
+
-
ul.menu_unamgenomics li div.menu_caja a:first-child{
+
-
margin-top:15px;
+
-
}
+
-
 
+
-
ul.menu_unamgenomics li div.menu_caja a:hover{
+
-
color:#F60;
+
-
}
+
-
 
+
-
 
+
-
/* Image on hover description */
+
-
 
+
-
td {
+
-
background-color: transparent;
+
-
background-repeat: no-repeat;
+
-
clear: both;
+
-
height: auto;
+
-
width: auto;
+
-
}
+
-
 
+
-
.imgteaser {
+
-
margin: 0;
+
-
overflow: hidden;
+
-
float: left;
+
-
position: relative;
+
-
}
+
-
.imgteaser a {
+
-
text-decoration: none;
+
-
float: left;
+
-
}
+
-
.imgteaser a:hover {
+
-
cursor: pointer;
+
-
}
+
-
.imgteaser a img {
+
-
float: left;
+
-
margin: 0;
+
-
border: none;
+
-
padding: 20px;
+
-
background: #FFF;
+
-
border: 0px solid #ddd;
+
-
}
+
-
 
+
-
.imgteaser a .desc { display: none; }
+
-
 
+
-
.imgteaser a:hover .desc{
+
-
display: block;
+
-
font-size: 1.1em;
+
-
padding: 20px 0;
+
-
background: #111;
+
-
filter:alpha(opacity=65);
+
-
opacity:.65;
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
+
-
color: #fff;
+
-
position: absolute;
+
-
bottom: 11px;
+
-
left: 11px;
+
-
padding: 10px;
+
-
margin: 0;
+
-
width: 230px;
+
-
        height:100px;
+
-
border-top: 1px solid #999;
+
-
}
+
-
.imgteaser a:hover .desc strong {
+
-
display: block;
+
-
margin-bottom: 5px;
+
-
font-size:1.2em;
+
-
}
+
-
 
+
-
</style>
+
-
 
+
-
</head>
+
-
 
+
-
<body>
+
-
<div id="globalWrapper">
+
-
<div class="igemimage"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
+
-
<!--"here goes the imgs "-->
+
-
 
+
-
<div class="igemimageleft1"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
+
-
<div class="igemimageleft2"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
+
-
<div class="igemimageleft3"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
+
-
<div class="igemimageleft4"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
+
-
 
+
-
 
+
-
</div>
+
-
<div id="container">
+
-
 
+
-
 
+
-
+
-
<div class="header">
+
-
<img src="https://static.igem.org/mediawiki/2012/7/79/Unamgenomicsheaderblanco.jpg" width=" 976px" height="203px" id="Insert_logo" style="background: #8090AB; display:block; "></a>
+
-
 
+
-
<table bgcolor="#000000" border="0px" height="95" width="10" id="tableabi">  
+
<tr>
<tr>
-
  <td></td>  
+
<td id="leftcolumn2">Nanotubes!!</td>
 +
<td  id="contentcolumn2">The logic</td>
 +
<td id="rightcolumn2">Random info</td>
 +
</tr>
 +
</table>
 +
</html>
-
<td>
+
<br />
-
<ul id="menu_unamgenomics" class="menu_unamgenomics"><li>
+
<br />
-
<a href="#">
+
<h1>Project description</h1>
-
<img src="https://static.igem.org/mediawiki/2012/d/d1/Unamgenomicsmenuverde.gif" alt="" width="150" height="150"/>
+
<br />
-
<span class="menu_unamgenomics_activo"></span>
+
<h2>BACILLUS BOOLEANUS</h2>  
-
<span class="sdt_wrap">
+
<br />
-
<span class="menu_links">HOME</span>
+
A logic gate is an  idealized  or  physical  device  implementing  a Boolean  function,  that  is,  it  performs  a logical  operation  on  one  or  more  logic  inputs  and  produces  a single  logic  output.  To  build  a functionally  complete  logic  system,  transistors  can  be  used.  A  single  transistor  is  not  a computer,  many  of  them  are  necessary  and  they  need  to  communicate  with  each  other,  in  this  way  a complex  logic  system  can  be  created. The  architecture  of  gene  regulatory  networks  is  reminiscent  of  electronic  circuits. Modular  building  blocks  that  respond  in  a logical  way  to  one  or  several  inputs  are  connected  to  perform  a variety  of  complex  tasks.  Taking  these  two  main  ideas,  it  could  be  possible  to  create  a “molecular  computer”.  Bacillus  Booleanus  is  a project  that  wants  create  a “molecular  computer”. How  it  works?  We  are  working  on  the  creation  of  different  strains  of  Bacillus  Subtilis,  each  one  will  be  able  to  perform  a single  Boolean  operation  just  like  a transistor. As  we  mentioned  our  transistors  need  to  communicate,  but  how  could  this  be  possible?  In  2011  Ben-­-Yehuda  et  al  identified  a type  of  bacterial  communication  mediated  by  nanotubes  that  bridge  neighboring  cells,  providing  a network  for  exchange  of  cellular  molecules  within  and  between  species. By  using  these  nanotubes  our  bacterium  will  be  capable  to  communicate  with  others  so  that  create  complex  networks  of  logic  gates. Using  this  it  could  be  possible  to  develop  a complex  network  of  "transistors" to  create,  for  example,  a  synthetic  metabolic  pathway.
-
<span class="menu_descripcion">HOME</span>
+
-
</span>
+
-
</a>
+
-
      </li>
+
-
<li>
+
-
  <a href="#">
+
-
<img src="https://static.igem.org/mediawiki/2012/c/c2/UnamgenomicsRojo.gif" alt="" width="150" height="150"/>
+
-
<span class="menu_unamgenomics_activo"></span>
+
-
<span class="sdt_wrap">
+
-
<span class="menu_links">TEAM</span>
+
-
<span class="menu_descripcion">TEAM</span>
+
-
</span>
+
-
</a>
+
-
  <div class="menu_caja">
+
-
<a href="#">STUDENTS</a>
+
-
<a href="#">ADVISORS</a>
+
-
<a href="#">PHDs</a>
+
-
  </div>
+
-
</li>
+
-
<li>
+
-
  <a href="#">
+
-
<img src="https://static.igem.org/mediawiki/2012/5/56/Unamgenomicsrosa.gif" alt="" width="150" height="150"/>
+
-
<span class="menu_unamgenomics_activo"></span>
+
-
<span class="sdt_wrap">
+
-
<span class="menu_links">Design/
+
-
                            Experiment</span>
+
-
<span class="menu_descripcion"></span>
+
-
</span>
+
-
</a>
+
-
  <div class="menu_caja">
+
-
<a href="#">BOX 1</a>
+
-
<a href="#">BOX 2</a>
+
-
<a href="#">BOX 3</a>
+
-
<a href="#">BOX 4</a>
+
-
<a href="#">BOX 5</a>
+
-
<a href="#">BOX 6</a>
+
-
  </div>
+
-
</li>
+
-
<li>
+
-
  <a href="#">
+
-
<img src="https://static.igem.org/mediawiki/2012/4/41/Unamgenomicsnaranja.gif" alt="" width="150" height="150"/>
+
-
<span class="menu_unamgenomics_activo"></span>
+
-
<span class="sdt_wrap">
+
-
<span class="menu_links">Results</span>
+
-
<span class="menu_descripcion"></span>
+
-
</span>
+
-
</a>
+
-
<div class="menu_caja">
+
-
<a href="#">BOX 1</a>
+
-
<a href="#">BOX 2</a>
+
-
<a href="#">BOX 3</a>
+
-
<a href="#">Box 4</a>
+
-
<a href="#">BOx 5</a>
+
-
</div>
+
-
  </li>
+
-
<li>
+
-
  <a href="#">
+
-
<img src="https://static.igem.org/mediawiki/2012/0/04/UnamgenomicsLimon.gif" alt="" width="150" height="150"/>
+
-
<span class="menu_unamgenomics_activo"></span>
+
-
<span class="sdt_wrap">
+
-
<span class="menu_links">Human Practice & Safety</span>
+
-
<span class="menu_descripcion"></span>
+
-
</span>
+
-
</a>
+
-
  <div class="menu_caja">
+
-
<a href="#">a1</a>
+
-
<a href="#">11</a>
+
-
<a href="#">33 &
+
-
66</a>
+
-
  </div>
+
-
</li>
+
-
<li>
+
-
  <a href="#">
+
-
                  <img src="https://static.igem.org/mediawiki/2012/7/7b/UnamgenomicsMorado.gif" alt="" width="150" height="150"/>
+
-
<span class="menu_unamgenomics_activo"></span>
+
-
<span class="sdt_wrap">
+
-
<span class="menu_links">About Us</span>
+
-
<span class="menu_descripcion"></span>
+
-
</span>
+
-
</a>
+
-
  <div class="menu_caja">
+
-
<a href="#">The School</a>
+
-
<a href="#">The Team</a>
+
-
<a href="#">China Meetup</a>
+
-
<a href="#">Acknowledgement</a>
+
-
  </div>
+
-
</li>
+
-
  </ul>
+
-
  </td> 
+
-
</tr></table>
+
-
 
+
}}
-
 
+
-
 
+
-
 
+
-
 
+
-
   
+
-
 
+
-
   
+
-
</div><!--class="header"--> 
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+
-
 
+
-
 
+
-
<script type="text/javascript">
+
-
/*
+
-
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+
-
*
+
-
* Uses the built in easing capabilities added In jQuery 1.1
+
-
* to offer multiple easing options
+
-
*
+
-
* TERMS OF USE - jQuery Easing
+
-
*
+
-
* Open source under the BSD License.
+
-
*
+
-
* Copyright 2008 George McGinley Smith
+
-
* All rights reserved.
+
-
*
+
-
* Redistribution and use in source and binary forms, with or without modification,
+
-
* are permitted provided that the following conditions are met:
+
-
*
+
-
* Redistributions of source code must retain the above copyright notice, this list of
+
-
* conditions and the following disclaimer.
+
-
* Redistributions in binary form must reproduce the above copyright notice, this list
+
-
* of conditions and the following disclaimer in the documentation and/or other materials
+
-
* provided with the distribution.
+
-
*
+
-
* Neither the name of the author nor the names of contributors may be used to endorse
+
-
* or promote products derived from this software without specific prior written permission.
+
-
*
+
-
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+
-
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+
-
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+
-
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+
-
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+
-
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+
-
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+
-
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+
-
* OF THE POSSIBILITY OF SUCH DAMAGE.
+
-
*
+
-
*/
+
-
 
+
-
// t: current time, b: begInnIng value, c: change In value, d: duration
+
-
jQuery.easing['jswing'] = jQuery.easing['swing'];
+
-
 
+
-
jQuery.extend( jQuery.easing,
+
-
{
+
-
def: 'easeOutQuad',
+
-
swing: function (x, t, b, c, d) {
+
-
//alert(jQuery.easing.default);
+
-
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+
-
},
+
-
easeInQuad: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t + b;
+
-
},
+
-
easeOutQuad: function (x, t, b, c, d) {
+
-
return -c *(t/=d)*(t-2) + b;
+
-
},
+
-
easeInOutQuad: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t + b;
+
-
return -c/2 * ((--t)*(t-2) - 1) + b;
+
-
},
+
-
easeInCubic: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t*t + b;
+
-
},
+
-
easeOutCubic: function (x, t, b, c, d) {
+
-
return c*((t=t/d-1)*t*t + 1) + b;
+
-
},
+
-
easeInOutCubic: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t*t + b;
+
-
return c/2*((t-=2)*t*t + 2) + b;
+
-
},
+
-
easeInQuart: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t*t*t + b;
+
-
},
+
-
easeOutQuart: function (x, t, b, c, d) {
+
-
return -c * ((t=t/d-1)*t*t*t - 1) + b;
+
-
},
+
-
easeInOutQuart: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+
-
return -c/2 * ((t-=2)*t*t*t - 2) + b;
+
-
},
+
-
easeInQuint: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t*t*t*t + b;
+
-
},
+
-
easeOutQuint: function (x, t, b, c, d) {
+
-
return c*((t=t/d-1)*t*t*t*t + 1) + b;
+
-
},
+
-
easeInOutQuint: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+
-
return c/2*((t-=2)*t*t*t*t + 2) + b;
+
-
},
+
-
easeInSine: function (x, t, b, c, d) {
+
-
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+
-
},
+
-
easeOutSine: function (x, t, b, c, d) {
+
-
return c * Math.sin(t/d * (Math.PI/2)) + b;
+
-
},
+
-
easeInOutSine: function (x, t, b, c, d) {
+
-
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+
-
},
+
-
easeInExpo: function (x, t, b, c, d) {
+
-
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+
-
},
+
-
easeOutExpo: function (x, t, b, c, d) {
+
-
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+
-
},
+
-
easeInOutExpo: function (x, t, b, c, d) {
+
-
if (t==0) return b;
+
-
if (t==d) return b+c;
+
-
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+
-
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+
-
},
+
-
easeInCirc: function (x, t, b, c, d) {
+
-
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+
-
},
+
-
easeOutCirc: function (x, t, b, c, d) {
+
-
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+
-
},
+
-
easeInOutCirc: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+
-
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+
-
},
+
-
easeInElastic: function (x, t, b, c, d) {
+
-
var s=1.70158;var p=0;var a=c;
+
-
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+
-
},
+
-
easeOutElastic: function (x, t, b, c, d) {
+
-
var s=1.70158;var p=0;var a=c;
+
-
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+
-
},
+
-
easeInOutElastic: function (x, t, b, c, d) {
+
-
var s=1.70158;var p=0;var a=c;
+
-
if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+
-
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+
-
},
+
-
easeInBack: function (x, t, b, c, d, s) {
+
-
if (s == undefined) s = 1.70158;
+
-
return c*(t/=d)*t*((s+1)*t - s) + b;
+
-
},
+
-
easeOutBack: function (x, t, b, c, d, s) {
+
-
if (s == undefined) s = 1.70158;
+
-
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+
-
},
+
-
easeInOutBack: function (x, t, b, c, d, s) {
+
-
if (s == undefined) s = 1.70158;
+
-
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+
-
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+
-
},
+
-
easeInBounce: function (x, t, b, c, d) {
+
-
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+
-
},
+
-
easeOutBounce: function (x, t, b, c, d) {
+
-
if ((t/=d) < (1/2.75)) {
+
-
return c*(7.5625*t*t) + b;
+
-
} else if (t < (2/2.75)) {
+
-
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+
-
} else if (t < (2.5/2.75)) {
+
-
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+
-
} else {
+
-
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+
-
}
+
-
},
+
-
easeInOutBounce: function (x, t, b, c, d) {
+
-
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+
-
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+
-
}
+
-
});
+
-
 
+
-
/*
+
-
*
+
-
* TERMS OF USE - EASING EQUATIONS
+
-
*
+
-
* Open source under the BSD License.
+
-
*
+
-
* Copyright 2001 Robert Penner
+
-
* All rights reserved.
+
-
*
+
-
* Redistribution and use in source and binary forms, with or without modification,
+
-
* are permitted provided that the following conditions are met:
+
-
*
+
-
* Redistributions of source code must retain the above copyright notice, this list of
+
-
* conditions and the following disclaimer.
+
-
* Redistributions in binary form must reproduce the above copyright notice, this list
+
-
* of conditions and the following disclaimer in the documentation and/or other materials
+
-
* provided with the distribution.
+
-
*
+
-
* Neither the name of the author nor the names of contributors may be used to endorse
+
-
* or promote products derived from this software without specific prior written permission.
+
-
*
+
-
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+
-
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+
-
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+
-
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+
-
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+
-
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+
-
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+
-
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+
-
* OF THE POSSIBILITY OF SUCH DAMAGE.
+
-
*
+
-
*/
+
-
</script>
+
-
 
+
-
        <script type="text/javascript">
+
-
            $(function() {
+
-
/**
+
-
* for each menu element, on mouseenter,
+
-
* we enlarge the image, and show both menu_unamgenomics_activo span and
+
-
* sdt_wrap span. If the element has a sub menu (menu_caja),
+
-
* then we slide it - if the element is the last one in the menu
+
-
* we slide it to the left, otherwise to the right
+
-
*/
+
-
                $('#menu_unamgenomics > li').bind('mouseenter',function(){
+
-
 
+
-
var $elem = $(this);
+
-
$elem.find('img')
+
-
.stop(true)
+
-
.animate({
+
-
'width':'155px',
+
-
'height':'155px',
+
-
'left':'0px'
+
-
},400,'easeOutBack')
+
-
.andSelf()
+
-
.find('.sdt_wrap')
+
-
    .stop(true)
+
-
.animate({'top':'140px'},500,'easeOutBack')
+
-
.andSelf()
+
-
.find('.menu_unamgenomics_activo')
+
-
    .stop(true)
+
-
.animate({'height':'155px'},300,function(){
+
-
var $sub_menu = $elem.find('.menu_caja');
+
-
if($sub_menu.length){
+
-
var left = '155px';
+
-
if($elem.parent().children().length == $elem.index()+1)
+
-
left = '-155px';
+
-
$sub_menu.show().animate({'left':left},200);
+
-
}
+
-
});
+
-
}).bind('mouseleave',function(){
+
-
var $elem = $(this);
+
-
var $sub_menu = $elem.find('.menu_caja');
+
-
if($sub_menu.length)
+
-
$sub_menu.hide().css('left','0px');
+
-
+
-
$elem.find('.menu_unamgenomics_activo')
+
-
.stop(true)
+
-
.animate({'height':'0px'},300)
+
-
.andSelf().find('img')
+
-
.stop(true)
+
-
.animate({
+
-
'width':'0px',
+
-
'height':'0px',
+
-
'left':'85px'},400)
+
-
.andSelf()
+
-
.find('.sdt_wrap')
+
-
.stop(true)
+
-
.animate({'top':'25px'},500);
+
-
});
+
-
            });
+
-
        </script>
+
-
 
+
-
</body>
+
-
</html>
+
-
 
+
-
<div id="textContent" align="center">
+
-
<br /><br /><br />{{{content}}}
+
-
</div>
+

Latest revision as of 09:42, 9 July 2012


UNAM-Genomics_Mexico


Welcome to our homepage still under construction.



Nanotubes!! The logic Random info



Project description


BACILLUS BOOLEANUS


A logic gate is an idealized or physical device implementing a Boolean function, that is, it performs a logical operation on one or more logic inputs and produces a single logic output. To build a functionally complete logic system, transistors can be used. A single transistor is not a computer, many of them are necessary and they need to communicate with each other, in this way a complex logic system can be created. The architecture of gene regulatory networks is reminiscent of electronic circuits. Modular building blocks that respond in a logical way to one or several inputs are connected to perform a variety of complex tasks. Taking these two main ideas, it could be possible to create a “molecular computer”. Bacillus Booleanus is a project that wants create a “molecular computer”. How it works? We are working on the creation of different strains of Bacillus Subtilis, each one will be able to perform a single Boolean operation just like a transistor. As we mentioned our transistors need to communicate, but how could this be possible? In 2011 Ben-­-Yehuda et al identified a type of bacterial communication mediated by nanotubes that bridge neighboring cells, providing a network for exchange of cellular molecules within and between species. By using these nanotubes our bacterium will be capable to communicate with others so that create complex networks of logic gates. Using this it could be possible to develop a complex network of "transistors" to create, for example, a synthetic metabolic pathway.

Retrieved from "http://2012.igem.org/Team:UNAM_Genomics_Mexico/Templates/webblackwhite"