Team:Buenos Aires/Project

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
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 *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
-
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://2008.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 all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
 
 +
<link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/katamotzikasi" rel="stylesheet" type="text/css"/>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/phennig" rel="stylesheet" type="text/css"/>
-
!align="center"|[[Team:Buenos_Aires|Home]]
+
-
!align="center"|[[Team:Buenos_Aires/Team|Team]]
+
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Buenos_Aires Official Team Profile]
+
-
!align="center"|[[Team:Buenos_Aires/Project|Project]]
+
-
!align="center"|[[Team:Buenos_Aires/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Buenos_Aires/Modeling|Modeling]]
+
-
!align="center"|[[Team:Buenos_Aires/Notebook|Notebook]]
+
-
!align="center"|[[Team:Buenos_Aires/Safety|Safety]]
+
-
!align="center"|[[Team:Buenos_Aires/Attributions|Attributions]]
+
-
|}
+
 +
<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:600px;
 +
 +
    color: #000000;
 +
    font-size: 14px;
 +
    letter-spacing: 1px;
 +
    line-height: 30px;
-
== '''Overall project''' ==
+
    text-align: left;
-
Tell us more about your project.  Give us background. Use this is the abstract of your project. Be descriptive but concise (1-2 paragraphs)
+
 +
background:url("http://s17.postimg.org/bp7obatz3/background.png");
 +
background-repeat:no-repeat;
 +
background-position:50% 50%;
 +
background-size: 100% 100%;
 +
}
 +
#Texto{
 +
width: 60%;
 +
height:80%;
 +
text-align:left;
 +
position:relative;
 +
display: block;
 +
margin-left: auto;
 +
margin-right:auto;
 +
border: 5px solid #DFDFDF;
 +
background:#EBD9E5;
 +
letter-spacing: 1px;
 +
text-indent:50px;
 +
opacity:0.8;
 +
box-shadow: 10px 10px 5px #888888;
 +
 +
font-size:14px;
 +
overflow:scroll;
 +
}
 +
#TextoTitulo{
 +
text-indent:0px;
 +
font-family:'KatamotzIkasi';
-
== Project Details==
+
font-size:40px;
 +
}
 +
span{
 +
width: 75%;
-
=== Part 2 ===
+
margin-left: 10%;
 +
margin-right:10%;
 +
 +
    background:#F8F8F8;
 +
    border: 5px solid #DFDFDF;
 +
    color: #000000;
 +
    font-size: 13px;
 +
    letter-spacing: 1px;
 +
    line-height: 30px;
 +
    text-align: left;
 +
    position:absolute;
-
=== The Experiments ===
+
  opacity:0;
 +
 
 +
 +
    display:block;
 +
    padding:0 20px;
 +
z-index:2;
 +
}
-
=== Part 3 ===
 
 +
ul.menu {
 +
width: 770px;
 +
height: 100px;
-
== Results ==
+
margin-left: auto;
 +
margin-right: auto;
 +
 
 +
position:relative;
 +
 
 +
display:block;
 +
overflow:hidden;
 +
}
 +
 
 +
ul.menu li.item{
 +
display:table;
 +
width: 100px;
 +
height: 99px;
 +
float:left;
 +
 
 +
 
 +
padding: 0 120px;
 +
overflow:hidden;
 +
 
 +
/*Rota el li, funciona para Moz y Chrome, NO TOCAR*/
 +
 
 +
 
 +
background:transparent url("http://s16.postimg.org/dt3lc44f5/plasmido.png") no-repeat center center;
 +
    /* -webkit-mask-image: url("plasmido.png");*/
 +
      -webkit-mask-size: 62px 62px;
 +
      -webkit-animation-name: rotate;
 +
    -webkit-animation-duration: 15s;
 +
    -webkit-animation-iteration-count: infinite;
 +
    -webkit-animation-timing-function: linear;
 +
  -moz-animation-name: rotate;
 +
  -moz-animation-duration:15s;
 +
  -moz-animation-iteration-count:infinite;
 +
  -moz-animation-timing-function:linear;
 +
opacity:0.8;
 +
 +
}
 +
 
 +
 
 +
 
 +
a.boton{
 +
 
 +
  display:table-cell;
 +
  width:100px;
 +
height: 35px;
 +
    cursor:pointer;
 +
text-align:center;
 +
/*text-transform: uppercase;*/
 +
font-size: 25px;
 +
vertical-align:middle;
 +
 
 +
 +
overflow:hidden;
 +
position:relative;
 +
 
 +
/*Rota la parte de adentro del boton para la izquierda, así
 +
parece que está fijo (porque está rotando el li */
 +
      -webkit-animation-name: invrotate;
 +
    -webkit-animation-duration: 15s;
 +
    -webkit-animation-iteration-count: infinite;
 +
    -webkit-animation-timing-function: linear;
 +
  -moz-animation-name: invrotate;
 +
  -moz-animation-duration:15s;
 +
  -moz-animation-iteration-count:infinite;
 +
  -moz-animation-timing-function:linear;
 +
 
 +
 
 +
}
 +
 
 +
 
 +
@-webkit-keyframes rotate {
 +
      from {-webkit-transform:rotate(0deg);}
 +
      to {-webkit-transform:rotate(360deg);}
 +
    }
 +
   
 +
@-moz-keyframes rotate {
 +
  from {-moz-transform:rotate(0deg);}
 +
  to {  -moz-transform:rotate(360deg);}
 +
}
 +
 
 +
@-webkit-keyframes invrotate {
 +
      from {-webkit-transform:rotate(0deg);}
 +
      to {-webkit-transform:rotate(-360deg);}
 +
    }
 +
   
 +
@-moz-keyframes invrotate {
 +
  from {-moz-transform:rotate(0deg);}
 +
  to {  -moz-transform:rotate(-360deg);}
 +
}
 +
 
 +
a.boton:link, a.boton:visited
 +
/*Editar acá si quiero cambiar el formato de los botones*/
 +
{
 +
 
 +
 
 +
 
 +
display:table-cell;
 +
color:#000000;
 +
text-decoration:none;
 +
opacity:1;
 +
font-family:'KatamotzIkasi';
 +
 
 +
  font-weight: bold;
 +
  font-style: normal;
 +
 
 +
 
 +
 
 +
}
 +
 
 +
a.boton:hover,a.boton:active
 +
{
 +
opacity:0.3;
 +
 
 +
}
 +
 
 +
 
 +
#projPrev{
 +
opacity:0;
 +
filter:alpha(opacity=0);
 +
}
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
 +
<script>
 +
$(document).ready(function(){
 +
  $("li").hover(function(){
 +
var liId = $(this).attr('id');
 +
var namePrev = liId + "Prev";
 +
var element = document.getElementById(namePrev);
 +
 
 +
element.style.opacity="0.9"
 +
 
 +
 
 +
  }, function(){
 +
var liId = $(this).attr('id');
 +
var namePrev = liId + "Prev";
 +
var element = document.getElementById(namePrev);
 +
element.style.opacity="0.0"
 +
});
 +
});
 +
</script>   
 +
 
 +
 
 +
 
 +
</head>
 +
 
 +
 
 +
 
 +
 
 +
<div id="Contenido">
 +
 
 +
 
 +
<ul id="menu" class="menu">
 +
<li class="item" id="proj"> <a class="boton" href="#Project">Project</a></li>
 +
<li class="item" id="team"> <a class="boton" href="#Team">Team</a></li>
 +
</ul>
 +
 
 +
 
 +
<span id="teamPrev">
 +
            Fotitos de los pibes
 +
      </span>
 +
 
 +
 
 +
<div id="Texto"><H1 id="TextoTitulo" align="center"> Proyecto </H1> <p>El acceso limitado al agua potable es un problema profundo y que tiende a agravarse con los años. La contaminación que convierte el agua en no-potable, puede variar desde un único tóxico principal (ej: arsénico) hasta una mezcla enormemente compleja de tipos y abundancia de sustancias como las presentes en diversas cuencas hidrográficas (ej: Salí-Dulce, Matanza-Riachuelo entre otras).</p>
 +
 
 +
<p>Dependiendo el tipo de contaminación (complejidad y abundancia) el agua podría ser potabilizada de forma sencilla y a bajo costo. Aun si no fuera posible su potabilización, la información sobre los niveles de contaminantes podrían utilizarse fácilmente para modificar pautas de consumo y buscar fuentes alternativas de agua. </p>
 +
 
 +
<p>En la actualidad, la cuantificación espacial y temporal de los contaminantes está limitada por la dificultad en el procesamiento de las muestras y los costos asociados (de insumos, personal capacitado y movilidad). Mas aun, en diversos esfuerzos para relevarlos, la falta de centralización y sistematización de los datos hace que sean poco accesibles por los tomadores de decisiones, los interesados directos y el público en general. </p>
 +
<p>El proyecto se centrará en el desarrollo de un biosensor específico, pero con un enfoque modular y escalable de manera de poder escalar fácilmente a una batería de mediciones con el mismo dispositivo. La recolección y centralización de datos se diseñará de forma tal de que sea fácilmente accesible vía una interfaz web y que pueda ser transferida a los organismos pertinentes que la soliciten. </p>
 +
<p>Al final del presente proyecto, se espera tener un prototipo del dispositivo de medición así como el diagrama de un sistema para la distribución, recolección, mapeo y centralización de los datos. </p>
 +
 
 +
<p>El proyecto prevé una prueba con muestras de campo en sitios piloto que permita evaluar la factibilidad de realizar, mediante este producto, un relevamiento masivo y persistente en el tiempo del estado de cada contaminante.  </p>
 +
 
 +
<p>El proyecto se centrará en la medición de un contaminante principal: arsénico. Sin embargo, se diseñara de forma modular y escalable de manera de que con solo intercambiar el dispositivo específico, el resto del sistema sea idéntico, lo que permitirá incorporar fácilmente varios contaminantes ya identificados (nitratos/nitritos, plomo e hidrocarburos). Con los datos a recopilar se espera que cualquier usuario final con una capacitación mínima ( Instructivo basado en imágenes ) pueda determinar fácil y rápidamente la presencia y nivel del contaminante en su agua de consumo. Asimismo el uso sistemático de esta herramienta por parte de autoridades de aplicación en materia de calidad de agua podrán implementar políticas públicas específicas en base a información actualizada y confiable. </p> </div>
 +
 
 +
 
 +
</div>
 +
</html>

Revision as of 14:05, 22 April 2013

Fotitos de los pibes

Proyecto

El acceso limitado al agua potable es un problema profundo y que tiende a agravarse con los años. La contaminación que convierte el agua en no-potable, puede variar desde un único tóxico principal (ej: arsénico) hasta una mezcla enormemente compleja de tipos y abundancia de sustancias como las presentes en diversas cuencas hidrográficas (ej: Salí-Dulce, Matanza-Riachuelo entre otras).

Dependiendo el tipo de contaminación (complejidad y abundancia) el agua podría ser potabilizada de forma sencilla y a bajo costo. Aun si no fuera posible su potabilización, la información sobre los niveles de contaminantes podrían utilizarse fácilmente para modificar pautas de consumo y buscar fuentes alternativas de agua.

En la actualidad, la cuantificación espacial y temporal de los contaminantes está limitada por la dificultad en el procesamiento de las muestras y los costos asociados (de insumos, personal capacitado y movilidad). Mas aun, en diversos esfuerzos para relevarlos, la falta de centralización y sistematización de los datos hace que sean poco accesibles por los tomadores de decisiones, los interesados directos y el público en general.

El proyecto se centrará en el desarrollo de un biosensor específico, pero con un enfoque modular y escalable de manera de poder escalar fácilmente a una batería de mediciones con el mismo dispositivo. La recolección y centralización de datos se diseñará de forma tal de que sea fácilmente accesible vía una interfaz web y que pueda ser transferida a los organismos pertinentes que la soliciten.

Al final del presente proyecto, se espera tener un prototipo del dispositivo de medición así como el diagrama de un sistema para la distribución, recolección, mapeo y centralización de los datos.

El proyecto prevé una prueba con muestras de campo en sitios piloto que permita evaluar la factibilidad de realizar, mediante este producto, un relevamiento masivo y persistente en el tiempo del estado de cada contaminante.

El proyecto se centrará en la medición de un contaminante principal: arsénico. Sin embargo, se diseñara de forma modular y escalable de manera de que con solo intercambiar el dispositivo específico, el resto del sistema sea idéntico, lo que permitirá incorporar fácilmente varios contaminantes ya identificados (nitratos/nitritos, plomo e hidrocarburos). Con los datos a recopilar se espera que cualquier usuario final con una capacitación mínima ( Instructivo basado en imágenes ) pueda determinar fácil y rápidamente la presencia y nivel del contaminante en su agua de consumo. Asimismo el uso sistemático de esta herramienta por parte de autoridades de aplicación en materia de calidad de agua podrán implementar políticas públicas específicas en base a información actualizada y confiable.

Retrieved from "http://2013.igem.org/Team:Buenos_Aires/Project"