Team:UC Chile/Human Practices

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:UC_Chile/css/prueba.css?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="prueba.css">
-
     <SCRIPT LANGUAGE="JavaScript" SRC="https://2013.igem.org/Team:UC_Chile/js/myJSfile.js?action=raw&ctype=text/js"></SCRIPT>
+
     <SCRIPT LANGUAGE="JavaScript" SRC="myJSfile.js"></SCRIPT>
-
<style type ='text/css'>
+
-
/* Wiki Hacks - START */
+
-
/* Author: Pieter van Boheemen */
+
-
/* Team: TU Delft */
+
-
 
+
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
+
-
#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: auto; height:100%;}
+
-
#bodyContent {background-color:transparent; border: none; padding:0; margin:0; width:100%; height:100%;}
+
-
#top-section {display: block;position:fixed; height:3px; width:100%;z-index:999;}
+
-
#p-logo {display: none;}
+
-
 
+
-
 
+
-
 
+
-
#footer { border: none; width: 100%; margin: 0 auto; padding: 0;}
+
-
 
+
-
 
+
-
/*To hide*/
+
-
#catlinks{display:none;}        /* separator between page content and footer-box */
+
-
.firstHeading{display:none;}    /* page name on top of page*/
+
-
.visualClear{display:none;}    /* empty div above of content*/
+
-
#search-controls {display: block;}
+
-
 
+
-
 
+
-
 
+
-
/*To change*/
+
-
#footer-box {display: block;border: none;}
+
-
#f-list a { font-size: 11px;}
+
-
 
+
-
 
+
-
 
+
-
.printfooter { display: none; }
+
-
#search-controls { display:none; }
+
-
h3#siteSub { display: none;}
+
-
#contentSub {display: none;}
+
-
p:first-child { display: none;}
+
-
 
+
-
/*New styles*/
+
-
 
+
-
.left-menu li:lastchild#menubar{
+
-
color:#ff0000;
+
-
font-size:20px;
+
-
}
+
-
.left-menu#menubar{
+
-
top:140px;
+
-
}
+
-
#igem-logo{
+
-
margin: 5px 0px 0px 30px;
+
-
width:130px;
+
-
height:105px;
+
-
position:fixed;
+
-
top:0px;
+
-
left:0px;
+
-
}
+
-
#menubar li{
+
-
display:block;
+
-
}
+
-
#menubar {
+
-
display:inline-block;
+
-
width:auto;
+
-
position:fixed;
+
-
}
+
-
/* Wiki Hacks - END */
+
-
 
+
-
</style>
+
     <SCRIPT>
     <SCRIPT>
-
    function load(){       
+
   
-
        var container = document.getElementById("container");
+
-
        var divs = document.getElementsByClassName("subcont");
+
-
        for(var i=1;i<divs.length;i++)
+
-
        {
+
-
                divs[i].style.display="none";
+
-
        }
+
-
    }   
+
     </SCRIPT>
     </SCRIPT>
<title> Wiki-IGEM </title>
<title> Wiki-IGEM </title>
<head>
<head>
          
          
-
        </head>
+
    </head>
-
        <a href="https://igem.org/Main_Page"><img id="igem-logo" src="https://static.igem.org/mediawiki/2013/archive/d/de/20130919203514%21IGEM_basic_Logo_stylized.png"></a>
+
<body onLoad="load1()">
-
<body onLoad="load()">                      
+
    <div id="Header"><!--Inicio de Header-->
-
        <div id="first">
+
             <img src="Imagenes/header.png" usemap="#fotoMap" id="foto" border="0">
-
             <img src="https://static.igem.org/mediawiki/2013/d/d5/Titulo.jpg" usemap="#fotoMap" id="foto" border="0">
+
             <map name="fotoMap">
             <map name="fotoMap">
-
              <area shape="rect" coords="61,167,153,213" href="Prueba link.html">
+
                <area shape="rect" coords="61,167,153,213" href="Prueba link.html">
-
              <area shape="rect" coords="34,207,62,243" href="Prueba link.html">
+
                <area shape="rect" coords="34,207,62,243" href="Prueba link.html">
             </map>
             </map>
-
             <ul class="Menu">
+
             <div id="MENU"><!--Inicio de MENU-->
-
                 <li class="aux" onMouseOver="Mostrar('Sub_Menu_Team');destacar(this,2)" onMouseOut="Ocultar('Sub_Menu_Team');destacar(this,0)">Team<a href="Team.html" ></a>
+
                 <img src="Imagenes/circle.png">
-
                    <ul id="Sub_Menu_Team" class="Sub_Menu" >
+
                <div class="new_menu"><!--Inicio de new Menu-->
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                    <div class="h1 hexa" onclick="aux(1)">
-
                    <a href="Team.html">Members</a>
+
                        <div class="rec d"></div>
-
                </li>
+
                        <div class="rec d d2"></div>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                        <div class="rec d d3"></div>
-
                    <a href="Team.html">PSB Lab</a>
+
                        <div class="text">Methodology</div>
-
                </li>
+
                        <ul class="sub oculto">
-
                        <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                            <li class="pos1 sub_item oculto">Protocols<a href="#"></a></li>
-
                            <a href="Team.html">Photo gallery</a>
+
                            <li class="pos2 sub_item oculto">Lab Notebook<a href="#"></a></li>
-
                        </li>
+
                        </ul>
-
              </ul>                                
+
                        </div>
-
              </li>
+
                    <div class="h2 hexa" onclick="aux(2)">
-
                <li class="sep">|</li>
+
                        <div class="rec d"></div>
-
                <li class="aux" onMouseOver="Mostrar_Submenu(this);destacar(this,2)" onMouseOut="Ocultar_Submenu(this);destacar(this,0)">Whateversisome<a href="Prueba link.html"></a>
+
                        <div class="rec d d2"></div>
-
                    <ul class="Sub_Menu" >
+
                        <div class="rec d d3"></div>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                        <div class="text">Modelling</div>
-
                    <a href="Project.html">Project</a>
+
                        <ul class="sub oculto">
-
                </li>
+
                            <li class="pos1 sub_item oculto">Mathematical Model<a href="#"></a></li>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                            <li class="pos2 sub_item oculto">Software<a href="#"></a></li>
-
                    <a href="Project.html">Results</a>
+
                         </ul>
-
                </li>
+
                    </div>
-
                        <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                    <div class="h3 hexa" onclick="aux(3)">
-
                            <a href="Project.html">Modelling</a>
+
                        <div class="rec d"></div>
-
                        </li>
+
                         <div class="rec d d2"></div>
-
                         <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                        <div class="rec d d3"></div>
-
                            <a href="Project.html">Biobricks</a>
+
                        <div class="text">Team</div>
-
                        </li>
+
                        <ul class="sub oculto">
-
                        <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                            <li class="pos1 sub_item oculto">Team Members<a href="#Team Members"></a></li>
-
                            <a href="Project.html">Notebook</a>
+
                            <li class="pos2 sub_item oculto">PSB Lab<a href="#PSB Lab"></a></li>
-
                         </li>
+
                            <li class="pos3 sub_item oculto">Photo gallery<a href="#Photo Gallery"></a></li>
-
            </ul>                                
+
                        </ul>
-
                </li>
+
                    </div>
-
                <li class="sep">|</li>
+
                    <div class="h4 hexa sele" onclick="aux(4)">
-
                <li class="aux" onMouseOver="Mostrar_Submenu(this);destacar(this,2)" onMouseOut="Ocultar_Submenu(this);destacar(this,0)">Side project<a href="Prueba link.html"></a>
+
                        <div class="rec d"></div>
-
                    <ul class="Sub_Menu" >
+
                        <div class="rec d d2"></div>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                        <div class="rec d d3"></div>
-
                    <a href="Side Project.html">Plan B</a>
+
                        <div class="text">Human<br>Practices</div>
-
                </li>
+
                        <ul class="sub ">
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                            <li class="pos1 sub_item ">Home<a href="#"></a></li>                          
-
                    <a href="Side Project.html">Plan C</a>
+
                        </ul>
-
                </li>
+
                    </div>
-
                        <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                    <div class="h5 hexa" onclick="aux(5)">
-
                            <a href="Side Project.html">Plan F</a>
+
                        <div class="rec d"></div>
-
                        </li>
+
                        <div class="rec d d2"></div>
-
            </ul>
+
                        <div class="rec d d3"></div>
-
                </li>
+
                        <div class="text">More</div>
-
                <li class="sep">|</li>
+
                        <ul class="sub oculto">
-
                <li class="aux" onMouseOver="Mostrar_Submenu(this);destacar(this,2)" onMouseOut="Ocultar_Submenu(this);destacar(this,0)">Methodologies<a href="Prueba link.html"></a>
+
                            <li class="pos1 sub_item oculto">Collaborations<a href="#"></a></li>
-
                    <ul class="Sub_Menu" >
+
                            <li class="pos2 sub_item oculto">Judging Criteria<a href="#"></a></li>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                            <li class="pos3 sub_item oculto">Attribution<a href="#"></a></li>
-
                    <a href="Methodologies.html">Protocols</a>
+
                         </ul>
-
                </li>
+
                    </div>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                    <div class="h6 hexa" onclick="aux(6)">
-
                    <a href="Methodologies.html">Software</a>
+
                        <div class="rec d"></div>
-
                </li>
+
                         <div class="rec d d2"></div>
-
            </ul>
+
                        <div class="rec d d3"></div>
-
                </li>
+
                        <div class="text">Project</div>
-
                <li class="sep">|</li>
+
                        <ul class="sub oculto">
-
                <li class="aux" onMouseOver="Mostrar_Submenu(this);destacar(this,2)" onMouseOut="Ocultar_Submenu(this);destacar(this,0)">Human practices<a href="Prueba link.html"></a>
+
                            <li class="pos1 sub_item oculto">Whateversisoma<a href="#"></a></li>
-
                    <ul class="Sub_Menu" >
+
                            <li class="pos2 sub_item oculto">Biobricks<a href="#"></a></li>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                            <li class="pos3 sub_item oculto">Biosafety<a href="#"></a></li>
-
                    <a href="Human practices.html">The Game</a>
+
                            <li class="pos4 sub_item oculto">Side project<a href="#"></a></li>
-
                </li>
+
                        </ul>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                    </div>
-
                    <a href="Human practices.html">Biosafety</a>
+
                    <div class="h7 hexa" onclick="aux(7)">
-
                </li>
+
                        <div class="rec d"></div>
-
                        <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                        <div class="rec d d2"></div>
-
                            <a href="Human practices.html">Talleres synbio</a>
+
                        <div class="rec d d3"></div>
-
                        </li>
+
                        <div class="text">Home</div>
-
                        <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                        <ul class="sub oculto">
-
                            <a href="Human practices.html">Bacteria gigante</a>
+
                            <li class="pos1 sub_item oculto">Overview<a href="#"></a></li>
-
                        </li>
+
                            <li class="pos2 sub_item oculto">Achievements<a href="#"></a></li>
-
                         <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                        </ul>
-
                            <a href="Human practices.html">Etc.</a>
+
                    </div>
-
                         </li>
+
                </div><!--Fin de new Menu-->
-
            </ul>
+
            </div><!--Fin de MENU-->          
-
                </li>
+
        </div><!--Fin de Header-->
-
                <li class="sep">|</li>
+
        <div id="Container"><!--Inicio de Contenedor-->
-
                <li class="aux" onMouseOver="Mostrar_Submenu(this);destacar(this,2)" onMouseOut="Ocultar_Submenu(this);destacar(this,0)">More<a href="Prueba link.html"></a>
+
            <div class="gray_box">
-
                    <ul class="Sub_Menu" >
+
                <h1>Human Practices</h1>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                <div class="abstract">
-
                    <a href="More.html">Collaborations</a>
+
                    The main goal of our Human Practice section is to introduce Synthetic Biology into our Country.
-
                </li>
+
                    In order to reach that goal we thought about the best targets to generate a real impact on Chilean
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                    society.<br>
-
                    <a href="More.html">Judging Criteria</a>
+
                    The cities are the environment where modern life unfolds; in these are plenty groups and kind of
-
                </li>
+
                    people, but normally we can identify some important players on this context:<br> The first ones
-
                        <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                    are the people who make the city grow, the entrepreneurs, they are people who believe in new projects,
-
                            <a href="More.html">Attribution</a>
+
                    have resources, and are willing to invest on them.<br>The second are the people who are creating and
-
                        </li>
+
                    developing these new ideas, technologies and products: normally they are college students working on
-
            </ul>
+
                    innovative projects with great ideas. On the other hand, we find the people who will be the future
-
                </li>
+
                    along with the people who are guiding them this way: they are the school kids and his teachers.<br>  
-
          </ul>          
+
                    As you can see in our Human Practice menu we represented all of them with some different activities.
-
    </div>
+
                      Click on them to get more information !
-
        <div id="second">
+
-
            <ul id="header">
+
-
                <li class="Disp1" onClick="Modificar(this)">
+
-
                    <a >Home</a>
+
-
                </li>       
+
-
            </ul>           
+
-
            <div class="container">
+
-
                <div class="subcont">
+
-
                  <div>
+
-
                      <p>&nbsp;</p>
+
-
                      <p>Lalalala, no sé qué poner en Home ni en las otras secciones así que dejaré los espacios por mientras C:</p>
+
-
                      <p>&nbsp;</p>
+
-
                      <p>Cosas pendientes: </p>
+
-
                      <p>- Al elegir un menu que se abra en la pestaña que corresponda (no como lo dejé ahora)<br>
+
-
                      - Libertad de poner las imágenes al centro o izquierda, me estresa que se limite a la derecha xD<br>
+
-
                      - Los tiempos de los menú desplegables<br>
+
-
                      - Que el menú seleccionado se mantenga de otro color para saber en qué categoría estamos navegando
+
-
                      <br>
+
-
                      - Se puede poner el menú de arriba (negro) con el encabezado y el pie de la página con los patrocinadores en el .css? Como para no tener que estár editando lo mismo una y otra vez para cuando se modifique algo de ahí..<br>
+
-
                      - Logos de la facultad de biología, permisos para usarlos todos.<br>
+
-
                        -
+
-
                      Eso creo que para el diseño del código de la wiki, lo demás lo veo yo xP</p>
+
-
                      <p>- Fondo blanco? expresa más seriedad (queremos seriedad? xD)</p>
+
-
                      <p>&nbsp;</p>
+
-
                      <p>&nbsp;</p>
+
-
                    <p>&nbsp;</p>
+
-
                      <p>&nbsp;</p>
+
-
                      <p>&nbsp;</p>
+
-
                      <p>&nbsp;</p>
+
-
                      <p>&nbsp;</p>
+
-
                      <p>&nbsp;</p>
+
-
                  </div>
+
-
                   
+
                 </div>
                 </div>
-
 
             </div>
             </div>
-
        </div>
+
            <div class="imgMenu">
-
        <div id="banner">
+
                <div class="abstract">
-
            <ul>
+
                    Choose an option in the image.
-
                    <li>                      
+
                </div>
-
                        <a href="http://www.uc.cl/"><img src="Img/Puc.png"></a>
+
                <map name="imgHP">
-
                     </li>
+
                    <area shape="poly" onmouseover="Opacar(0)" onmouseout="Transparentar(0)" href="javascript:Seleccionar_imgMenu(0);" alt="Profes" title="Texto resumen para Profes"  
-
                     <li>                      
+
                     coords="250,140 , 250,175 , 350,175 , 350,268 , 405,268 , 405,235 , 425,235 , 425,130 , 360,130, 360,140, 250,140" >
-
                        <a href="http://biotecnologia.uc.cl/"><img src="Img/Bio.png"></a>
+
                     <area shape="poly" onmouseover="Opacar(1)" onmouseout="Transparentar(1)" href="javascript:Seleccionar_imgMenu(1);" alt="Sofofa" title="Texto resumen para Sofofa"
-
                    </li>
+
                    coords="30,150 , 110,150 , 110,280 , 245,280 , 245,330 , 120,330 , 120,355 , 65,355 , 65,375, 30,375, 30,150" >
-
                     <li>                       
+
                    <area shape="poly" onmouseover="Opacar(2)" onmouseout="Transparentar(2)" href="javascript:Seleccionar_imgMenu(2);" alt="Game" title="Texto resumen para Game" coords="115,160,155,160,155,215,145,215,145,205,180,205,180,190,190,190,190,165,205,165,205,155,230,155,230,165,240,165,240,180,245,180,245, 218,305,218,305,252,225,252,225,260,200,260,200,275,155,275,155,280,115,280,115,160" >
-
                        <a href=" http://www.mathworks.com/academia/student-competitions/"><img src="Img/MW.jpg"></a>
+
                    <area shape="poly" onmouseover="Opacar(3)" onmouseout="Transparentar(3)" href="javascript:Seleccionar_imgMenu(3);" alt="Ingenia" title="Texto resumen para Ingenia" coords="310,270,405,270,405,265,425,245,435,245,440,240,475,240,480,235,500,235,500,230,485,230,465,210,475,180,490,165,510,165,545,195,540,225, 530,235,530,250,540,280,540,290,550,300,540,310,530,310,530,335,545,340,530,353,515,350,465,350,445,340,445,320,310,320,310,270" >
-
                     </li>
+
                </map>
-
                     <li>                       
+
                <div class="imgContainer">
-
                        <a href="http://www.cai.cl/home/"><img src="Img/Cai.png"></a>
+
                     <img src="IMGs_HP/HP2(600x388).jpg" class="imgMenu_img_bottom" usemap="#imgHP">
-
                    </li>                  
+
                    <img id="Profes" class="imgMenu_img opaco selected" src="IMGs_HP/Profes(600x388).png" usemap="#imgHP">
-
             </ul>              
+
                     <img id="Sofofa" class="imgMenu_img transparente" src="IMGs_HP/Sofofa(600x388).png" usemap="#imgHP">
-
         </div>
+
                     <img id="Game" class="imgMenu_img transparente" src="IMGs_HP/Game(600x388).png" usemap="#imgHP">          
 +
                    <img id="Ingenia" class="imgMenu_img transparente" src="IMGs_HP/Ingenia(600x388).png" usemap="#imgHP">
 +
                </div>
 +
             </div>                
 +
         </div><!--Fin de Contenedor--> 
</body>
</body>
</html>
</html>

Revision as of 18:01, 25 September 2013

Wiki-IGEM

Human Practices

The main goal of our Human Practice section is to introduce Synthetic Biology into our Country. In order to reach that goal we thought about the best targets to generate a real impact on Chilean society.
The cities are the environment where modern life unfolds; in these are plenty groups and kind of people, but normally we can identify some important players on this context:
The first ones are the people who make the city grow, the entrepreneurs, they are people who believe in new projects, have resources, and are willing to invest on them.
The second are the people who are creating and developing these new ideas, technologies and products: normally they are college students working on innovative projects with great ideas. On the other hand, we find the people who will be the future along with the people who are guiding them this way: they are the school kids and his teachers.
As you can see in our Human Practice menu we represented all of them with some different activities. Click on them to get more information !
Choose an option in the image.
Profes Sofofa Game Ingenia

Retrieved from "http://2013.igem.org/Team:UC_Chile/Human_Practices"