Index.html

From 2014hs.igem.org

(Difference between revisions)
(Created page with "<!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="content-type"> <title>GenetiX</title> <link href="http://fonts.googleapis.com/css...")
(Blanked the page)
 
Line 1: Line 1:
-
<!DOCTYPE html>
 
-
<html>
 
-
  <head>
 
-
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
 
-
    <title>GenetiX</title>
 
-
    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600%7CSource+Code+Pro"
 
-
      rel="stylesheet">
 
-
    <!--[if lte IE 8]><script src="html5shiv.js" type="text/javascript"></script><![endif]-->
 
-
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 
-
    <script src="js/jquery.dropotron.min.js"></script>
 
-
    <script src="skel.min.js">
 
-
{
 
-
prefix: 'css/style',
 
-
preloadStyleSheets: true,
 
-
resetCSS: true,
 
-
boxModel: 'border',
 
-
grid: { gutters: 30 },
 
-
breakpoints: {
 
-
wide: { range: '1200-', containers: 1140, grid: { gutters: 50 } },
 
-
narrow: { range: '481-1199', containers: 960 },
 
-
mobile: { range: '-480', containers: 'fluid', lockViewport: true, grid: { collapse: true } }
 
-
}
 
-
}
 
-
</script>
 
-
    <script>
 
-
$(function() {
 
-
 
-
// Note: make sure you call dropotron on the top level <ul>
 
-
$('#main-nav > ul').dropotron({
 
-
offsetY: -10 // Nudge up submenus by 10px to account for padding
 
-
});
 
-
 
-
});
 
-
</script>
 
-
    <script>
 
-
// DOM ready
 
-
$(function() {
 
-
   
 
-
// Create the dropdown base
 
-
$("<select />").appendTo("nav");
 
-
 
 
-
// Create default option "Go to..."
 
-
$("<option />", {
 
-
"selected": "selected",
 
-
"value"  : "",
 
-
"text"    : "Menu"
 
-
}).appendTo("nav select");
 
-
 
 
-
// Populate dropdown with menu items
 
-
$("nav a").each(function() {
 
-
var el = $(this);
 
-
$("<option />", {
 
-
"value"  : el.attr("href"),
 
-
"text"    : el.text()
 
-
}).appendTo("nav select");
 
-
});
 
-
 
 
-
// To make dropdown actually work
 
-
// To make more unobtrusive: http://css-tricks.com/4064-unobtrusive-page-changer/
 
-
$("nav select").change(function() {
 
-
window.location = $(this).find("option:selected").val();
 
-
});
 
-
 
 
-
});
 
-
</script>
 
-
  </head>
 
-
  <body>
 
-
    <div id="header_container">
 
-
      <div class="container"> <!-- Header -->
 
-
        <div id="header" class="row">
 
-
          <div class="4u">
 
-
            <h1><img src="https://static.igem.org/mediawiki/2014hs/c/c9/Logo.png" alt="" usemap="#Map" height="101" width="301">
 
-
              <map name="Map">
 
-
                <area shape="rect" coords="-1,19,68,81" href="https://2014hs.igem.org/Main_Page"
 
-
 
-
                  target="_blank" alt="logo">
 
-
                <area shape="rect" coords="68,3,300,103" href="index.html">
 
-
              </map>
 
-
            </h1>
 
-
          </div>
 
-
          <nav id="main-nav" class="8u">
 
-
            <ul>
 
-
              <li><a 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>
 
-
                </ul>
 
-
              </li>
 
-
              <li> <a href="#">Data</a>
 
-
                <ul>
 
-
                  <li><a href="data_safety.html">Safety</a></li>
 
-
                  <li><a href="data_notebook.html">Notebook</a></li>
 
-
                  <li> <a href="data_biobricks.html">Biobricks</a></li>
 
-
                </ul>
 
-
              </li>
 
-
              <li><a href="#">The Team</a>
 
-
                <ul>
 
-
                  <li><a href="team_members.html">Members</a></li>
 
-
                  <li><a href="team_sponsors.html">Sponsors</a> </li>
 
-
                </ul>
 
-
              </li>
 
-
            </ul>
 
-
          </nav>
 
-
        </div>
 
-
      </div>
 
-
    </div>
 
-
    <div id="site_content">
 
-
      <div class="container">
 
-
        <!-- Banner -->
 
-
        <div id="banner"> <a href="#"><img src="https://static.igem.org/mediawiki/2014hs/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>
 

Latest revision as of 03:24, 21 June 2014