Team:Buenos Aires

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
(prueba)
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 *** -->
+
<!DOCTYPE html>
-
 
+
<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://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 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>
-
{|align="justify"
 
-
|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:Buenos_Aires_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:Buenos_Aires_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:Buenos_Aires | Team Buenos_Aires]]
 
-
|}
 
-
<!--- The Mission, Experiments --->
+
body{
 +
margin-left: auto;
 +
margin-right:auto;
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
width:830px;
-
!align="center"|[[Team:Buenos_Aires|Home]]
+
height: 1000px;
-
!align="center"|[[Team:Buenos_Aires/Team|Team]]
+
    color: #000000;
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Buenos_Aires Official Team Profile]
+
    font-size: 14px;
-
!align="center"|[[Team:Buenos_Aires/Project|Project]]
+
    letter-spacing: 1px;
-
!align="center"|[[Team:Buenos_Aires/Parts|Parts Submitted to the Registry]]
+
    line-height: 30px;
-
!align="center"|[[Team:Buenos_Aires/Modeling|Modeling]]
+
 
-
!align="center"|[[Team:Buenos_Aires/Notebook|Notebook]]
+
    text-align: left;
-
!align="center"|[[Team:Buenos_Aires/Safety|Safety]]
+
-
!align="center"|[[Team:Buenos_Aires/Attributions|Attributions]]
+
background:url("http://s3.postimg.org/ou7ozf5kz/background.png");
-
|}
+
background-repeat:no-repeat;
 +
background-position:50% 50%;
 +
background-size: 100% 100%;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
span{
 +
 
 +
width: 480px;
 +
height: 350px;
 +
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;
 +
 
 +
 
 +
  opacity:0;
 +
 
 +
 +
    display:block;
 +
    padding:0 20px;
 +
 
 +
 
 +
 
 +
}
 +
 
 +
 
 +
 
 +
ul {
 +
 
 +
width: 770px;
 +
height: 100px;
 +
 
 +
margin-left: auto;
 +
margin-right: auto;
 +
 
 +
position:relative;
 +
 
 +
display:block;
 +
overflow:hidden;
 +
}
 +
 
 +
ul li{
 +
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{
 +
 
 +
  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;
 +
opacity:1;
 +
 
 +
 
 +
 
 +
 
 +
 
 +
}
 +
 
 +
 
 +
@-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:link, a: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:hover,a: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>
 +
 
 +
 
 +
 
 +
 
 +
<body>
 +
 
 +
 
 +
<ul id="contenedor">
 +
<li id="proj"> <a href="#Project">Project</a></li>
 +
<li id="team"> <a href="#Team">Team</a></li>
 +
</ul>
 +
 
 +
 
 +
<span id="teamPrev">
 +
            Fotitos de los pibes
 +
      </span>
 +
<span id="projPrev">
 +
        <p>  El proyecto se basa en el biosensado cuantitativo de contaminantes en aguas.  </p>
 +
 
 +
  <p> La contaminación con arsénico es una problemática a nivel mundial, y en particular
 +
en la Argentina.  </p>
 +
 
 +
 
 +
<p>Los controles existentes son aislados y requieren de conocimientos técnicos y de un equipamiento
 +
costoso para el usuario medio. Frente a esto es que surge la idea de brindarle a la población una forma
 +
simple, elegante y económica de realizar sus propias pruebas de agua.</p>
 +
 
 +
 +
      </span>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</body>
 +
</html>

Revision as of 03:19, 22 April 2013

<!DOCTYPE html>

Fotitos de los pibes

El proyecto se basa en el biosensado cuantitativo de contaminantes en aguas.

La contaminación con arsénico es una problemática a nivel mundial, y en particular en la Argentina.

Los controles existentes son aislados y requieren de conocimientos técnicos y de un equipamiento costoso para el usuario medio. Frente a esto es que surge la idea de brindarle a la población una forma simple, elegante y económica de realizar sus propias pruebas de agua.

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