Difference between revisions of "Team:GenetiX Tec CCM/Practices"

(Prototype team page)
 
 
(17 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{GenetiX_Tec_CCM}}
 
 
<html>
 
<html>
 +
  <head>
 +
      <meta charset="utf-8">
 +
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
          <meta name="viewport" content="width=device-width, initial-scale=1">
 +
          <title>iGem Tec CCM</title>
 +
          <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
 +
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
          <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
 +
  </head>
 +
<script>
 +
    function close() {
 +
        if(document.getElementById('benefits').style.display=='block') {
 +
          document.getElementById('benefits').style.display='none';
 +
        }
 +
    } 
 +
</script>
 +
<script>
 +
  function show() {
 +
    if(document.getElementById('benefits').style.display=='none') {
 +
      document.getElementById('benefits').style.display='block';
 +
    }
 +
  }
 +
  </script>
  
−
<h2> Human Practices </h2>
+
<style type="text/css"> /* Used in page */
 +
  body { background-color: #fff; }
 +
  ul{list-style: none; list-style-type: none;}
 +
  li{list-style: none; list-style-type: none;}
 +
  h1{display: none;}
 +
  #globalWrapper, #content{
 +
        background-color: transparent;
 +
        border: 0px;
 +
        margin:0px;
 +
        padding: 0px;
 +
        width:100%;
 +
      }
 +
  #mainContainer {/* Creates a container that will wrap all of the content inside your wiki pages. */
 +
  width: 100%;
 +
  overflow:hidden;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-bottom: 10px;
 +
  background-color: #fff;
 +
  font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
  }
 +
  .menu {
 +
    font-family: "Verdana", Geneva, sans-serif;
 +
    font-weight: 10;
 +
    font-size: 28px;
 +
    float: top;
 +
    color: black;
 +
    margin-top: 20px;
 +
  }
 +
  #menuNavbar  {
 +
  background: #fff;
 +
  float:top;
 +
  width: 100%;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-top: 16px;
 +
  }
 +
  .navContainer li{
 +
    margin-top: 10px;
 +
  }
 +
  .navContainer li ul {
 +
          display: none;
 +
          padding-top:10px;
 +
          margin-left: -19px;
 +
  }
 +
  .navContainer li:hover ul {
 +
          /*display: inline-block; */
 +
          display: block;
 +
          position: absolute;
 +
          float:right;
 +
          margin-left:-40px;
 +
          margin-top:-10px;
 +
  }
 +
  .up{
 +
    background: #fff;
 +
  }
 +
  #topbar {
 +
    background: #fff;
 +
    padding: 10px 0 10px 0;
 +
    text-align: center;
 +
    height: 100px;
 +
    color: black;
 +
    overflow: hidden;
 +
    -webkit-transition: height 0.5s linear;
 +
    -moz-transition: height 0.5s linear;
 +
    transition: height 0.5s linear;
 +
  }
 +
  #topbar a {
 +
    color: #fff;
 +
    font-size:1.3em;
 +
    line-height: 1.25em;
 +
    text-decoration: none;
 +
    opacity: 0.5;
 +
    font-weight: bold;
 +
  }
 +
  #tophiddenbar {
 +
    font-size:1.5em;
 +
    background: #fff;
 +
    font-weight: bold;
 +
    text-align: right;
 +
    text-shadow: 1px 1px 0 #444;
 +
  }
 +
  #tophiddenbar a {
 +
    color: black;
 +
    font-size: 0.5em;
 +
    text-decoration: none;
 +
    opacity: 0.5;
 +
    text-shadow: none;
 +
  }
 +
  #tophiddenbar a:hover { opacity: 1; }
 +
  .subnavbar{
 +
    width:90%;
 +
    height:100px;
 +
    margin-left: 0px;
 +
  }
 +
  #contentContainer {
 +
    margin-top: 20px;
 +
    padding-top:20px;
 +
    padding-right:20px;
 +
    padding-left: 20px;
 +
    margin-bottom: 20px;
 +
    width: 100%;
 +
    background-color: #fff;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
  }
 +
  #bannerContainer {
 +
    height:200px;
 +
    margin:auto;
 +
    text-align:center;
 +
    color: #24B694;
 +
  }
 +
  #contentContainer h1, h2, h3, h4, h5, h6 {
 +
    color: #565656;
 +
    border-bottom: none;
 +
    font-weight: bold;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
    margin-top:10px;
 +
    }
  
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
  #footer{
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
    width: 100%;
−
<p>For more information, please see the <a href="https://2015.igem.org/Practices_Hub">Practices Hub</a>.</p>
+
    background-color: #EEFFFF ;
 +
    font-family: "Impact", "Charcoal", sans-serif;
 +
    font-weight: 100;
 +
    font-size: 25px;
 +
    color: #594F4F;
 +
    float: bottom;
 +
  }
 +
  .address{
 +
    font-family: "Verdana", Geneva, sans-serif;
 +
    font-weight: 100;
 +
    font-size: 12px;
 +
    color:#594F4F;
 +
    margin-top: 20px;
 +
    margin-bottom: 10px;
 +
  }
 +
  .video {
 +
    margin-top: 40px;
 +
    margin-bottom: 60px;
 +
  }
 +
    .icons{
 +
    width: 50px;
 +
    margin-top: 20px;
 +
    margin-right: 10px;
 +
  }
 +
  .icons2{
 +
    width: 20px;
  
−
<div class="highlightBox">
+
  }
−
<h4>Note</h4>
+
  .clear{
−
<p>You must fill out this page in order to be considered for all <a href="https://2015.igem.org/Judging/Awards">awards</a> for Human Practices:</p>
+
    clear:both;
−
<ul>
+
    height: 10px;
−
<li>Human Practices silver medal criterion</li>
+
  }
−
<li>Human Practices gold medal criterion</li>
+
</style>
−
<li>Best Integrated Human Practices award</li>
+
−
<li>Best Education and Public Engagement award</li>
+
−
</ul>
+
−
</div>
+
  
 +
<style>
 +
 
 +
  .submenu {
 +
    font-weight: 50;
 +
    font-family: "Verdana", Geneva, sans-serif;
 +
    font-size: 20px;
 +
    color: black;
 +
    float: right;
 +
    margin-top: 10px;
 +
  }
 +
  .btn-default {
 +
    background-color: transparent;
 +
    border-color: transparent;
 +
    font-weight: bold;
 +
    font-size: 25px;
 +
    color: black;
 +
  }
 +
  .headerline {
 +
    height: 30px;
 +
    width: 100px;
 +
  }
 +
  .body {
 +
    margin-top: 25px;
 +
  }
 +
  .abstract{
 +
    font-family: "Verdana", Geneva, sans-serif;
 +
    font-weight: 100;
 +
    font-size: 25px;
 +
    color: black;
 +
  }
 +
</style><!-- de iGem-->
 +
    <!-- Start of CSS-->
 +
<style type="text/css">
 +
  /*Change the styling of text for everything inside main container*/
 +
        #mainContainer p {
 +
            font-size: 13px;
 +
            color: #000000;
 +
        }
 +
    /*Style of the links - links are different inside the menu */
 +
        #contentContainer a {
 +
            font-weight: bold;
 +
            color: #23b593;
 +
        }
 +
      /* Styling links on hover- links are different inside the menu */
 +
        #contentContainer a:hover {
 +
            color: #59bf92;
 +
        }
 +
    /*Change the styling of tables */
 +
                #contentContainer table {
 +
                border: 1px solid #565656;
 +
                border-collapse: collapse;
 +
                width: 90%
 +
                margin: auto;
 +
                margin-bottom: 15px;
 +
                margin-top: 15px;
 +
                margin-right: 10px;
 +
                margin-left: 10px;
 +
            }
 +
    /*Change the styling of table cells*/
 +
            #contentContainer  td {
 +
                padding: 10px;
 +
                border: 1px solid #565656;
 +
                border-collapse: collapse;
 +
                vertical-align: text-top;
 +
            }
 +
    /*Change the styling of table headers */
 +
            #contentContainer th {
 +
                background-color: #E8E8E9;
 +
                padding: 10px;
 +
                border: 1px solid #565656;
 +
                border-collapse: collapse;
 +
                vertical-align: text-top;
 +
            }
 +
    /*MENU STYLING */
 +
    /*Styling for the links in the menu */
 +
    /*  #menuContainer a {
 +
            color: #565656;
 +
            text-decoration:none;
 +
            font-weight: bold;
 +
        }
 +
    /* Sets the style for lists inside menuContainer  */
 +
        #menuContainer ul {
 +
            list-style: none;
 +
            margin-left:0px;
 +
        }
 +
    /*Styles the list items to become menu buttons */
 +
        #menuContainer ul li {
 +
            text-align: center;
 +
            display: block;
 +
            width: 100%;
 +
            height:30px;
 +
        }
 +
    /*For the menu buttons, changes the color when hovering*/
 +
        #menuContainer li:hover {
 +
            color:  black;
 +
            background-color: #24B694;
 +
        }
 +
    /*Submenus are not displayed as default*/
 +
        #menuContainer li ul {
 +
            display: none;
 +
            padding-top:-30px;
 +
            margin-left: -19px;
 +
        }
 +
    /*Submenus are displayed when hovering the menu button */
 +
        #menuContainer li:hover ul {
 +
            /*display: inline-block; */
 +
            display: block;
 +
            position: absolute;
 +
            float:right;
 +
            margin-left: 134px;
 +
            margin-top:-82px;
 +
        }
 +
    /*Style the submenu buttons*/
 +
      #menuContainer ul li {
 +
        text-align: center;
 +
        display: block;
 +
        width: 100%;
 +
        height:30px;
 +
        padding-left:30px;
 +
      }
 +
      ul {
 +
          list-style-type: none;
 +
          margin: 0;
 +
      }
 +
      li {
 +
          float: left;
 +
        list-style-type: none;
 +
        padding-left: 20px;
 +
      }
 +
      a {
 +
          display: block;
 +
      }
 +
      .menu-main{
 +
        width:90%;
 +
        height:30px;
 +
        align:center;
 +
        padding-right: 50px;
 +
      }
 +
        /*CLASSES */
 +
        /*Clear class for all the pages, adds spacing too*/
 +
        /* highlight box for special messages */
 +
            .highlightBox {
 +
                    width:500px;
 +
                    margin:auto;
 +
                    background-color: #E8E8E9;
 +
            margin-bottom: 15px;
 +
            margin-top: 15px;
 +
            padding: 15px;
 +
            padding-top: 5px;
 +
            }
 +
</style><!-- de iGem-->
  
−
<h5>Some Human Practices topic areas </h5>
+
<div id="mainContainer" class="container-fluid"> <!-- Es un div de todo la página-->
−
<ul>
+
  <div class="menu" class="row">
−
<li>Philosophy</li>
+
      <nav class="navbar navbar-default navbar-fixed-top" id="menuNavbar">
−
<li>Public Engagement / Dialogue</li>
+
        <div class="up" id="tophiddenbar">
−
<li>Education</li>
+
              <li ><a href="https://2015.igem.org/Team:GenetiX_Tec_CCM"> <img src="https://static.igem.org/mediawiki/2015/d/da/TeamLogo.png" style="width:90px;" alt="iGemlogo" > </a></li>
−
<li>Product Design</li>
+
              <li ><a href="https://2015.igem.org"> <img src="https://static.igem.org/mediawiki/2015/d/d2/IGemLogo.png" style="width: 90px; padding-top:10px;" alt="TeamLogo"> </a></li>
−
<li>Scale-Up and Deployment Issues</li>
+
            </div>
−
<li>Environmental Impact</li>
+
        <div class="navContainer" id="topbar">
−
<li>Ethics</li>
+
          <div id="tophiddenbar">
−
<li>Safety</li>
+
            <div>
−
<li>Security</li>
+
              <ul>
−
<li>Public Policy</li>
+
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Description" onclick=show()> <li>PROJECT
−
<li>Law and Regulation</li>
+
                <ul class="subnavbar">
−
<li>Risk Assessment</li>
+
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Description"><li>Description</li></a>
−
</ul>
+
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Design"><li>Design</li></a>
 +
                   
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Experiments"><li>Experiments &amp; Protocols</li></a>
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/References"><li>References</li></a> 
 +
                </ul>
 +
              </li> </a>
 +
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Team" onclick=show()><li>TEAM
 +
                <ul class="subnavbar">
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Attributions"><li>Attribution</li></a>
 +
                </ul>
 +
              </li></a>
 +
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Practices" onclick=show()><li>HUMAN PRACTICES
 +
                  <ul class="subnavbar">
 +
                    <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Collaborations"><li>Meet up</li></a>
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/TodosporXochimilco"><li>Todos por Xochimilco</li></a> 
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Practices"><li>Education</li></a>
 +
                  </ul>
 +
              </li></a>
 +
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Safety"><li>SAFETY</li></a>
 +
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Gallery"><li>GALLERY</li></a>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </div>
 +
    </nav>
 +
  </div> <!-- Es el menú de arriba--> <!-- no tocar-->
  
−
<h5>What should we write about on this page?</h5>
+
  <body>
−
<p>On this page, you should write about the Human Practices topics you considered in your project, and document any special activities you did (such as visiting experts, talking to lawmakers, or doing public engagement).</p>
+
    <div class="row" id="contentContainer">
−
 
+
−
 
+
−
<h5>Inspiration</h5>
+
−
<p>Read what other teams have done:</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:Dundee/policypractice/experts">2014 Dundee </a></li>
+
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview">2014 UC Davis </a></li>
+
−
<li><a href="https://2013.igem.org/Team:Manchester/HumanPractices">2013 Manchester </a></li>
+
−
<li><a href="https://2013.igem.org/Team:Cornell/outreach">2013 Cornell </a></li>
+
−
</ul>
+
−
 
+
−
<h3>Integrated Human Practices</h3>
+
−
 
+
−
<p>Do you want to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Integrated Human Practices award</a>? Make it easy for the judges to find any wiki content that is relevant to this prize. Highlight this content with a header or separate section.</p>
+
−
 
+
−
<h3>Education and Public Engagement</h3>
+
−
 
+
−
<p>Do you want to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Education and Public Outreach award</a>? Make it easy for the judges to find any wiki content that is relevant to this prize. Highlight this content with a header or separate section.</p>
+
  
 +
    <div class="row" id="contentContainer">
 +
      <div id="bannerContainer" class="row">
 +
        <image src="https://static.igem.org/mediawiki/2015/5/57/Travesuras3.JPG" height="600" width="900">
 +
          <div class="col-md-1">
 +
          </diV>
 +
          <div class="col-md-12">
 +
          <div style="font-size: 30px; font-weight: bold;">
 +
            Travesuras
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Date:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            May 23th, 2015
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Objectives:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            -Spread the love for science among children and teenagers.
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            -Give kids a special opportunity to learn and have fun at the same time
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Description:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            “Travesuras” is an annual project that takes place in our campus to invite kids from a government reliant organization called DIF (System for the Integral Development of Families) to celebrate Children’s Day with them and, in our case, teach them about science and how fun it can be.s. 
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            This year we prepared different experiments to perform with them. We taught them how fireworks are made by burning different elements, and how to extract DNA from a banana. 
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            It was very special for us to meet and have fun with children who were extremely excited about being able to behave as scientists for one day. Each one of them got the opportunity to be part of a experiment and many of them told us how interested they were on becoming scientists.
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            We believe that part of our job as members of the scientific community is creating bonds between young people and our passion, showing them how they can achieve anything they want to if they are brave enough to fight for it.
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            Science is definitely one of the most important areas of development for our country and having little children get interested in learning more and understanding the world that surrounds them through science was a very gratifying experience for the whole team. 
 +
          </div>
 +
          </div>
 +
      </div>
 +
    </div>
 +
   
 +
    <div class="row" id="contentContainer">
 +
      <div id="bannerContainer" class="row">
 +
        <image src="https://static.igem.org/mediawiki/2015/c/c0/Travesuras.jpg">
 +
          <div class="col-md-1">
 +
          </diV>
 +
          <div class="col-md-12">
 +
          <div style="font-size: 30px; font-weight: bold;">
 +
            Díaz-Lombardo Hospital
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Date:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            April 25th, 2015
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Objectives:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            -Spread the love and fascination for science among little children.
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            -Celebrating Children’s Day!.
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Description:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            Sharing with people who need us is always a valuable experience. This time, we visited an ortho hospital for children. For a morning, we were able to get along with them, play, laugh a little bit, and even dance. We got to give them a little piece of us, by teaching them a bit of science: the importance of DNA, through a DNA isolating experiment. We are glad they had fun learning. The most surprising was that even parents seemed interested!
 +
          </div>
 +
          </div>
 +
      </div>
 +
    </div>
 +
      <div class="row" id="contentContainer">
 +
      <div id="bannerContainer" class="row">
 +
          <div class="col-md-1">
 +
          </diV>
 +
          <div class="col-md-12">
 +
          <div style="font-size: 30px; font-weight: bold;">
 +
            Advanced placement science groups
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Date:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            Summer 2015
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Objectives:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            -Help new students finding their passion for science and enjoying it through fun activities.
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Description:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            Our campus provides the opportunity of learning sciences in high level programs. This year, we were asked to support the chemistry teacher while inducing the new students to the world of science.
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            It is always great to learn about the fun side of science and we got to do that with this younger students. We prepared different classes to get to know the students, test their knowledge about science and teach them basic laboratory techniques. 
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            This experience was a very good opportunity to understand the huge importance of science for other students and how they understand this specific area. We got to test our own knowledge and to again spread the love we feel for science, as this is one of our most important objectives as a team.
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            We learned a lot from the importance of feeling passionate about science and being able to learn in a dynamic and fun way. It is always important to test knowledge by sharing it with others and getting the opportunity to do that in our own community is always a privilege.
 +
          </div>
 +
          </div>
 +
      </div>
 +
    </div>
 +
    <div class="row" id="contentContainer">
 +
      <div id="bannerContainer" class="row">
 +
        <image src="https://static.igem.org/mediawiki/2015/2/29/Parents_Presentation.jpg">
 +
          <div class="col-md-1">
 +
          </diV>
 +
          <div class="col-md-12">
 +
          <div style="font-size: 30px; font-weight: bold;">
 +
            Presentation for new parents and students
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Date:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            August 2015
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Objectives:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            -Get people interested on the science projects that take place in our community.
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Description:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            Every year, new students enter our High School and it is important for us to explain what we do to them and get them interested, not only in the project itself, but also in the situation that takes place in our community. 
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            This year, we were able to explain all the areas of our project to both new parents and students of our High School. This was a great way to attract new members of the group and create awareness of the issues that are currently taking place in Xochimilco.
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            It is always interesting to receive feedback about our project and this was a great opportunity to obtain it. Hearing what people have to say about our ideas and achievements and actually feeling that they admire and respect what we do is a great experience for the whole team.
 +
          </div>
 +
          </div>
 +
      </div>
 +
    </div>
 +
    <div class="row" id="contentContainer">
 +
      <div id="bannerContainer" class="row">
 +
        <image src="https://static.igem.org/mediawiki/2015/6/6d/Beakman.jpg">
 +
          <div class="col-md-1">
 +
          </diV>
 +
          <div class="col-md-12">
 +
          <div style="font-size: 30px; font-weight: bold;">
 +
            Beakman Science Tournament
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Date:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
          April 23th and 24th, 2015
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Objectives:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            -Promote science in our high school.
 +
          </div>
 +
        <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            -Provide our peers the opportunity to participate in a national science contest in representation of our campus.
 +
          </div>
 +
          <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left">
 +
            Description:
 +
          </div>
 +
          <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left">
 +
            Science is often defined as something boring or repetitive, perception that was turned down by a genius we all know about: Beakman. This character has had a huge impact over the popular image of science, by placing it as something fascinating. Therefore, we thought that a great idea to promote science in our school was to bring everybody’s scientific idol himself to invite them to it. The event was a Science Olympiad in which the participants aimed to earn a place to represent our campus in the International Science Olympiad that Tecnológico de Monterrey hosts every year. At the end of the day, we had a conference and talk show with the crazy scientist that made everybody keen on what we do. 
 +
          </div>
 +
          </div>
 +
      </div>
 +
    </div>
 +
  </body>
 +
</div>
 +
<div id="footer">
 +
    <div class="row" style="background-color: #EEFFFF ;">
 +
      <div class="col-md-1">
 +
        <div>
 +
          <image src="https://static.igem.org/mediawiki/2015/3/3c/TeamLogo.gif" style="width: 100px; margin-top: 50px;">
 +
        </div>
 +
      </div>
 +
      <div class="col-md-3">
 +
        <div style="margin-top: 20px;">OUR SCHOOL<a href="http://www.itesm.mx/wps/wcm/connect/Campus/CCM/Ciudad+de+Mexico/"><image src="https://static.igem.org/mediawiki/2015/b/b0/OurSchool.jpg" style="width: 190px; margin-top: 20px;"></a>
 +
        </div>
 +
        <div class="address"><a href="https://www.google.com/maps/place/itesm+campus+ciudad+de+mexico/@19.28358,-99.13541,15z/data=!4m2!3m1!1s0x0:0x129534395a02e72a?sa=X&    ved=0CIYBEPwSMAtqFQoTCOPt762E48cCFUlxPgodUlcG8w"><image src="https://static.igem.org/mediawiki/2015/4/43/Map.png" style="width: 30px;" align="center"></a>
 +
        <address style="color:#594F4F">
 +
          <strong>Location</strong><br>Calle del Puente 222, Tlalpan, Ejidos de Huipulco,<br>14380 Ciudad de México, D.F., Mexico.<br>
 +
        </address>
 +
        </div>
 +
      </div>
 +
      <div class="col-md-4" style="margin-top: 20px;">
 +
        <div>SOCIAL<a class="twitter-timeline" href="https://twitter.com/GenetiXCCM" data-widget-id="643542425776947200">Tweets por el @GenetiXCCM.</a>
 +
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js. src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 +
        </div>
 +
      </div>
 +
      <div class="col-md-4" style="margin-top: 20px;">
 +
          <div>FIND US <br>
 +
            <span href="https://www.facebook.com/genetixtecccm?fref=ts"> <image src="https://static.igem.org/mediawiki/2015/5/55/Facebook.png" class="icons"> </span>
 +
            <span href="https://twitter.com/GenetiXCCM"> <image src="https://static.igem.org/mediawiki/2015/f/f7/Twitter.png" class="icons"> </span>
 +
            <span href=""> <image src="https://static.igem.org/mediawiki/2015/b/b7/Instagram.png" class="icons"> </span>
 +
            <span href=""> <image src="https://static.igem.org/mediawiki/2015/a/af/Youtube.png" class="icons"> </span>
 +
            <div class="address"><image src="https://static.igem.org/mediawiki/2015/5/58/Phone.png" class="icons2">"Phone: Kai: +521(55)40597475"
 +
            </div>
 +
          <div class="address"><image src="https://static.igem.org/mediawiki/2015/5/5c/Email.png" class="icons2" style="margin-right: 10px;">genetixccm@gmail.com
 +
          </div>
 +
        </div>
 +
      </div> 
 +
    </div>  <!-- Footer solo cambiar tamaños de fuente t color--><!-- no tocar-->
 
</div>
 
</div>
 
</html>
 
</html>

Latest revision as of 02:31, 19 September 2015

iGem Tec CCM

Travesuras
Date:
May 23th, 2015
Objectives:
-Spread the love for science among children and teenagers.
-Give kids a special opportunity to learn and have fun at the same time
Description:
“Travesuras” is an annual project that takes place in our campus to invite kids from a government reliant organization called DIF (System for the Integral Development of Families) to celebrate Children’s Day with them and, in our case, teach them about science and how fun it can be.s.
This year we prepared different experiments to perform with them. We taught them how fireworks are made by burning different elements, and how to extract DNA from a banana.
It was very special for us to meet and have fun with children who were extremely excited about being able to behave as scientists for one day. Each one of them got the opportunity to be part of a experiment and many of them told us how interested they were on becoming scientists.
We believe that part of our job as members of the scientific community is creating bonds between young people and our passion, showing them how they can achieve anything they want to if they are brave enough to fight for it.
Science is definitely one of the most important areas of development for our country and having little children get interested in learning more and understanding the world that surrounds them through science was a very gratifying experience for the whole team.
Díaz-Lombardo Hospital
Date:
April 25th, 2015
Objectives:
-Spread the love and fascination for science among little children.
-Celebrating Children’s Day!.
Description:
Sharing with people who need us is always a valuable experience. This time, we visited an ortho hospital for children. For a morning, we were able to get along with them, play, laugh a little bit, and even dance. We got to give them a little piece of us, by teaching them a bit of science: the importance of DNA, through a DNA isolating experiment. We are glad they had fun learning. The most surprising was that even parents seemed interested!
Advanced placement science groups
Date:
Summer 2015
Objectives:
-Help new students finding their passion for science and enjoying it through fun activities.
Description:
Our campus provides the opportunity of learning sciences in high level programs. This year, we were asked to support the chemistry teacher while inducing the new students to the world of science.
It is always great to learn about the fun side of science and we got to do that with this younger students. We prepared different classes to get to know the students, test their knowledge about science and teach them basic laboratory techniques.
This experience was a very good opportunity to understand the huge importance of science for other students and how they understand this specific area. We got to test our own knowledge and to again spread the love we feel for science, as this is one of our most important objectives as a team.
We learned a lot from the importance of feeling passionate about science and being able to learn in a dynamic and fun way. It is always important to test knowledge by sharing it with others and getting the opportunity to do that in our own community is always a privilege.
Presentation for new parents and students
Date:
August 2015
Objectives:
-Get people interested on the science projects that take place in our community.
Description:
Every year, new students enter our High School and it is important for us to explain what we do to them and get them interested, not only in the project itself, but also in the situation that takes place in our community.
This year, we were able to explain all the areas of our project to both new parents and students of our High School. This was a great way to attract new members of the group and create awareness of the issues that are currently taking place in Xochimilco.
It is always interesting to receive feedback about our project and this was a great opportunity to obtain it. Hearing what people have to say about our ideas and achievements and actually feeling that they admire and respect what we do is a great experience for the whole team.
Beakman Science Tournament
Date:
April 23th and 24th, 2015
Objectives:
-Promote science in our high school.
-Provide our peers the opportunity to participate in a national science contest in representation of our campus.
Description:
Science is often defined as something boring or repetitive, perception that was turned down by a genius we all know about: Beakman. This character has had a huge impact over the popular image of science, by placing it as something fascinating. Therefore, we thought that a great idea to promote science in our school was to bring everybody’s scientific idol himself to invite them to it. The event was a Science Olympiad in which the participants aimed to earn a place to represent our campus in the International Science Olympiad that Tecnológico de Monterrey hosts every year. At the end of the day, we had a conference and talk show with the crazy scientist that made everybody keen on what we do.