Team:Buenos Aires/Team
From 2013.igem.org
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | + | {{:Team:Buenos_Aires/Templates/menu}} | |
<html> | <html> | ||
- | < | + | <head> |
- | < | + | <meta http-equiv="content-type" content="text/html;charset=utf-8" /> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
+ | <link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/katamotzikasi" rel="stylesheet" type="text/css"/> | ||
- | + | <style> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | /*tengo que cambiar el body porque sino afecto a la wiki también, es decir crear una subcategoría o algo así */ | |
+ | #Contenido{ | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | height:800px; | ||
+ | width:950px; | ||
+ | |||
+ | color: #000000; | ||
+ | font-size: 14px; | ||
+ | letter-spacing: 1px; | ||
+ | line-height: 30px; | ||
- | + | text-align: left; | |
- | + | ||
- | + | background:url("http://s17.postimg.org/bp7obatz3/background.png"); | |
- | + | background-repeat:no-repeat; | |
- | + | background-position:50% 50%; | |
- | + | background-size: 100% 100%; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | position:relative; | ||
+ | } | ||
+ | #marcoTeam{ | ||
+ | width: 100%; | ||
+ | height:100%; | ||
+ | text-align:left; | ||
+ | position:relative; | ||
+ | display: block; | ||
+ | letter-spacing: 1px; | ||
+ | text-indent:30px; | ||
+ | opacity:0.8; | ||
+ | box-shadow: 10px 10px 5px #888888; | ||
+ | |||
+ | font-size:13px; | ||
- | |||
- | |||
- | |||
- | |||
+ | } | ||
+ | .descripcion{ | ||
+ | position:relative; | ||
- | + | width: 400px; | |
+ | |||
+ | left:-200px; | ||
+ | top:-200px; | ||
+ | |||
+ | opacity:1; | ||
+ | background:#F8F8F8; | ||
+ | border: 5px solid #DFDFDF; | ||
+ | color: #000000; | ||
+ | font-size: 13px; | ||
+ | letter-spacing: 1px; | ||
+ | line-height: 20px; | ||
- | + | text-align: left; | |
- | + | ||
- | + | ||
+ | box-shadow: 10px 10px 5px #888888; | ||
+ | display:none; | ||
+ | } | ||
- | + | .bact{ | |
+ | height:75px; | ||
+ | width:75px; | ||
+ | |||
+ | position:absolute; | ||
+ | opacity:1; | ||
+ | cursor: pointer; | ||
+ | text-align:center; | ||
+ | font-size:15px; | ||
- | + | ||
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #santi{ | |
- | + | left:50%; | |
- | + | top:30%; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #fran{ | |
+ | left:30%; | ||
+ | top:30%; | ||
+ | } | ||
- | + | #ine{ | |
+ | left:10%; | ||
+ | top:40%; | ||
+ | } | ||
+ | #fedeb{ | ||
+ | left:10%; | ||
+ | top:70%; | ||
+ | |||
+ | } | ||
+ | #fedev{ | ||
+ | left:30%; | ||
+ | top:10%; | ||
+ | } | ||
- | == ''' | + | #sebam{ |
+ | left:50%; | ||
+ | top:60%; | ||
+ | |||
+ | } | ||
+ | #sebag{ | ||
+ | left:75%; | ||
+ | top:80%; | ||
+ | } | ||
+ | #lucho{ | ||
+ | left:70%; | ||
+ | top:20%; | ||
+ | } | ||
+ | #lucas{ | ||
+ | left:75%; | ||
+ | top:50%; | ||
+ | |||
+ | } | ||
+ | |||
+ | #ali{ | ||
+ | left:80%; | ||
+ | top:30%; | ||
+ | } | ||
+ | #nico{ | ||
+ | left:10%; | ||
+ | top:15%; | ||
+ | |||
+ | } | ||
+ | #manu{ | ||
+ | top:50%; | ||
+ | left:30%; | ||
+ | |||
+ | } | ||
+ | #ale{ | ||
+ | top:40%; | ||
+ | left:90%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | $(".bact").hover(function(){ | ||
+ | var bactId = $(this).attr('id'); | ||
+ | var namePrev = bactId + "Prev"; | ||
+ | var element = document.getElementById(namePrev); | ||
+ | |||
+ | |||
+ | element.style.display="block"; | ||
+ | $(".bact").css("opacity", "0.2"); | ||
+ | $(this).css("opacity","1"); | ||
+ | |||
+ | |||
+ | }, function(){ | ||
+ | var bactId = $(this).attr('id'); | ||
+ | var namePrev = bactId + "Prev"; | ||
+ | var element = document.getElementById(namePrev); | ||
+ | $(".bact").css("opacity", "0.8"); | ||
+ | |||
+ | element.style.display="none"; | ||
+ | |||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | <div id="Contenido"> | ||
+ | <div id="marcoTeam"> | ||
+ | <!--Santi--> | ||
+ | <div id="santi" class="bact"> <img src="https://static.igem.org/mediawiki/2013/a/a2/BsAs2013-team-bact2.png"> Santi | ||
+ | <div id="santiPrev" class="descripcion"><p><img src="https://static.igem.org/mediawiki/2013/6/6e/BsAs2013-team-santi.jpg" align="middle"></p> I love science since I was a child. Although I always knew that I was going to study natural science, I wasn´t so sure about the election of my carreer. Fortunately at the end of the high school the answer came to me. I participated in the biology olympiads and then I realised that I would be happy studying biology. | ||
+ | I've decided to participate in IGEM because it's a great way of learning new things. It's great because you learn in group: with the other guys and from the other guys. | ||
+ | But science is not my only one love, i must confess that I have a romance with music. I've been singing in choirs since I was very young and I hope to do it for the rest of my life. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--Fran--> | ||
+ | |||
+ | <div id="fran" class="bact"> <img src="https://static.igem.org/mediawiki/2013/6/64/BsAs2013-team-bact1.png"> Fran | ||
+ | <div id="franPrev" class="descripcion"> <p><img src="https://static.igem.org/mediawiki/2013/3/3a/BsAs2013-team-fran.jpg" align="middle"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!--Ine--> | ||
+ | <div id="ine" class="bact"><img src="https://static.igem.org/mediawiki/2013/1/14/BsAs2013-team-bact4.png"> Ine | ||
+ | </div> | ||
+ | |||
+ | <!--Fede B--> | ||
+ | <div id="fedeb" class="bact"><img src="https://static.igem.org/mediawiki/2013/5/54/BsAs2013-team-bact3.png"> Fede B</div> | ||
+ | |||
+ | <!--Fede V--> | ||
+ | <div id="fedev" class="bact"><img src="https://static.igem.org/mediawiki/2013/1/14/BsAs2013-team-bact4.png"> Fede V</div> | ||
+ | |||
+ | <!--SebaM--> | ||
+ | <div id="sebam" class="bact"><img src="https://static.igem.org/mediawiki/2013/6/64/BsAs2013-team-bact1.png"> Seba M</div> | ||
+ | |||
+ | <!--SebaG--> | ||
+ | <div id="sebag" class="bact"><img src="https://static.igem.org/mediawiki/2013/a/a2/BsAs2013-team-bact2.png"> Seba G</div> | ||
+ | |||
+ | <!--Lucho--> | ||
+ | <div id="lucho" class="bact"><img src="https://static.igem.org/mediawiki/2013/1/14/BsAs2013-team-bact4.png"> Lucho</div> | ||
+ | |||
+ | <!--Lucas--> | ||
+ | <div id="lucas" class="bact"><img src="https://static.igem.org/mediawiki/2013/a/a2/BsAs2013-team-bact2.png"> Lucas</div> | ||
+ | |||
+ | <!--Ali--> | ||
+ | <div id="ali" class="bact"><img src="https://static.igem.org/mediawiki/2013/5/54/BsAs2013-team-bact3.png"> Ali</div> | ||
+ | |||
+ | <!--Nico--> | ||
+ | <div id="nico" class="bact"><img src="https://static.igem.org/mediawiki/2013/6/64/BsAs2013-team-bact1.png"> Nico</div> | ||
+ | |||
+ | <!--Manu--> | ||
+ | <div id="manu" class="bact"><img src="https://static.igem.org/mediawiki/2013/1/14/BsAs2013-team-bact4.png"> Manu</div> | ||
+ | |||
+ | <!--Ale--> | ||
+ | <div id="ale" class="bact"><img src="https://static.igem.org/mediawiki/2013/1/14/BsAs2013-team-bact4.png"> Ale</div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </html> |
Latest revision as of 00:59, 23 April 2013
Buenos AiresiGem
Objectives
The project will focus on the development of a specific water biosensor , but with a modular and scalable approach. Thereby you could easily afford multiple measurements with the very same device.
The device will be designed in a way that its collected data will be easily accessible via a web interface, and later it could be transferred to the relevant agencies upon request.
At the end of this project we expect to have a prototype of measuring device and a diagram of a system for the distribution, collection and centralization of data.
The project will aim on the measurement of a primary pollutant: arsenic . However, its modular and scalable design provides an easy way to incorporate various contaminants already identified, such as nitrate / nitrite, lead and hydrocarbons.
With the data collected is expected that any user with minimal training (using an image-based Instruction given) could easily and quickly determine the presence and level of the contaminant on his water. Also with the systematic use of this tool by the enforcement authorities, specific public policies could be implemented based on current and reliable information.
Motivation
Limited access to clean water is a deep problem and tends to worsen with time. The pollution that converts water in non-drinkable can vary from just a single toxic (eg arsenic) to a highly complex mixture of types of substances such as those found in various river basins (eg Sali-Dulce, Matanza-Riachuelo among others).
Depending on the type of contamination (complexity and abundance), making the water to be drinkable could be easy and inexpensive. Even if it weren't possible to make it drinkable, information on pollutant levels could be easily used to modify consumption patterns and seek alternative sources of water.
At present, the spatial and temporal quantification of contaminants is limited by the difficulty in processing the samples and associated costs. Moreover, the lack of centralization and systematization of data does the task of obtain them by decision makers, stakeholders and the general public, very difficult.