Team:Valencia
From 2011.igem.org
(24 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | [[File:Valencia Bannerv4.jpg|945px|link=https://2011.igem.org/Team:Valencia]] | |
- | + | {{Template:Valencia-0-3}} | |
<html> | <html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <body> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <style type="text/css"> |
- | { | + | img { |
- | ! | + | display: block; |
- | + | margin: auto; | |
- | + | } | |
- | + | ||
- | + | .center { | |
- | ! | + | |
- | ! | + | width:965px; |
- | ! | + | height:auto; |
- | ! | + | margin-left:7px; |
- | + | margin-right:32.5px; | |
- | ---> | + | margin-top:20px; |
+ | margin-bottom:30px; | ||
+ | } | ||
+ | |||
+ | .col_left{ | ||
+ | width:650px; | ||
+ | height:auto; | ||
+ | float:left; | ||
+ | background-color:transparent; | ||
+ | |||
+ | } | ||
+ | |||
+ | .col_left_top{ | ||
+ | width:610px; | ||
+ | background-color:#0087ba; | ||
+ | height:20px; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size:20px; | ||
+ | color:#fff; | ||
+ | padding:20px; | ||
+ | } | ||
+ | |||
+ | .col_left_center{ | ||
+ | width:610px; | ||
+ | text-align:justify; | ||
+ | height: auto; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size:14px; | ||
+ | color:black; | ||
+ | padding:20px; | ||
+ | } | ||
+ | |||
+ | .col_left_bottom{ | ||
+ | width:525px; | ||
+ | text-align:center; | ||
+ | height: auto; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size:14px; | ||
+ | color:#fff; | ||
+ | padding:20px; | ||
+ | } | ||
+ | |||
+ | .col_right{ | ||
+ | width:290px; | ||
+ | margin-left:10px; | ||
+ | float:left; | ||
+ | background-color:transparent; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | .col_right_top{ | ||
+ | width:250px; | ||
+ | background-color:#0087ba; | ||
+ | height:20px; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size:20px; | ||
+ | color:#fff; | ||
+ | padding:20px; | ||
+ | } | ||
+ | |||
+ | .col_right_center{ | ||
+ | width:200px; | ||
+ | height: auto; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size:14px; | ||
+ | color:#666; | ||
+ | padding:20px; | ||
+ | } | ||
+ | |||
+ | .col_right_bottom{ | ||
+ | width:335px; | ||
+ | text-align:center; | ||
+ | height: auto; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size:14px; | ||
+ | color:#fff; | ||
+ | padding:20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | html, body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background:darkblue url(https://static.igem.org/mediawiki/2011/6/65/Valencia_Aguamitadinferior1500x800.jpg) repeat-x top fixed; | ||
+ | |||
+ | } | ||
+ | |||
+ | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;} | ||
+ | #content{ | ||
+ | background:transparent url("https://static.igem.org/mediawiki/2011/f/fd/Valencia_Transpa30a.png") center fixed repeat-y; | ||
+ | padding: 0px; | ||
+ | margin:0 auto; | ||
+ | border: none; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script type="text/javascript" | ||
+ | src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $("ul#topnav li").hover(function() { | ||
+ | $(this).css({ 'background' : 'transparent url(https://static.igem.org/mediawiki/2010/0/03/Valencia_navbar_active.gif) repeat-x'}); | ||
+ | $(this).find("span").show(); | ||
+ | } , function() { //on hover out... | ||
+ | $(this).css({ 'background' : 'none'}); | ||
+ | $(this).find("span").hide(); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | #headerlinks{ | ||
+ | margin-left: -12px; | ||
+ | } | ||
+ | |||
+ | #nav, #nav ul { | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .abstractext{ | ||
+ | float:right; | ||
+ | width="400px" | ||
+ | } | ||
+ | |||
+ | #nav a { | ||
+ | display: block; | ||
+ | width: 149px; | ||
+ | height: 40px; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | float: left; | ||
+ | width: 149px; | ||
+ | margin-right: 41px; | ||
+ | } | ||
+ | |||
+ | #nav li ul { | ||
+ | position: absolute; | ||
+ | width: 130px; | ||
+ | left: -999em; | ||
+ | |||
+ | } | ||
+ | |||
+ | #nav li:hover ul { | ||
+ | left: auto; | ||
+ | text-decoration: none; | ||
+ | color: white !important; | ||
+ | |||
+ | } | ||
+ | |||
+ | #nav li:hover ul, #nav li.sfhover ul { | ||
+ | left: auto; | ||
+ | text-decoration: none; | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | sfHover = function() { | ||
+ | var sfEls = document.getElementById("nav").getElementsByTagName("LI"); | ||
+ | for (var i=0; i<sfEls.length; i++) { | ||
+ | sfEls[i].onmouseover=function() { | ||
+ | this.className+=" sfhover"; | ||
+ | } | ||
+ | sfEls[i].onmouseout=function() { | ||
+ | this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | if (window.attachEvent) window.attachEvent("onload", sfHover); | ||
+ | |||
+ | |||
+ | |||
+ | body { | ||
+ | font: 10px normal Verdana, Arial, Helvetica, sans-serif; | ||
+ | |||
+ | padding: 0; | ||
+ | } | ||
+ | h1 { | ||
+ | font: 3em normal Verdana, 'Times New Roman', Times, serif; | ||
+ | color: #333; | ||
+ | margin: 0; | ||
+ | padding: 5px 0; | ||
+ | } | ||
+ | h3 { | ||
+ | font: 17px normal Verdana, 'Times New Roman', Times, serif; | ||
+ | color: #0000; | ||
+ | margin: 0; | ||
+ | padding: 5px 0; | ||
+ | margin: 10px; | ||
+ | text-align:justify; | ||
+ | margin-top: 8px; | ||
+ | margin-bottom: 20px; | ||
+ | margin-left: 20px; | ||
+ | margin-right: 20px; | ||
+ | } | ||
+ | h1 small{ | ||
+ | font: 0.2em normal Verdana, Arial, Helvetica, sans-serif; | ||
+ | text-transform:uppercase; | ||
+ | letter-spacing: 1.5em; | ||
+ | display: block; | ||
+ | color: #fff; | ||
+ | } | ||
+ | .container {width: 970px; margin: 0 auto;} | ||
+ | |||
+ | .curved { | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | behavior:url(border-radius.htc); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ul#topnav { | ||
+ | margin: 0; padding: 0; | ||
+ | float: left; | ||
+ | width: 970px; | ||
+ | list-style: none; | ||
+ | position: relative; | ||
+ | font-size: 18.8px; | ||
+ | background: url(topnav_stretch.gif) repeat-x; | ||
+ | } | ||
+ | ul#topnav li { | ||
+ | float: left; | ||
+ | margin: 0; padding: 0; | ||
+ | border-right: 1px solid #555; | ||
+ | } | ||
+ | ul#topnav li a { | ||
+ | padding: 10px 15px; | ||
+ | display: block; | ||
+ | color: darkblue; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | li span { | ||
+ | float: left; | ||
+ | padding: 15px 0; | ||
+ | position: absolute; | ||
+ | left: 0; top:40px; | ||
+ | display: none; | ||
+ | width: 965px; | ||
+ | background: lightblue; | ||
+ | color: white; | ||
+ | -moz-border-radius-bottomright: 5px; | ||
+ | -khtml-border-radius-bottomright: 5px; | ||
+ | -webkit-border-bottom-right-radius: 5px; | ||
+ | -moz-border-radius-bottomleft: 5px; | ||
+ | -khtml-border-radius-bottomleft: 5px; | ||
+ | -webkit-border-bottom-left-radius: 5px; | ||
+ | } | ||
+ | ul#topnav li:hover span { display: block; } | ||
+ | ul#topnav li span a { display: inline; } | ||
+ | ul#topnav li span a:hover {text-decoration: underline;} | ||
+ | </style> | ||
+ | <script type="text/javascript" | ||
+ | src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | |||
+ | $("ul#topnav li").hover(function() { //Hover over event on list item | ||
+ | $(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'}); //Add background color + image on hovered list item | ||
+ | $(this).find("span").show(); //Show the subnav | ||
+ | } , function() { //on hover out... | ||
+ | $(this).css({ 'background' : 'none'}); //Ditch the background | ||
+ | $(this).find("span").hide(); //Hide the subnav | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class=center> | ||
+ | |||
+ | <div class=col_left> | ||
+ | <div class=col_left_top>Water Colicin Cleaner: disinfected water by E. coli</div><!-- fin clase col_left_top--> | ||
+ | <div class=col_left_center> | ||
+ | <p>Water Colicin Cleaner is a biological alternative for disinfecting contaminated water using synthetic biology. We kill targeted pathogens by means of antimicrobial peptides in Escherichia coli. As a proof of concept we have chosen to aim for enterobacteria, focusing on E. coli contaminated water, as a proxy of fecal water. The cleaning of E. coli will be possible thanks to the colicin protein. The activity of these proteins will be controlled by a biological pH-stat, using light-driven cyanobacteria to control pH of the media.</p> | ||
+ | |||
+ | <p>We will deliver a DIY kit as a prototype platform for killing pathogens responsible of diseases such as cholera, diarrhea and typhoid fever, ending with more than 2 million deaths in the last year according to the 2011 WHO Guidelines for Drinking-Water Quality.</p> | ||
+ | |||
+ | <p>W.C. Cleaner is an effective, low-cost device, that will help people that struggle to find pathogen-free drinking water avoid important diseases.</p> </div><!-- fin clase col_left_top--> | ||
+ | <div class=col_left_bottom><img src="https://static.igem.org/mediawiki/2011/4/4a/Valencia_Logologologo.gif"></div><!-- fin clase col_left_top--> | ||
+ | </div><!-- fin clase col_left--> | ||
+ | |||
+ | <div class=col_right> | ||
+ | <div class=col_right_top>Who we are</div><!-- fin clase col_right_top--> | ||
+ | |||
+ | <div class=col_right_center> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/b/b1/Valencia_Upvtranspa.gif"/ width="150"/> | ||
+ | </div><!-- fin clase col_right_center--> | ||
+ | |||
+ | <div class=col_right_center> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/2/25/Valencia_Ucvtranspa.gif" width="200" /> | ||
+ | </div><!-- fin clase col_right_center--> | ||
+ | |||
+ | <div class=col_right_center> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/7/7a/Valencia_Uvtrasnpa.gif" width="150" /> | ||
+ | </div><!-- fin clase col_right_center--> | ||
+ | |||
+ | <div class=col_right_bottom></div><!-- fin clase col_right_bottom--> | ||
+ | </div><!-- fin clase col_right--> | ||
+ | |||
+ | </div><!-- fin clase center--> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> |
Latest revision as of 03:03, 22 September 2011
Water Colicin Cleaner is a biological alternative for disinfecting contaminated water using synthetic biology. We kill targeted pathogens by means of antimicrobial peptides in Escherichia coli. As a proof of concept we have chosen to aim for enterobacteria, focusing on E. coli contaminated water, as a proxy of fecal water. The cleaning of E. coli will be possible thanks to the colicin protein. The activity of these proteins will be controlled by a biological pH-stat, using light-driven cyanobacteria to control pH of the media.
We will deliver a DIY kit as a prototype platform for killing pathogens responsible of diseases such as cholera, diarrhea and typhoid fever, ending with more than 2 million deaths in the last year according to the 2011 WHO Guidelines for Drinking-Water Quality.
W.C. Cleaner is an effective, low-cost device, that will help people that struggle to find pathogen-free drinking water avoid important diseases.