Difference between revisions of "Team:GenetiX Tec CCM"
(75 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | <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/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> | ||
− | < | + | <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;} | |
− | + | h2{color:#23b593;} | |
+ | h3{color:#23b588;} | ||
+ | #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; | ||
+ | } | ||
+ | #pall{ | ||
+ | color: #202020; | ||
+ | font-size: 25px; | ||
+ | font-weight: normal; | ||
+ | margin-bottom: 10px; | ||
+ | text-align:justify; | ||
+ | } | ||
+ | #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; | ||
+ | } | ||
− | + | #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> | ||
+ | <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--> | ||
− | < | + | <div id="mainContainer" class="container-fluid"> <!-- Es un div de todo la página--> |
− | < | + | <div class="menu" class="row"> |
− | <a href="https://2015.igem.org/ | + | <nav class="navbar navbar-default navbar-fixed-top" id="menuNavbar"> |
+ | <div class="up" id="tophiddenbar"> | ||
+ | <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 ><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> | ||
+ | </div> | ||
+ | <div class="navContainer" id="topbar"> | ||
+ | <div id="tophiddenbar"> | ||
+ | <div> | ||
+ | <ul> | ||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Description" onclick=show()> <li>PROJECT | ||
+ | <ul class="subnavbar"> | ||
+ | <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> | ||
+ | |||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Experiments"><li>Experiments & 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/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> | ||
+ | <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--> | ||
+ | <body> | ||
+ | <div id="contentContainer"> | ||
+ | <div id="bannerContainer" class="row" style="height:500px;"> | ||
+ | <span> | ||
+ | <embed width="640" height="480" class="video" src="https://www.youtube.com/embed/FUB6h_WGxvE"> | ||
+ | </span> | ||
+ | </div> | ||
+ | <div class="row" style="padding-top:10px;"> | ||
+ | <div class="col-md-6"> | ||
+ | <span class="menu"> | ||
+ | <p > | ||
+ | <h2 style="color:#23b593"> | ||
+ | Hi! Welcome to our Wiki | ||
+ | </h2> | ||
+ | </p> | ||
+ | </span> | ||
+ | <p syle="abstract" id="pall"> | ||
+ | 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> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <h2 style="color:#23b593"> | ||
+ | PseudoColi: Denitrification & O<sub>2</sub> Biosensor | ||
+ | </h2> | ||
+ | <p syle="abstract" id="pall"> | ||
+ | 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 O<sub>2</sub> promoter. This enhances water conditions by reducing NO<sup>-</sup><sub>2</sub> and NO<sup>-</sup><sub>3</sub> into N<sub>2</sub>, 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> | ||
+ | </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 <a href="https://www.facebook.com/genetixtecccm?fref=ts"> <image src="https://static.igem.org/mediawiki/2015/5/55/Facebook.png" class="icons"></a> </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="https://www.youtube.com/watch?v=HFyy7xytkFg"> <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> |
− | + | </div> | |
+ | </div> <!-- Footer solo cambiar tamaños de fuente t color--><!-- no tocar--> | ||
+ | </div> | ||
</html> | </html> |
Latest revision as of 02:09, 21 November 2015
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 NO-2 and NO-3 into N2, and therefore algae and water lilies. Successfully implementing our biosystem will lead to a better future for the biodiversity in Xochimilco.