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

(Prototype team page)
 
Line 1: Line 1:
−
{{GenetiX_Tec_CCM}}
 
 
<html>
 
<html>
−
<h2>Safety in iGEM</h2>
+
  <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/Home</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>
  
−
<p>Please visit <a href="https://2015.igem.org/Safety">the main Safety page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
<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: 97%;
 +
  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: 100px;
 +
    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;
 +
    width: 90%;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
  }
 +
  #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>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
+
  #footer{
 +
    width: 100%;
 +
    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;
  
 +
  }
 +
  .clear{
 +
    clear:both;
 +
    height: 10px;
 +
  }
 +
</style>
  
−
<h4>Safe Project Design</h4>
+
<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: "Trebuchet MS", Helvetica, sans-serif;
 +
    font-weight: 100;
 +
    font-size: 30px;
 +
    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-->
  
−
<p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
+
<div id="mainContainer" class="container-fluid"> <!-- Es un div de todo la página-->
−
 
+
  <div class="menu" class="row">
−
<ul>
+
    <nav class="navbar navbar-default navbar-fixed-top" id="menuNavbar">
−
<li>Choosing a non-pathogenic chassis</li>
+
        <div class="up" id="tophiddenbar">
−
<li>Choosing parts that will not harm humans / animals / plants</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>Substituting safer materials for dangerous materials in a proof-of-concept experiment</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>Including an "induced lethality" or "kill-switch" device</li>
+
            </div>
−
</ul>
+
        <div class="navContainer" id="topbar">
−
 
+
          <div id="tophiddenbar">
−
<h4>Safe Lab Work</h4>
+
            <div>
−
 
+
              <ul>
−
<p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
+
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Description" onclick=show()> <li>PROJECT
−
 
+
                <ul class="subnavbar">
−
<h4>Safe Shipment</h4>
+
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Description"><li>Description</li></a>
−
 
+
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Design"><li>Design</li></a>
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Results"><li>Results</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/Attribution"><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/Practices"><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>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </div>
 +
    </nav>
 +
  </div> <!-- Es el menú de arriba--> <!-- no tocar-->
  
 +
  <body>
 +
    <div class="row" id="contentContainer">
 +
      <div id="bannerContainer" class="row">
 +
        <div class="col-md-6">
 +
          <span>
 +
            <embed width="620" height="415" class="video" src="https://www.youtube.com/watch?v=HFyy7xytkFg">
 +
          </span>
 +
        </div>
 +
        <div class="col-md-1">
 +
        </div>
 +
        <div class="col-md-4" style="margin-top: 30px;">
 +
          <span class="menu">
 +
            <p>
 +
            <h2 style="color:#23b593">
 +
            Hi! Welcome to our Wiki
 +
            </h2>
 +
            </p>
 +
          </span>
 +
            <p syle="abstract">
 +
              Our team is known as GenetiX, we are young at this competition been this year the second time that we are part of this amazing and wonderful event. As High scholars from the Tecnológico de Monterrey Campus Ciudad de México we are passionate about what we do, some are artists, some geeks, some nerds, some "normal" and some what ever they want to be. We all are full of energy, creativity and enough craziness to innovate though technology. There is no word to describe the group but this diversity makes us unique.<br>
 +
              Our group does not just participate in the iGem competition but has it´s objective in promoting the science in the Mexican society with the goal to demonstrate that no mater what              if you work hard to accomplish it you can do it. We are grateful to welcome you to our Wiki where you can see our project and many other activities.
 +
              Never the less WELCOME…
 +
            </p>
 +
            <h2 style="color:#23b593">
 +
              PseudoColi: Denitrification &amp; O2 Biosensor
 +
            </h2>
 +
            <p syle="abstract">
 +
              Xochimilco, one of the most important aquatic systems in Mexico City, has a huge environmental and social importance. It is home to many endemic species, as well as the main economic drive of the southern area. Due to its historical background, it is considered World Heritage by UNESCO since 1987. Currently, it presents several pollution issues such as an excessive amount of nitrites and nitrates, which in turn causes an overpopulation of Nymphaea, and thus anoxic conditions. As a consequence, flora and fauna endemic to the lake are dying. Our biosystem will activate a denitrification pathway taken from Pseudomonas stutzeri whenever O2 levels in the water are sensed as critical, using an O2 promoter. This enhances water conditions by reducing NO2 and NO3 into N2, and therefore algae and water lilies. Successfully implementing our biosystem will lead to a better future for the biodiversity in Xochimilco.
 +
            </p>
 +
          </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">"Telefono de Jessica/Nuri/Kai"
 +
            </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>

Revision as of 08:25, 18 September 2015

iGem Tec CCM/Home

Hi! Welcome to our Wiki

Our team is known as GenetiX, we are young at this competition been this year the second time that we are part of this amazing and wonderful event. As High scholars from the Tecnológico de Monterrey Campus Ciudad de México we are passionate about what we do, some are artists, some geeks, some nerds, some "normal" and some what ever they want to be. We all are full of energy, creativity and enough craziness to innovate though technology. There is no word to describe the group but this diversity makes us unique.
Our group does not just participate in the iGem competition but has it´s objective in promoting the science in the Mexican society with the goal to demonstrate that no mater what if you work hard to accomplish it you can do it. We are grateful to welcome you to our Wiki where you can see our project and many other activities. Never the less WELCOME…

PseudoColi: Denitrification & O2 Biosensor

Xochimilco, one of the most important aquatic systems in Mexico City, has a huge environmental and social importance. It is home to many endemic species, as well as the main economic drive of the southern area. Due to its historical background, it is considered World Heritage by UNESCO since 1987. Currently, it presents several pollution issues such as an excessive amount of nitrites and nitrates, which in turn causes an overpopulation of Nymphaea, and thus anoxic conditions. As a consequence, flora and fauna endemic to the lake are dying. Our biosystem will activate a denitrification pathway taken from Pseudomonas stutzeri whenever O2 levels in the water are sensed as critical, using an O2 promoter. This enhances water conditions by reducing NO2 and NO3 into N2, and therefore algae and water lilies. Successfully implementing our biosystem will lead to a better future for the biodiversity in Xochimilco.