Team:UC Chile/Human Practices

From 2013.igem.org

(Difference between revisions)
 
(44 intermediate revisions not shown)
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="https://2013.igem.org/Team:UC_Chile/css/prueba.css?action=raw&ctype=text/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="https://2013.igem.org/Team:UC_Chile/js/myJSfile.js?action=raw&ctype=text/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;}
+
-
 
+
-
.left-menu li:lastchild {
+
-
color:#ff0000;
+
-
}
+
-
 
+
-
#menubar .left-menu{
+
-
top:170px;
+
-
}
+
-
 
+
-
#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;
+
-
}
+
-
/* 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="load()">                      
+
<body>
-
        <div id="first">
+
          <div id="hidden-links">Hidden<br>Links</div>         
-
             <img src="https://static.igem.org/mediawiki/2013/d/d5/Titulo.jpg" usemap="#fotoMap" id="foto" border="0">
+
          <div id="aux-igem"><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2013/archive/d/de/20130919203514%21IGEM_basic_Logo_stylized.png" id="igem-logo" border="0"></a></div>          
 +
          <div id="Header"><!--Inicio de Header-->
 +
             <img src="https://static.igem.org/mediawiki/2013/6/61/Team_UC_Chile_ALL_Header.png" 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="https://static.igem.org/mediawiki/2013/2/23/Team_UC_Chile_ALL_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">Lab Notebook<a href="https://2013.igem.org/Team:UC_Chile/Lab NoteBook"></a></li>
-
                            <a href="Team.html">Photo gallery</a>
+
                            <li class="pos2 sub_item oculto">Protocols<a href="https://2013.igem.org/Team:UC_Chile/Protocols"></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">Results</div>
-
                    <a href="Project.html">Project</a>
+
                        <ul class="sub oculto">
-
                </li>
+
                            <li class="pos1 sub_item oculto">BioBricks<a href="https://2013.igem.org/Team:UC_Chile/BioBricks"></a></li>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                            <li class="pos2 sub_item oculto">Mathematical Model<a href="https://2013.igem.org/Team:UC_Chile/Mathematical Model"></a></li>
-
                    <a href="Project.html">Results</a>
+
                            <li class="pos3 sub_item oculto">Wet Lab<a href="https://2013.igem.org/Team:UC_Chile/Wet Lab"></a></li>                          
-
                </li>
+
                         </ul>
-
                        <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                    </div>
-
                            <a href="Project.html">Modelling</a>
+
                    <div class="h3 hexa" onclick="aux(3)">
-
                        </li>
+
                        <div class="rec d"></div>
-
                        <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                         <div class="rec d d2"></div>
-
                            <a href="Project.html">Biobricks</a>
+
                        <div class="rec d d3"></div>
-
                        </li>
+
                        <div class="text">Team</div>
-
                         <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                        <ul class="sub oculto">
-
                            <a href="Project.html">Notebook</a>
+
                            <li class="pos1 sub_item oculto">Team Members<a href="https://2013.igem.org/Team:UC_Chile/Team Members"></a></li>
-
                         </li>
+
                            <li class="pos2 sub_item oculto">PSB Lab<a href="https://2013.igem.org/Team:UC_Chile/PSBL Lab"></a></li>
-
            </ul>                                
+
                            <li class="pos3 sub_item oculto">Photo gallery<a href="https://2013.igem.org/Team:UC_Chile/Photo Gallery"></a></li>
-
                </li>
+
                        </ul>
-
                <li class="sep">|</li>
+
                    </div>
-
                <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="h4 hexa sele" onclick="aux(4)">
-
                    <ul class="Sub_Menu" >
+
                        <div class="rec d"></div>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                        <div class="rec d d2"></div>
-
                    <a href="Side Project.html">Plan B</a>
+
                        <div class="rec d d3"></div>
-
                </li>
+
                        <div class="text">Human<br>Practices</div>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                        <ul class="sub ">
-
                    <a href="Side Project.html">Plan C</a>
+
                            <li class="pos1 sub_item ">Home<a href="https://2013.igem.org/Team:UC_Chile/Human Practices"></a></li>
-
                </li>
+
                            <li class="pos2 sub_item ">Synbio web<a href="https://2013.igem.org/Team:UC_Chile/Synbio web"></a></li>
-
                        <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                        </ul>
-
                            <a href="Side Project.html">Plan F</a>
+
                    </div>
-
                        </li>
+
                    <div class="h5 hexa" onclick="aux(5)">
-
            </ul>
+
                        <div class="rec d"></div>
-
                </li>
+
                        <div class="rec d d2"></div>
-
                <li class="sep">|</li>
+
                        <div class="rec d d3"></div>
-
                <li class="aux" onMouseOver="Mostrar_Submenu(this);destacar(this,2)" onMouseOut="Ocultar_Submenu(this);destacar(this,0)">Methodologies<a href="Prueba link.html"></a>
+
                        <div class="text">More</div>
-
                    <ul class="Sub_Menu" >
+
                        <ul class="sub oculto">
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                            <li class="pos1 sub_item oculto">Acknowledgments<a href="https://2013.igem.org/Team:UC_Chile/Acknowledgments"></a></li>
-
                    <a href="Methodologies.html">Protocols</a>
+
                            <li class="pos2 sub_item oculto">Biosafety<a href="https://2013.igem.org/Team:UC_Chile/Biosafety"></a></li>
-
                </li>
+
                         </ul>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                    </div>                   
-
                    <a href="Methodologies.html">Software</a>
+
                    <div class="h6 hexa" onclick="aux(6)">
-
                </li>
+
                        <div class="rec d"></div>
-
            </ul>
+
                         <div class="rec d d2"></div>
-
                </li>
+
                         <div class="rec d d3"></div>
-
                <li class="sep">|</li>
+
                        <div class="text">Project</div>
-
                <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>
+
                         <ul class="sub oculto">
-
                    <ul class="Sub_Menu" >
+
                            <li class="pos1 sub_item oculto">Description<a href="https://2013.igem.org/Team:UC_Chile/Description"></a></li>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                            <li class="pos2 sub_item oculto">Formation<a href="https://2013.igem.org/Team:UC_Chile/Formation"></a></li>
-
                    <a href="Human practices.html">The Game</a>
+
                            <li class="pos3 sub_item oculto">Targeting<a href="https://2013.igem.org/Team:UC_Chile/Targeting"></a></li>
-
                </li>
+
                            <li class="pos4 sub_item oculto">Purification<a href="https://2013.igem.org/Team:UC_Chile/Purification"></a></li>
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                            <li class="pos5 sub_item oculto">Disruption<a href="https://2013.igem.org/Team:UC_Chile/Disruption"></a></li>
-
                    <a href="Human practices.html">Biosafety</a>
+
                            <li class="pos5 sub_item oculto">In vitro Channeling<a href="https://2013.igem.org/Team:UC_Chile/In vitro Channeling"></a></li>                          
-
                </li>
+
                        </ul>
-
                         <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                    </div>                                                          
-
                            <a href="Human practices.html">Talleres synbio</a>
+
                    <div class="h7 hexa " onclick="location.href='https://2013.igem.org/Team:UC_Chile/Overview'">
-
                         </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">Bacteria gigante</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">Etc.</a>
+
                            <li class="pos1 sub_item oculto">Overview<a href="https://2013.igem.org/Team:UC_Chile/Overview"></a></li>
-
                        </li>
+
                        </ul>
-
            </ul>
+
                    </div>
-
                </li>
+
                </div><!--Fin de new Menu-->
-
                <li class="sep">|</li>
+
            </div><!--Fin de MENU-->  
-
                <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><!--Fin de Header-->
-
                    <ul class="Sub_Menu" >
+
        <div id="Container"><!--Inicio de Contenedor-->
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
            <div class="gray_box">
-
                    <a href="More.html">Collaborations</a>
+
                <h1>Human Practices</h1>
-
                </li>
+
                <div class="normal-text">
-
                <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                    The main goal of our Human Practice section is to introduce Synthetic Biology into our Country.
-
                    <a href="More.html">Judging Criteria</a>
+
                    In order to reach that goal we thought about the best targets to generate a real impact on Chilean
-
                </li>
+
                    society.<br>
-
                        <li onMouseOver="destacar(this,3)" onMouseOut="destacar(this,1)">
+
                    The cities are the environment where modern life unfolds; in these are plenty groups and kind of
-
                            <a href="More.html">Attribution</a>
+
                    people, but normally we can identify some important players on this context:<br> The first ones
-
                        </li>
+
                    are the people who make the city grow, the entrepreneurs, they are people who believe in new projects,
-
            </ul>
+
                    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
-
    </div>
+
                    along with the people who are guiding them this way: they are the school kids and his teachers.<br>  
-
        <div id="second">
+
                    As you can see in our Human Practice menu we represented all of them with some different activities.
-
            <ul id="header">
+
                      Click on them to get more information !
-
                <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="normal-text">
-
            <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="https://2013.igem.org/Team:UC_Chile/Frontier_Seminar"
-
                     <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="https://2013.igem.org/Team:UC_Chile/Enterpreuners"
-
                    </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="https://2013.igem.org/Team:UC_Chile/The Game" 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="https://2013.igem.org/Team:UC_Chile/Ingenia" 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="https://static.igem.org/mediawiki/2013/2/26/Team_UC_Chile_HP_HP2%28600x388%29.jpg" class="imgMenu_img_bottom" usemap="#imgHP">
-
                    </li>                  
+
                    <img id="Profes" class="imgMenu_img transparente" src="https://static.igem.org/mediawiki/2013/8/81/Team_UC_Chile_HP_Profes%28600x388%29.png" usemap="#imgHP">
-
             </ul>              
+
                     <img id="Sofofa" class="imgMenu_img transparente" src="https://static.igem.org/mediawiki/2013/c/c4/Team_UC_Chile_HP_Sofofa%28600x388%29.png" usemap="#imgHP">
-
         </div>
+
                     <img id="Game" class="imgMenu_img transparente" src="https://static.igem.org/mediawiki/2013/1/14/Team_UC_Chile_HP_Game%28600x388%29.png" usemap="#imgHP">          
-
</body>
+
                    <img id="Ingenia" class="imgMenu_img transparente" src="https://static.igem.org/mediawiki/2013/7/7c/Team_UC_Chile_HP_Ingenia%28600x388%29.png" usemap="#imgHP">
 +
                </div>
 +
             </div>                      
 +
         </div><!--Fin de Contenedor-->       
 +
</body>      
</html>
</html>

Latest revision as of 00:02, 8 October 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.
Game Ingenia