|
|
| Line 1: |
Line 1: |
| - | <!DOCTYPE html>
| |
| - | <html>
| |
| - | <head>
| |
| - | <meta content="text/html; charset=utf-8" http-equiv="content-type">
| |
| - | <title>GenetiX - Human Practices</title>
| |
| - | <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600%7CSource+Code+Pro"
| |
| | | | |
| - | rel="stylesheet">
| |
| - | <!--[if lte IE 8]><script src="html5shiv.js" type="text/javascript"></script><![endif]-->
| |
| - | <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
| |
| - | <script src="js/jquery.dropotron.min.js"></script>
| |
| - | <script src="skel.min.js">
| |
| - | {
| |
| - | prefix: 'css/style',
| |
| - | preloadStyleSheets: true,
| |
| - | resetCSS: true,
| |
| - | boxModel: 'border',
| |
| - | grid: { gutters: 30 },
| |
| - | breakpoints: {
| |
| - | wide: { range: '1200-', containers: 1140, grid: { gutters: 50 } },
| |
| - | narrow: { range: '481-1199', containers: 960 },
| |
| - | mobile: { range: '-480', containers: 'fluid', lockViewport: true, grid: { collapse: true } }
| |
| - | }
| |
| - | }
| |
| - | </script>
| |
| - | <script>
| |
| - | $(function() {
| |
| - |
| |
| - | // Note: make sure you call dropotron on the top level <ul>
| |
| - | $('#main-nav > ul').dropotron({
| |
| - | offsetY: -10 // Nudge up submenus by 10px to account for padding
| |
| - | });
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| - | <script>
| |
| - | // DOM ready
| |
| - | $(function() {
| |
| - |
| |
| - | // Create the dropdown base
| |
| - | $("<select />").appendTo("nav");
| |
| - |
| |
| - | // Create default option "Go to..."
| |
| - | $("<option />", {
| |
| - | "selected": "selected",
| |
| - | "value" : "",
| |
| - | "text" : "Menu"
| |
| - | }).appendTo("nav select");
| |
| - |
| |
| - | // Populate dropdown with menu items
| |
| - | $("nav a").each(function() {
| |
| - | var el = $(this);
| |
| - | $("<option />", {
| |
| - | "value" : el.attr("href"),
| |
| - | "text" : el.text()
| |
| - | }).appendTo("nav select");
| |
| - | });
| |
| - |
| |
| - | // To make dropdown actually work
| |
| - | // To make more unobtrusive: http://css-tricks.com/4064-unobtrusive-page-changer/
| |
| - | $("nav select").change(function() {
| |
| - | window.location = $(this).find("option:selected").val();
| |
| - | });
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| - | </head>
| |
| - | <body>
| |
| - | <div id="header_container">
| |
| - | <div class="container"> <!-- Header -->
| |
| - | <div id="header" class="row">
| |
| - | <div class="4u">
| |
| - | <h1><img src="https://static.igem.org/mediawiki/2014hs/c/c9/Logo.png" alt="" usemap="#Map" height="101" width="301">
| |
| - | <map name="Map">
| |
| - | <area shape="rect" coords="-1,19,68,81" href="https://2014hs.igem.org/Main_Page"
| |
| - |
| |
| - | target="_blank" alt="logo">
| |
| - | <area shape="rect" coords="68,3,300,103" href="index.html">
| |
| - | </map>
| |
| - | </h1>
| |
| - | </div>
| |
| - | <nav id="main-nav" class="8u">
| |
| - | <ul>
| |
| - | <li><a href="index.html">Home</a></li>
| |
| - | <li><a href="project.html">The Project</a>
| |
| - | <ul>
| |
| - | <li><a href="project_biosensor.html">Biosensor</a></li>
| |
| - | <li><a href="project_eutrophication.html">Eutrophication</a></li>
| |
| - | <li><a href="project_localization.html">Localization</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="results.html">Results</a> </li>
| |
| - | <li><a class="active" href="#">Human Practices</a>
| |
| - | <ul>
| |
| - | <li><a href="human_practices_travesuras2014.html">Travesuras
| |
| - | 2014</a></li>
| |
| - | <li><a href="human_practices_travesuras2013.html">Travesuras
| |
| - | 2013</a></li>
| |
| - | <li><a href="human_practices_conference.html">Conference</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li> <a href="#">Data</a>
| |
| - | <ul>
| |
| - | <li><a href="data_safety.html">Safety</a></li>
| |
| - | <li><a href="data_notebook.html">Notebook</a></li>
| |
| - | <li> <a href="data_biobricks.html">Biobricks</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="#">The Team</a>
| |
| - | <ul>
| |
| - | <li><a href="team_members.html">Members</a></li>
| |
| - | <li><a href="team_sponsors.html">Sponsors</a> </li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </nav>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div id="site_content">
| |
| - | <div class="container">
| |
| - | <!-- Banner -->
| |
| - | <div id="banner"> <a href="#"><img src="https://static.igem.org/mediawiki/2014hs/6/6a/Banner_travesuras2014.jpg"
| |
| - |
| |
| - | alt="banner image"></a> </div>
| |
| - | <!-- Features -->
| |
| - | <div class="row">
| |
| - | <section class="8u">
| |
| - | <h2>Travesuras 2014</h2>
| |
| - | <p>GenetiX, as a student group, participated in the event Travesuras
| |
| - | 2014, which had place the 26 of April 2014 inside the
| |
| - | installations of Tecnologico de Monterrey, Campus Ciudad de
| |
| - | Mexico. The GenetiX station was located in the high-school
| |
| - | chemistry laboratory where 4 groups attended, composed around of
| |
| - | 25 children each, with ages that ranged between 7 and 16 years.
| |
| - | Inside the station there were nine of our members present
| |
| - | involving children into science in a fun and enriching way for
| |
| - | them. These experiments included de polymerization of “Slime” with
| |
| - | color and “Silly Putty”. </p>
| |
| - | <p><img src="https://static.igem.org/mediawiki/2014hs/f/fb/DSCN7566.JPG" alt="" height="375" width="500"></p>
| |
| - | <p><br>
| |
| - | Before initiating the experiment, a quick explanation of the
| |
| - | process of polymerization was given. For the polymerization of the
| |
| - | Slime, the kids had the opportunity of adding in plastic cups 10mL
| |
| - | of polyvinyl alcohol and 3 mL of a borax solution in addition with
| |
| - | a drop of colorant. Later, the children agitated the mixture with
| |
| - | wooden sticks until it took the slimy consistence expected. This
| |
| - | procedure was made in groups of between 2 and 3 kids who shared
| |
| - | the slime.</p>
| |
| - | <p><img src="https://static.igem.org/mediawiki/2014hs/f/ff/DSCN7557.jpg" alt="" height="375" width="500"></p>
| |
| - | <p><br>
| |
| - | A polymerization of the silly putty was made in the same way in
| |
| - | which the slime was made. In this case, 10 mL of white glue (which
| |
| - | contains the polyvinyl acetate) and 20 mL of saturated borax
| |
| - | solution. The children agitated the mixture until it obtained the
| |
| - | desired consistency. Later, they were able to play with it also in
| |
| - | groups of 2 or 3 children. All the experiments were supervised by
| |
| - | the members of GenetiX in order to prevent any accident and solve
| |
| - | further doubts from the children regarding the experiment.</p>
| |
| - | <p><img src="https://static.igem.org/mediawiki/2014hs/b/bb/DSCN7563.jpg" alt="" height="375" width="500"></p>
| |
| - | <p><br>
| |
| - | Finally a DNA demonstration took place. For such, a banana was cut
| |
| - | into pieces and got liquefied in a blender with distilled water
| |
| - | and 2.5 gr of NaCl. It was liquefied until a dense liquid was
| |
| - | achieved and then poured into a coffee filter inside a glass
| |
| - | flask. We left the mixture in filtration for about 10 min until
| |
| - | the flask was half-full. Afterwards 5ml of liquid soap was added
| |
| - | to the pulp in order to break the cell walls and membranes and
| |
| - | free the DNA. Also 3 gr of meat tenderizer and another 3 grs of
| |
| - | sodium bicarbonate were added into the mixture. Once the
| |
| - | ingredients were added, the sufficient amount of cold ethanol was
| |
| - | added in order to form a thin layer above the banana mixture.
| |
| - | Since the DNA is insoluble in ethanol, a whitish layer appears
| |
| - | above the banana mixture. Once the process ended, the final
| |
| - | mixture was shown to the children and a brief explanation of what
| |
| - | DNA is was given.</p>
| |
| - | <p><img src="https://static.igem.org/mediawiki/2014hs/9/9f/DSCN7597.jpg" alt="" height="375" width="500"></p>
| |
| - | </section>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div id="footer_container">
| |
| - | <div class="container">
| |
| - | <!-- Footer -->
| |
| - | <footer>
| |
| - | <p><a href="https://twitter.com/GenetiXCCM" target="_blank"><img src="https://static.igem.org/mediawiki/2014hs/f/f7/Twitter.png"
| |
| - |
| |
| - | alt="twitter"></a> <a href="https://www.facebook.com/pages/Genetix/231542983696246"
| |
| - |
| |
| - | target="_blank"><img src="https://static.igem.org/mediawiki/2014hs/5/55/Facebook.png" alt="facebook"></a> <a
| |
| - |
| |
| - | href="mailto:genetixccm@gmail.com?Subject=Hi%20GenetiX" target="_top"><img
| |
| - |
| |
| - | src="https://static.igem.org/mediawiki/2014hs/0/09/Rss.png" alt="rss"></a></p>
| |
| - | <p><a href="http://www.itesm.mx/wps/wcm/connect/Campus/CCM/Ciudad+de+Mexico/"
| |
| - |
| |
| - | target="_blank"><img src="https://static.igem.org/mediawiki/2014hs/3/3a/Itesm_ccm.png" alt="" height="64"
| |
| - |
| |
| - | width="176"></a><a href="http://www.hidrosina.com.mx/new/" target="_blank"><img
| |
| - |
| |
| - | src="https://static.igem.org/mediawiki/2014hs/5/5d/Hidrosina.png" alt="" height="32" width="110"></a></p>
| |
| - | <p>Copyright © GenetiX | <a href="http://skeljs.org/">skel.js</a> | <a
| |
| - |
| |
| - | href="http://www.css3templates.co.uk">design from
| |
| - | css3templates.co.uk</a></p>
| |
| - | </footer>
| |
| - | </div>
| |
| - | </div>
| |
| - | </body>
| |
| - | </html>
| |
"
