Team:GenetiX Tec CCM

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
  <head>
+
<head>
-
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
+
<meta charset="utf-8">
-
    <title>GenetiX</title>
+
<title>GenetiX</title>
-
    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600%7CSource+Code+Pro"
+
</head>
-
      rel="stylesheet">
+
<body>
-
    <!--[if lte IE 8]><script src="html5shiv.js" type="text/javascript"></script><![endif]-->
+
<ul>
-
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
+
   <li><a href="index.html">Home</a></li>
-
    <script src="js/jquery.dropotron.min.js"></script>
+
  <li><a href="project.html">The Project</a>
-
    <script src="skel.min.js">
+
    <ul>
-
<style>
+
      <li><a href="project_biosensor.html">Biosensor</a></li>
-
@font-face {
+
      <li><a href="project_eutrophication.html">Eutrophication</a></li>
-
  font-family: Droid Sans;
+
      <li><a href="project_localization.html">Localization</a></li>
-
    src: url('../fonts/DroidSans-webfont.eot');
+
    </ul>
-
    src: local("Droid Sans"), url('../fonts/DroidSans-webfont.woff');
+
  </li>
-
}
+
  <li><a href="results.html">Results</a></li>
-
 
+
  <li><a href="#">Human Practices</a>
-
@font-face {
+
    <ul>
-
  font-family: News Cycle;
+
      <li><a href="human_practices_travesuras2014.html">Travesuras
-
    src: url('../fonts/NewsCycle-Regular.eot');
+
        2014</a></li>
-
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf');
+
      <li><a href="human_practices_travesuras2013.html">Travesuras
-
}
+
        2013</a></li>
-
 
+
      <li><a href="human_practices_conference.html">Conference</a><a
-
body {
+
-
background: #FFF;
+
-
color: #1D1D1D;
+
-
text-align: justify;
+
-
    font: normal .90em 'Droid Sans', arial, sans-serif;
+
-
line-height: 2em;
+
-
}
+
-
 
+
-
p {
+
-
  padding: 0 0 16px 0;
+
-
  line-height: 1.7em;
+
-
text-align: justify;
+
-
}
+
-
 
+
-
img {
+
-
  border: 0;
+
-
}
+
-
 
+
-
h1, h2, h3, h4, h5, h6 {
+
-
  color: #000;
+
-
text-align: justify;
+
-
  letter-spacing: 0em;
+
-
  padding: 0 0 0.5em 0;
+
-
}
+
-
 
+
-
h1, h2, h3 {
+
-
  font: bold 140% 'News Cycle', arial;
+
-
text-align: justify;
+
-
  margin: 0 0 1em 0;
+
-
  padding: 0em 0 0.5em 0;
+
-
  color: #2EC0FF;
+
-
}
+
-
 
+
-
h2 {
+
-
  font-size: 160%;
+
-
text-align: justify;
+
-
}
+
-
 
+
-
h3 {
+
-
  font-size: 140%;
+
-
text-align: justify;
+
-
  padding: 0.5em 0 0 0;
+
-
}
+
-
 
+
-
h4, h5, h6 {
+
-
  padding: 0 0 0.5em 0;
+
-
text-align: justify;
+
-
  font: normal 120% 'Droid Sans', arial, sans-serif;
+
-
  color: #000;
+
-
}
+
-
 
+
-
a, a:hover {
+
-
  outline: none;
+
-
  text-decoration: none;
+
-
  color: #2EC0FF;
+
-
}
+
-
 
+
-
a:hover {
+
-
  text-decoration: underline;
+
-
}
+
-
 
+
-
blockquote {
+
-
  margin: 2em 0;
+
-
  padding: 1em 2em 0 2em;
+
-
  border: 1px solid #E5E5DB;
+
-
  background: #FFF;
+
-
}
+
-
 
+
-
ul {
+
-
  margin: 0.1em 0 1em 2em;
+
-
}
+
-
 
+
-
ul li {
+
-
  list-style-type: circle;
+
-
  margin: 0 0 0.25em 0;
+
-
  padding: 0 0 0.25em 0.5em;
+
-
  line-height: 1.5em;
+
-
}
+
-
 
+
-
ol {
+
-
  margin: 0.1em 0 2em 2em;
+
-
}
+
-
 
+
-
ol li {
+
-
  margin: 0 0 0.5em 0;
+
-
}
+
-
 
+
-
.left {
+
-
  float: left;
+
-
  width: auto;
+
-
  margin-right: 1em;
+
-
}
+
-
 
+
-
.right {
+
-
  float: right;
+
-
  width: auto;
+
-
  margin-left: 1em;
+
-
}
+
-
 
+
-
.center {
+
-
  display: block;
+
-
  text-align: center;
+
-
  margin: 2em auto;
+
-
}
+
-
 
+
-
#header_container {
+
-
  background: #1D1D1D;
+
-
}
+
-
 
+
-
#header h1 a {
+
-
  font: normal 200% 'News Cycle', arial, sans-serif;
+
-
  border-bottom: 0;
+
-
  text-transform: none;
+
-
  margin: 0;
+
-
  color: #FFF;
+
-
  text-decoration: none;
+
-
}
+
-
 
+
-
#header h2 {
+
-
  font: normal 150% 'News Cycle', arial, sans-serif;
+
-
  border-bottom: 0;
+
-
  text-transform: none;
+
-
  margin: 0;
+
-
  color: #FFF;
+
-
}
+
-
 
+
-
#header h1 a .header_colour {
+
-
  color: #2EC0FF;
+
-
}
+
-
 
+
-
#header a:hover .header_colour {
+
-
  color: #FFF;
+
-
}
+
-
 
+
-
#header h2 {
+
-
  font-size: 140%;
+
-
  padding: 0 0 0 0;
+
-
  margin-top: -1em;
+
-
  color: #FFF;
+
-
}
+
-
 
+
-
.button {
+
-
border-radius: 0.5em;
+
-
box-shadow: inset 0 0 0 2px rgba(255,255,255,0.5);
+
-
color: #369ab8;
+
-
color: #fff;
+
-
display: inline-block;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#main-nav ul {
+
-
    font: normal 120% 'News Cycle', arial;
+
-
float: right;
+
-
list-style: none;
+
-
margin-top: 3.7em;
+
-
padding: 0;
+
-
}
+
-
 
+
-
#main-nav ul li {
+
-
display: inline-block;
+
-
margin: 0 1em 0 1em;
+
-
padding: 0.35em 0em 0.35em 0em;
+
-
border-radius: 0.5em;
+
-
}
+
-
 
+
-
#main-nav ul li.active {
+
-
}
+
-
 
+
-
#main-nav ul li a.active {
+
-
color: #fff;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#banner {
+
-
color: #fff;
+
-
text-align: center;
+
-
-moz-box-shadow: rgba(0, 0, 0, 0.5)  0px 3px 5px;
+
-
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;
+
-
box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;
+
-
}
+
-
 
+
-
#site_content {
+
-
    margin-bottom: 2em;
+
-
}
+
-
 
+
-
#sidebar {
+
-
    margin-bottom: 2em;
+
-
background: #F5F5F5;
+
-
padding: 1em 1em 1em 2em;
+
-
-moz-box-shadow: rgba(0, 0, 0, 0.5)  0px 3px 5px;
+
-
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;
+
-
box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;
+
-
}
+
-
 
+
-
#footer_container {
+
-
background: #000;
+
-
}
+
-
 
+
-
footer {
+
-
  font: 100% 'Droid Sans', arial, sans-serif;
+
-
  text-align: center;
+
-
  color: #FFF;
+
-
  margin: 0;
+
-
}
+
-
 
+
-
footer p {
+
-
  line-height: 1.7em;
+
-
}
+
-
 
+
-
footer a {
+
-
  color: #FFF;
+
-
  text-decoration: none;
+
-
}
+
-
 
+
-
footer a:hover {
+
-
  color: #FFF;
+
-
  text-decoration: underline;
+
-
}
+
-
 
+
-
/* A single menu */
+
-
.dropotron {
+
-
background: #1D1D1D;
+
-
border-radius: 0.5em;
+
-
list-style: none;
+
-
margin: 0;
+
-
min-width: 10em;
+
-
padding: 0.75em 1em 0.75em 1em;
+
-
}
+
-
+
-
.dropotron > li {
+
-
border-top: solid 1px #555;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
.dropotron > li:first-child {
+
-
border-top: 0;
+
-
}
+
-
+
-
.dropotron > li > a {
+
-
color: #FFF;
+
-
display: block;
+
-
padding: 0.5em 0 0.5em 0;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
.dropotron > li.active > a, .dropotron > li:hover > a {
+
-
color: #2EC0FF;;
+
-
}
+
-
 
+
-
/* Only applies to top level ("level-0") menus */
+
-
.dropotron.level-0 {
+
-
margin-top: 1.25em;
+
-
}
+
-
 
+
-
.dropotron.level-0:before {
+
-
content: '';
+
-
position: absolute;
+
-
border-bottom: solid 0.5em #444;
+
-
border-left: solid 0.5em transparent;
+
-
border-right: solid 0.5em transparent;
+
-
top: -0.5em;
+
-
}
+
-
 
+
-
nav select {
+
-
  display: none;
+
-
}
+
-
+
-
@media (max-width: 480px) {
+
-
  nav ul    { display: none; }
+
-
  nav select { display: inline-block;}
+
-
} 
+
-
 
+
-
.form_settings {
+
-
margin: 1em 0 0 0;
+
-
}
+
-
 
+
-
.form_settings p {
+
-
padding: 0 0 0.25em 0;
+
-
}
+
-
 
+
-
.form_settings span {
+
-
float: left;
+
-
width: 22em;
+
-
text-align: left;
+
-
}
+
-
 
+
-
.form_settings input, .form_settings textarea {
+
-
padding: 0.25em;
+
-
width: 20em;
+
-
font: 100% arial;
+
-
margin-bottom: 1em;
+
-
border: 1px solid #bbb;
+
-
background: #FFF;
+
-
color: #47433F;
+
-
}
+
-
 
+
-
.form_settings input[type="checkbox"] {
+
-
padding: 0;
+
-
width: 2em;
+
-
font: 100% arial;
+
-
border: 0;
+
-
background: #FFF;
+
-
color: #47433F;
+
-
}
+
-
 
+
-
.form_settings .submit {
+
-
font-family: 'Source Sans Pro';
+
-
font-weight: 700;
+
-
border: 1px solid;
+
-
width: 6em;
+
-
margin: 0 0 0 14em;
+
-
height: 2em;
+
-
cursor: pointer;
+
-
background: #0183F0;
+
-
background: -moz-linear-gradient(#0183F0, #3B5998);
+
-
background: -o-linear-gradient(#0183F0, #3B5998);
+
-
background: -webkit-linear-gradient(#0183F0, #3B5998);
+
-
border-radius: 5px;
+
-
color: #FFF;
+
-
}
+
-
 
+
-
.form_settings .submit:hover {
+
-
background: #3B5998;
+
-
background: -moz-linear-gradient(#3B5998, #0183F0);
+
-
background: -o-linear-gradient(#3B5998, #0183F0);
+
-
background: -webkit-linear-gradient(#3B5998, #0183F0);
+
-
}
+
-
 
+
-
table {
+
-
  margin: 1em 0 3em 0;
+
-
}
+
-
 
+
-
table tr th, table tr td {
+
-
  background: #BBB;
+
-
  color: #FFF;
+
-
  padding: 0.75em 0.5em;
+
-
  text-align: left;
+
-
}
+
-
 
+
-
table tr td {
+
-
  background: #DDD;
+
-
  color: #47433F;
+
-
  border-top: 1px solid #FFF;
+
-
}
+
-
</style>
+
-
{
+
-
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 class="active" 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 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><a
+
                       href="human_practices_travesuras2014.html"></a></li>
                       href="human_practices_travesuras2014.html"></a></li>
-
                </ul>
+
    </ul>
-
              </li>
+
  </li>
-
              <li> <a href="#">Data</a>
+
  <li> <a class="active" href="#">Data</a>
-
                <ul>
+
    <ul>
-
                  <li><a href="data_safety.html">Safety</a></li>
+
      <li><a href="data_safety.html">Safety</a></li>
-
                  <li><a href="data_notebook.html">Notebook</a></li>
+
      <li><a href="data_notebook.html">Notebook</a></li>
-
                  <li> <a href="data_biobricks.html">Biobricks</a></li>
+
      <li> <a href="data_biobricks.html">Biobricks</a></li>
-
                </ul>
+
    </ul>
-
              </li>
+
  </li>
-
              <li><a href="#">The Team</a>
+
  <li><a href="#">The Team</a>
-
                <ul>
+
    <ul>
-
                  <li><a href="team_members.html">Members</a></li>
+
      <li><a href="team_members.html">Members</a></li>
-
                  <li><a href="team_sponsors.html">Sponsors</a> </li>
+
      <li><a href="team_sponsors.html">Sponsors</a></li>
-
                </ul>
+
    </ul>
-
              </li>
+
  </li>
-
            </ul>
+
</ul>
-
          </nav>
+
</body>
-
        </div>
+
-
      </div>
+
-
    </div>
+
-
    <div id="site_content">
+
-
      <div class="container">
+
-
        <!-- Banner -->
+
-
        <div id="banner"> <a href="#"><img src="https://static.igem.org/mediawiki/2014hs/2/2d/Bannergg.png" alt="banner image"></a>
+
-
        </div>
+
-
        <!-- Features -->
+
-
        <div class="row">
+
-
          <section class="8u">
+
-
            <h1>Welcome to our wiki</h1>
+
-
            <p>We are high school students at Tecnológico de Monterrey, Mexico
+
-
              City Campus, a team with juniors and seniors working together.
+
-
              What made us a team was our passion for science, we all wanted to
+
-
              innovate, to create, to surprise and engine something useful. Our
+
-
              goal is to prove that if you plan on doing something, no matter
+
-
              what, you can achieve it with the right focus.</p>
+
-
            <h2>Biodetection of Anoxia in Lake Xochimilco</h2>
+
-
            <p>Lake Xochimilco in Mexico City faces a condition of extreme
+
-
              pollution which endangers the endemic species; many of which are
+
-
              nearing extinction. Oxygen levels depletion in the lake directly
+
-
              affect the fauna, making it less hospitable or even deadly. Our
+
-
              goal is to produce a biosensor that can easily and inexpensively
+
-
              detect anoxia in different regions of the lake. Using an oxygen
+
-
              promoter in addition with the biological markers RFP and GFP we
+
-
              could theoretically detect low dissolved oxygen levels in water
+
-
              samples. In addition, we intend to use a second construct with an
+
-
              Iron promoter to detect iron concentrations that also endanger the
+
-
              sustainability of living organisms in the lake. Once we identify
+
-
              critical regions of the Lake, our report could incentivize the
+
-
              Civil Council and authorities to propose concrete legal
+
-
              initiatives to reduce pollution in the identified areas and start
+
-
              remediation campaigns.</p>
+
-
          </section>
+
-
          <section class="4u">
+
-
            <div id="sidebar">
+
-
              <section class="12u">
+
-
                <h5 class="12u italic"><img src="https://static.igem.org/mediawiki/2014hs/2/2a/Lp.png" alt="" class="center"
+
-
 
+
-
                    height="250" width="250"></h5>
+
-
                <h5 class="12u italic"><strong><em>"I am utterly convinced that
+
-
                      Science and Peace will triumph over Ignorance and War,
+
-
                      that nations will eventually unite not to destroy but to
+
-
                      edify, and that the future will belong to those who have
+
-
                      done the most for the sake of suffering humanity.</em></strong><em>"</em></h5>
+
-
                <p><em class="12u right">Louis Pasteur</em></p>
+
-
              </section>
+
-
              <section class="12u"> </section>
+
-
            </div>
+
-
          </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>&nbsp;<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>&nbsp;<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>
</html>

Revision as of 00:39, 21 June 2014

GenetiX

Retrieved from "http://2014hs.igem.org/Team:GenetiX_Tec_CCM"