Team:Buenos Aires

From 2012.igem.org

(Difference between revisions)
(→Welcome to Buenos Aires 2012 iGEM Wiki!)
 
(48 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:Buenos_Aires/Templates/menu}}
-
    <head>
+
-
        <title>UI Elements: Large Drop Down Menu</title>
+
-
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+
-
        <meta name="description" content="UI Elements: Large Drop Down Menu" />
+
-
        <meta name="keywords" content="jquery, drop down, menu, navigation, large, mega "/>
+
-
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
+
-
        <style>
+
-
            *{
+
-
                padding:0;
+
-
                margin:0;
+
-
            }
+
-
body{
+
-
                background:#f0f0f0;
+
-
                font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
+
-
overflow-x:hidden;
+
-
            }
+
= Welcome to Buenos Aires 2012 iGEM Wiki! =
-
            h1{
+
-
                font-size:18px;
+
-
                line-height:18px;
+
-
                text-transform: uppercase;
+
-
                color:#f9f9f9;
+
-
                position:absolute;
+
-
                text-shadow:0 1px 1px #ddd;
+
-
                top:-25px;
+
-
                left:-20px;
+
-
                white-space: nowrap;
+
-
            }
+
-
            span.reference{
+
-
                position:fixed;
+
-
                left:10px;
+
-
                bottom:10px;
+
-
                font-size:11px;
+
-
            }
+
-
            span.reference a{
+
-
                color:#DF7B61;
+
-
                text-decoration:none;
+
-
                text-transform: uppercase;
+
-
                text-shadow:0 1px 0 #fff;
+
-
            }
+
-
            span.reference a:hover{
+
-
                color:#000;
+
-
            }
+
-
            .box{
+
-
                margin-top:129px;
+
-
                height:460px;
+
-
width:100%;
+
-
                position:relative;
+
-
                background:#fff url(click.png) no-repeat 380px 180px;
+
-
-moz-box-shadow:0px 0px 10px #aaa;
+
-
-webkit-box-shadow:0px 0px 10px #aaa;
+
-
-box-shadow:0px 0px 10px #aaa;
+
-
            }
+
-
            .box h2{
+
-
color:#f0f0f0;
+
-
padding:10px 10px;
+
-
text-shadow:1px 1px 1px #ccc;
+
-
            }
+
 +
{|
 +
|
 +
'''What are you looking for?'''
-
ul.ldd_menu{
+
* Check the [[Team:Buenos_Aires/DataPage | Data page]]
-
margin:0px;
+
-
padding:0;
+
-
display:block;
+
-
height:50px;
+
-
background-color:#D04528;
+
-
list-style:none;
+
-
font-family:"Trebuchet MS", sans-serif;
+
-
border-top:1px solid #EF593B;
+
-
border-bottom:1px solid #EF593B;
+
-
border-left:10px solid #D04528;
+
-
-moz-box-shadow:0px 3px 4px #591E12;
+
-
-webkit-box-shadow:0px 3px 4px #591E12;
+
-
-box-shadow:0px 3px 4px #591E12;
+
-
}
+
-
ul.ldd_menu a{
+
-
text-decoration:none;
+
-
}
+
-
ul.ldd_menu > li{
+
-
float:left;
+
-
position:relative;
+
-
}
+
-
ul.ldd_menu > li > span{
+
-
float:left;
+
-
color:#fff;
+
-
background-color:#D04528;
+
-
height:50px;
+
-
line-height:50px;
+
-
cursor:default;
+
-
padding:0px 20px;
+
-
text-shadow:0px 0px 1px #fff;
+
-
border-right:1px solid #DF7B61;
+
-
border-left:1px solid #C44D37;
+
-
}
+
-
ul.ldd_menu .ldd_submenu{
+
-
position:absolute;
+
-
top:50px;
+
-
width:550px;
+
-
display:none;
+
-
opacity:0.95;
+
-
left:0px;
+
-
font-size:10px;
+
-
background: #C34328;
+
-
border-top:1px solid #EF593B;
+
-
-moz-box-shadow:0px 3px 4px #591E12 inset;
+
-
-webkit-box-shadow:0px 3px 4px #591E12 inset;
+
-
-box-shadow:0px 3px 4px #591E12 inset;
+
-
}
+
-
a.ldd_subfoot{
+
-
background-color:#f0f0f0;
+
-
color:#444;
+
-
display:block;
+
-
clear:both;
+
-
padding:15px 20px;
+
-
text-transform:uppercase;
+
-
font-family: Arial, serif;
+
-
font-size:12px;
+
-
text-shadow:0px 0px 1px #fff;
+
-
-moz-box-shadow:0px 0px 2px #777 inset;
+
-
-webkit-box-shadow:0px 0px 2px #777 inset;
+
-
-box-shadow:0px 0px 2px #777 inset;
+
-
}
+
-
ul.ldd_menu ul{
+
-
list-style:none;
+
-
float:left;
+
-
border-left:1px solid #DF7B61;
+
-
margin:20px 0px 10px 30px;
+
-
padding:10px;
+
-
}
+
-
li.ldd_heading{
+
-
font-family: Georgia, serif;
+
-
font-size: 13px;
+
-
font-style: italic;
+
-
color:#FFB39F;
+
-
text-shadow:0px 0px 1px #B03E23;
+
-
padding:0px 0px 10px 0px;
+
-
}
+
-
ul.ldd_menu ul li a{
+
-
font-family: Arial, serif;
+
-
font-size:10px;
+
-
line-height:20px;
+
-
color:#fff;
+
-
padding:1px 3px;
+
-
}
+
-
ul.ldd_menu ul li a:hover{
+
-
-moz-box-shadow:0px 0px 2px #333;
+
-
-webkit-box-shadow:0px 0px 2px #333;
+
-
box-shadow:0px 0px 2px #333;
+
-
background:#AF412B;
+
-
}
+
-
        </style>
+
* Check the [[Team:Buenos_Aires/Safety|safety questions]] and [[ Team:Buenos_Aires/Attributions | attributions]].
-
    </head>
+
-
    <body>
+
-
ble
+
-
<ul id="ldd_menu" class="ldd_menu">
+
-
<li>
+
-
<span>Vacations</span><!-- Increases to 510px in width-->
+
-
<div class="ldd_submenu">
+
-
<ul>
+
-
<li class="ldd_heading">By Location</li>
+
-
<li><a href="#">South America</a></li>
+
-
<li><a href="#">Antartica</a></li>
+
-
<li><a href="#">Africa</a></li>
+
-
<li><a href="#">Asia and Australia</a></li>
+
-
<li><a href="#">Europe</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="ldd_heading">By Category</li>
+
-
<li><a href="#">Sun &amp; Beach</a></li>
+
-
<li><a href="#">Adventure</a></li>
+
-
<li><a href="#">Science &amp; Education</a></li>
+
-
<li><a href="#">Extreme Sports</a></li>
+
-
<li><a href="#">Relaxing</a></li>
+
-
<li><a href="#">Spa and Wellness</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="ldd_heading">By Theme</li>
+
-
<li><a href="#">Paradise Islands</a></li>
+
-
<li><a href="#">Cruises &amp; Boat Trips</a></li>
+
-
<li><a href="#">Wild Animals &amp; Safaris</a></li>
+
-
<li><a href="#">Nature Pure</a></li>
+
-
<li><a href="#">Helping others &amp; For Hope</a></li>
+
-
<li><a href="#">Diving</a></li>
+
-
</ul>
+
-
<a class="ldd_subfoot" href="#"> + New Deals</a>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<span>Equipment</span>
+
-
<div class="ldd_submenu">
+
-
<ul>
+
-
<li class="ldd_heading">By Location</li>
+
-
<li><a href="#">South America</a></li>
+
-
<li><a href="#">Antartica</a></li>
+
-
<li><a href="#">Africa</a></li>
+
-
<li><a href="#">Asia and Australia</a></li>
+
-
<li><a href="#">Europe</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="ldd_heading">By Category</li>
+
-
<li><a href="#">Sun &amp; Beach</a></li>
+
-
<li><a href="#">Adventure</a></li>
+
-
<li><a href="#">Science &amp; Education</a></li>
+
-
<li><a href="#">Extreme Sports</a></li>
+
-
<li><a href="#">Relaxing</a></li>
+
-
<li><a href="#">Spa and Wellness</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="ldd_heading">By Theme</li>
+
-
<li><a href="#">Paradise Islands</a></li>
+
-
<li><a href="#">Cruises &amp; Boat Trips</a></li>
+
-
<li><a href="#">Wild Animals &amp; Safaris</a></li>
+
-
<li><a href="#">Nature Pure</a></li>
+
-
<li><a href="#">Helping others &amp; For Hope</a></li>
+
-
<li><a href="#">Diving</a></li>
+
-
</ul>
+
-
<a class="ldd_subfoot" href="#"> + New Deals</a>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<span>Locations</span>
+
-
<div class="ldd_submenu">
+
-
<ul>
+
-
<li class="ldd_heading">By Location</li>
+
-
<li><a href="#">South America</a></li>
+
-
<li><a href="#">Antartica</a></li>
+
-
<li><a href="#">Africa</a></li>
+
-
<li><a href="#">Asia and Australia</a></li>
+
-
<li><a href="#">Europe</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="ldd_heading">By Category</li>
+
-
<li><a href="#">Sun &amp; Beach</a></li>
+
-
<li><a href="#">Adventure</a></li>
+
-
<li><a href="#">Science &amp; Education</a></li>
+
-
<li><a href="#">Extreme Sports</a></li>
+
-
<li><a href="#">Relaxing</a></li>
+
-
<li><a href="#">Spa and Wellness</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="ldd_heading">By Theme</li>
+
-
<li><a href="#">Paradise Islands</a></li>
+
-
<li><a href="#">Cruises &amp; Boat Trips</a></li>
+
-
<li><a href="#">Wild Animals &amp; Safaris</a></li>
+
-
<li><a href="#">Nature Pure</a></li>
+
-
<li><a href="#">Helping others &amp; For Hope</a></li>
+
-
<li><a href="#">Diving</a></li>
+
-
</ul>
+
-
<a class="ldd_subfoot" href="#"> + New Deals</a>
+
-
</div>
+
-
</li>
+
-
</ul>
+
-
+
-
        <div>
+
* Meet [[Team:Buenos_Aires/Team/Members | the team]]. You can also read a little about [[Team:Buenos_Aires/Team/BsAs | where we come from]].
-
            <span class="reference">
+
 
-
                <a href="http://tympanus.net/codrops/2010/07/14/ui-elements-search-box/">© Codrops - back to post</a>
+
* Learn about [[Team:Buenos_Aires/Project | our project]] (and don't forget to check [[Team:Buenos_Aires/Project/Schemes | all the schemes]]  we thought to solve the problem).
-
            </span>
+
 
-
        </div>
+
* Don't miss our yeast [[Team:Buenos_Aires/Results/Strains| strains characterization]], and the [[Team:Buenos_Aires/Results/Bb1 |main biobricks and devices ]] we designed and added to the registry. You can also find information about our ''planB'' [[Team:Buenos_Aires/Results/Bb2 | backup biobrick]] ''(aka. thank-you-customs biobrick)'' .
-
<!-- The JavaScript -->
+
 
-
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+
* Take a look at our [[Team:Buenos_Aires/Project/Model | mathematical model]] of a synthetic ecology. And if you dare, take a look at the [[Team:Buenos_Aires/Project/ModelAdvance | advanced model]].
-
        <script type="text/javascript">
+
 
-
            $(function() {
+
* What we did outside the lab ''(aka. human practices)'' to [[Team:Buenos_Aires/HP/GarageLab | teach what synBio is about]], [[Team:Buenos_Aires/HP/GarageLab | start solving local problems ]] and [[ Team:Buenos_Aires/HP/EMBO | seed SynBio in Latin America]].
-
/**
+
 
-
* the menu
+
* Watch an [http://youtu.be/bkczB60RziU online presentation] of our team and our project.
-
*/
+
 
-
var $menu = $('#ldd_menu');
+
* If you understand spanish, you can also check our [http://www.youtube.com/watch?v=oEMXc6cmmgo presentation video].
-
+
 
-
/**
+
 
-
* for each list element,
+
|
-
* we show the submenu when hovering and
+
{| style="width: 100%"
-
* expand the span element (title) to 510px
+
| align="center" | [[File:Bsas2012-The Team.png‎|400px]]
-
*/
+
|}
-
$menu.children('li').each(function(){
+
 
-
var $this = $(this);
+
|}
-
var $span = $this.children('span');
+
 
-
$span.data('width',$span.width());
+
== Impact in the media ==
-
+
 
-
$this.bind('mouseenter',function(){
+
* "[http://www.eldia.com.ar/edis/20121022/alumnos-argentinos-primera-vez-mundial-biologia-informaciongeneral1.htm Alumnos argentinos, por primera vez en un “Mundial” de biología]" Diario el Día, 10/22/12.
-
$menu.find('.ldd_submenu').stop(true,true).hide();
+
 
-
$span.stop().animate({'width':'510px'},300,function(){
+
* "[http://www.diariohoy.net/accion-verNota-id-213948-titulo-Argentinos_clasificaron_para_el_concurso_mundial_de_biolog%C3%ADa_sint%C3%A9tica_ Argentinos clasificaron para el concurso mundial de biología sintética]" Diario Hoy, 10/22/12.
-
$this.find('.ldd_submenu').slideDown(300);
+
 
-
});
+
* "[http://www.aptus.com.ar/noticia/2932-competencia-mundial-de-biologia-sintetica Competencia mundial de Biología Sintética]" Aptus Noticias educativas, 10/21/12.
-
}).bind('mouseleave',function(){
+
 
-
$this.find('.ldd_submenu').stop(true,true).hide();
+
* "[http://www.telam.com.ar/nota/41479/ Argentinos clasificaron para el concurso mundial de biología sintética]" Agencia de noticias TELAM, 10/20/12.
-
$span.stop().animate({'width':$span.data('width')+'px'},300);
+
 
-
});
+
* "[http://www.tvperu.gob.pe/noticias/tecnologia/otros/38160-argentinos-clasificaron-para-el-concurso-mundial-de-biologia-sintetica.html Argentinos clasificaron para el concurso mundial de biología sintética]" TV Perú Noticias , 10/20/12.
-
});
+
 
-
            });
+
* "[http://www.agenciacyta.org.ar/2012/10/debut-y-exito-argentino-en-olimpiadas-de-biologia-sintetica/ Debut y éxito argentino en olimpiadas de biología sintética]" Nota en el portal CyTA. 10/19/12.
-
        </script>
+
 
-
    </body>
+
* "[http://www.tomamateyavivate.com.ar/formacion-y-universidades-argentinas/debut-y-exito-argentino-en-olimpiadas-de-biologia-sintetica/ Debut y éxito argentino en olimpiadas de biología sintética]" Tomamateyavivate, 10/19/12.
-
</html>
+
 
 +
* "[http://www.conicet.gov.ar/?p=2827 Estudiantes argentinos pasan a la etapa final de un certamen mundial]" Nota en la página de noticias del CONICET, 10/19/2012.
 +
 
 +
* "[http://www.pagina12.com.ar/diario/sociedad/3-206038-2012-10-21.html Elegidos del Conicet]" Página 12, 20/10/12.
 +
 
 +
* "[http://blogs.scientificamerican.com/lab-rat/2012/09/09/igem-buenos-aires-synthetic-bacterial-communities/ iGEM Buenos Aires: Synthetic bacterial communities]" Lab Rat blog at scientificamerican.com 9/9/12.

Latest revision as of 03:37, 27 October 2012

Welcome to Buenos Aires 2012 iGEM Wiki!

What are you looking for?

  • Watch an [http://youtu.be/bkczB60RziU online presentation] of our team and our project.
  • If you understand spanish, you can also check our [http://www.youtube.com/watch?v=oEMXc6cmmgo presentation video].


Bsas2012-The Team.png

Impact in the media

  • "[http://www.eldia.com.ar/edis/20121022/alumnos-argentinos-primera-vez-mundial-biologia-informaciongeneral1.htm Alumnos argentinos, por primera vez en un “Mundial” de biología]" Diario el Día, 10/22/12.
  • "[http://www.diariohoy.net/accion-verNota-id-213948-titulo-Argentinos_clasificaron_para_el_concurso_mundial_de_biolog%C3%ADa_sint%C3%A9tica_ Argentinos clasificaron para el concurso mundial de biología sintética]" Diario Hoy, 10/22/12.
  • "[http://www.aptus.com.ar/noticia/2932-competencia-mundial-de-biologia-sintetica Competencia mundial de Biología Sintética]" Aptus Noticias educativas, 10/21/12.
  • "[http://www.telam.com.ar/nota/41479/ Argentinos clasificaron para el concurso mundial de biología sintética]" Agencia de noticias TELAM, 10/20/12.
  • "[http://www.tvperu.gob.pe/noticias/tecnologia/otros/38160-argentinos-clasificaron-para-el-concurso-mundial-de-biologia-sintetica.html Argentinos clasificaron para el concurso mundial de biología sintética]" TV Perú Noticias , 10/20/12.
  • "[http://www.agenciacyta.org.ar/2012/10/debut-y-exito-argentino-en-olimpiadas-de-biologia-sintetica/ Debut y éxito argentino en olimpiadas de biología sintética]" Nota en el portal CyTA. 10/19/12.
  • "[http://www.tomamateyavivate.com.ar/formacion-y-universidades-argentinas/debut-y-exito-argentino-en-olimpiadas-de-biologia-sintetica/ Debut y éxito argentino en olimpiadas de biología sintética]" Tomamateyavivate, 10/19/12.
  • "[http://www.conicet.gov.ar/?p=2827 Estudiantes argentinos pasan a la etapa final de un certamen mundial]" Nota en la página de noticias del CONICET, 10/19/2012.
  • "[http://www.pagina12.com.ar/diario/sociedad/3-206038-2012-10-21.html Elegidos del Conicet]" Página 12, 20/10/12.
  • "[http://blogs.scientificamerican.com/lab-rat/2012/09/09/igem-buenos-aires-synthetic-bacterial-communities/ iGEM Buenos Aires: Synthetic bacterial communities]" Lab Rat blog at scientificamerican.com 9/9/12.
Retrieved from "http://2012.igem.org/Team:Buenos_Aires"