Project.html

From 2014hs.igem.org

(Difference between revisions)
 
Line 1: Line 1:
-
<!DOCTYPE html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<html>
+
-
  <head>
+
-
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
+
-
    <title>GenetiX - The Project</title>
+
-
    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600%7CSource+Code+Pro"
+
-
      rel="stylesheet">
+
<head>
-
    <!--[if lte IE 8]><script src="html5shiv.js" type="text/javascript"></script><![endif]-->
+
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
-
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
+
<title>Our Project</title>
-
    <script src="js/jquery.dropotron.min.js"></script>
+
<style type="text/css">
-
    <script src="skel.min.js">
+
a {
-
{
+
color: #FFFFFF;
-
prefix: 'css/style',
+
}
-
preloadStyleSheets: true,
+
.auto-style5 {
-
resetCSS: true,
+
text-align: center;
-
boxModel: 'border',
+
}
-
grid: { gutters: 30 },
+
.auto-style13 {
-
breakpoints: {
+
text-align: center;
-
wide: { range: '1200-', containers: 1140, grid: { gutters: 50 } },
+
font-size: 40pt;
-
narrow: { range: '481-1199', containers: 960 },
+
font-family: Berylium;
-
mobile: { range: '-480', containers: 'fluid', lockViewport: true, grid: { collapse: true } }
+
}
-
}
+
.auto-style14 {
-
}
+
text-align: left;
-
</script>
+
font-size: x-large;
-
    <script>
+
}
-
$(function() {
+
.auto-style16 {
 +
text-align: center;
 +
font-size: xx-large;
 +
font-family: Berylium;
 +
}
 +
.auto-style17 {
 +
text-align: left;
 +
font-size: 30pt;
 +
font-family: Berylium;
 +
}
 +
.auto-style18 {
 +
font-family: Berylium;
 +
}
 +
.auto-style19 {
 +
text-align: left;
 +
font-size: 30pt;
 +
font-family: Berylium;
 +
margin-top: 39px;
 +
}
 +
.auto-style21 {
 +
text-align: center;
 +
font-size: xx-large;
 +
font-family: Berylium;
 +
margin-top: 8px;
 +
}
 +
.auto-style22 {
 +
text-align: right;
 +
font-size: 30pt;
 +
font-family: Berylium;
 +
}
 +
.auto-style23 {
 +
text-align: center;
 +
font-size: 30pt;
 +
font-family: Berylium;
 +
margin-top: 2px;
 +
}
 +
.auto-style24 {
 +
border-style: solid;
 +
border-width: 2px;
 +
}
 +
.auto-style4 {
 +
color: #058C1D;
 +
}
 +
.auto-style6 {
 +
font-size: x-large;
 +
font-family: Berylium;
 +
}
 +
.auto-style29 {
 +
text-decoration: underline;
 +
}
 +
.auto-style30 {
 +
margin-left: 18px;
 +
margin-right: 0px;
 +
}
 +
#content{
 +
background-image:url(https://static.igem.org/mediawiki/2014hs/thumb/1/19/Chalkboard_background.jpg/800px-Chalkboard_background.jpg);
 +
}
 +
</style>
 +
</head>
 +
<FONT COLOR=white>
 +
<body style="color: #FFFFFF; background-color: #000000; background-image: url('https://static.igem.org/mediawiki/2014hs/thumb/1/19/Chalkboard_background.jpg/800px-Chalkboard_background.jpg');">
-
// Note: make sure you call dropotron on the top level <ul>
+
<div class="auto-style5">
-
$('#main-nav > ul').dropotron({
+
-
offsetY: -10 // Nudge up submenus by 10px to account for padding
+
-
});
+
-
});
+
<p>
-
</script>
+
&nbsp;</p>
-
    <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">
+
<p class="auto-style5">&nbsp;<span class="auto-style4"><a href="default.html" class="auto-style16"><span class="auto-style6">Home</span></a><span class="auto-style6"> |
-
                <area shape="rect" coords="68,3,300,103" href="index.html">
+
</span><a href="project.html" class="auto-style16"><span class="auto-style6">Our Project</span></a><span class="auto-style6"> |
-
              </map>
+
</span><a href="team.html" class="auto-style16"><span class="auto-style6">Our Team</span></a><span class="auto-style6">  
-
            </h1>
+
| </span><a href="humanpractices.html" class="auto-style16"><span class="auto-style6">Human Practices</span></a><span class="auto-style6"> |
-
          </div>
+
</span><a href="notebook.html" class="auto-style16"><span class="auto-style6">Our Notebook</span></a><span class="auto-style6"> |
-
          <nav id="main-nav" class="8u">
+
<span><a href="sponsors.html" class="auto-style16"><span class="auto-style6">Sponsors</span></a><span class="auto-style6"> |
-
            <ul>
+
</span><a href="contact.html" class="auto-style16"><span class="auto-style6">Contact Us</span></a></span><o:p></o:p></p>
-
              <li><a href="index.html">Home</a></li>
+
-
              <li><a class="active" 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>
+
</div>
-
                </ul>
+
<p class="auto-style13" style="height: 30px">
-
              </li>
+
<img alt="" class="auto-style30" height="197" src="https://static.igem.org/mediawiki/2014hs/8/84/Chalkboard.jpg" style="z-index: -1; position: absolute; top: 175px; left: 190px" width="565" />
-
              <li> <a href="#">Data</a>
+
<p class="auto-style13" style="height: 30px">
-
                <ul>
+
Our Project</p>
-
                  <li><a href="data_safety.html">Safety</a></li>
+
<p class="auto-style21" style="height: 8px">&nbsp;&nbsp;
-
                  <li><a href="data_notebook.html">Notebook</a></li>
+
<a href="#Introduction...">Introduction</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-
                  <li> <a href="data_biobricks.html">Biobricks</a></li>
+
<a href="#The_Science...">The Science</a>&nbsp;&nbsp;</p>
-
                </ul>
+
<p class="auto-style21" style="height: 8px">&nbsp;&nbsp;
-
              </li>
+
</p>
-
              <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/e/ea/Project.jpg" alt="banner image"></a>
+
-
        </div>
+
-
        <!-- Features -->
+
-
        <div class="row">
+
-
          <section class="8u">
+
-
            <h1>The Project</h1>
+
-
            <p>The main idea of our project is to achieve the detection of
+
-
              anoxia and Iron concentrations in water systems. What we propose
+
-
              is to construct an easy way of monitoring the levels of O2 and Fe
+
-
              in the lake by using biosensors. By using modified bacteria <em>E.
+
-
                coli</em> for this, we&nbsp;will try to find a cheaper, easier,
+
-
              and faster way to detect the problem of anoxia and iron
+
-
              concentration in some aquifers of Mexico City. We will have to
+
-
              analyze samples of water at different depths to know where the
+
-
              problem is worse and what probable native species could be more
+
-
              affected.</p>
+
-
            <p><br>
+
-
              Our purpose is the identification of adequate dissolved oxygen
+
-
              levels for a stable support of life and the identification of iron
+
-
              concentration below threatening levels in order to know if the
+
-
              lake has the physical and chemical properties to support wild-life
+
-
              naturally. With the use of biosensors, specialized for detecting
+
-
              concentrations of oxygen above a 2% dissolution, we used modified
+
-
              E. coli with an oxygen promoter (BBa_K258005)&nbsp;that will
+
-
              detect the low concentrations and a reporter of (GFP or RFP) that
+
-
              will indicate the activation of our promoter (<strong>Figure 1</strong>).
+
-
              The Iron promoter reacts inside an environment with a
+
-
              concentration of iron ranging from 1 ppm and on (A.
+
-
              Quintero,2007). The acceptable levels of iron in drinkable water
+
-
              are lower than 0.5 ppm (WHO, 1996).</p>
+
-
            <p align="center"><img src="https://static.igem.org/mediawiki/2014hs/0/07/Project_figure1.png" alt="" height="326"
+
-
                width="300"></p>
+
<p class="auto-style16" style="height: 21px">Comparison&nbsp;&nbsp;&nbsp;&nbsp;
-
            <p> To achieve the objective using <em>E. Coli</em> we will
+
Final Piece&nbsp;&nbsp;&nbsp;&nbsp; Modelling</p>
-
              construct different types of modified plasmids for our bacteria to
+
<p class="auto-style17" style="height: 19px"></p>
-
              express the biosensors based on iGem biobricks. The idea is to use
+
<p class="auto-style17" style="height: 19px"><strong><a name="Introduction...">Introduction...</a></strong></p>
-
              sensitive promoters: one for oxygen, and another one for iron;
+
<p class="auto-style22" style="height: 19px">&nbsp;</p>
-
              those promoters will lead to an expression of GFP or mRFP. This
+
<p style="height: 150px">
-
              will provide a visual signal to indicate the presence or absence
+
<span class="auto-style18" style="font-size: 14.0pt; mso-bidi-font-size: 10.0pt;">&nbsp;&nbsp;&nbsp;&nbsp;
-
              of these elements. Biobrick parts BBa_K258005 (O₂ prom),
+
For this season our team is working on expanding and perfecting our project. Our
-
              BBa_I765000 (Fe prom), BBa_E1010 (GFP) and BBa_J04650 (mRFP) were
+
goal is to create a biobrick and a working prototype that will detect levels of
-
              selected for the construction of the biosensors (<strong>Figure 2</strong>).
+
xylene, which is linked directly to carcinogens found in petroleum products such
-
              These were transformed into E. <em>coli</em> strands DH5-a, TOP
+
as benzene and its derivatives. Our biobrick will create different amounts of  
-
              10, and NEB 10-b for storage and subsequent plasmid growth and
+
fluorescent protein in the presence of xylene bound to xylR. The economy in our
-
              isolation using a Zymo Research® DNA extraction kit.</p>
+
rural community is based largely on agriculture and oil and gas industries. Oil
-
            <p align="center"><img src="https://static.igem.org/mediawiki/2014hs/2/22/Project_figure2.png" alt="" height="124"
+
spills have detrimental effects on the environment, economy, and general health.  
 +
This year we will be testing out two different </span>
 +
<span class="auto-style18" style="font-size: 14.0pt;">indicators to allow
 +
options concerning scale and intensity of colour change. In future years our
 +
project will allow early identification of contamination will facilitate rapid
 +
clean-up and minimize health risks to members of our community and to the
 +
consumers who rely on the food we produce.</span><o:p></o:p></p>
 +
<p class="auto-style23" style="height: 129px">
 +
<o:p></o:p>
 +
<img alt="" class="auto-style24" height="280" src="https://static.igem.org/mediawiki/2014hs/8/8a/Davidlloyd3.jpg" width="425" /></p>
 +
<p class="auto-style17" style="height: 19px">&nbsp;</p>
 +
<p class="auto-style17" style="height: 19px">&nbsp;</p>
 +
<p class="auto-style17" style="height: 19px">&nbsp;<strong><a name="The_Science...">The Science...</a></strong></p>
 +
<p class="auto-style19">&nbsp;</p>
 +
<p class="auto-style14">&nbsp;</p>
-
                width="350"></p>
+
</body>
-
            <p> Once we measure and identify critical regions of the Lake, our
+
-
              report could go directly to the Citizen Council for its
+
-
              consideration. The competent authorities should be able to propose
+
-
              concrete legal initiatives to reduce pollution in the identified
+
-
              areas and start remediation campaigns that re-establish the local
+
-
              aquatic environment to a stable, liveable, friendly ecosystem for
+
-
              the inhabitant species. </p>
+
-
            <h1>&nbsp;</h1>
+
-
          </section>
+
-
          <section class="4u">
+
-
            <div id="sidebar">
+
-
              <section class="12u">
+
-
                <h1 class="12u italic">References</h1>
+
-
                <ul type="disc">
+
-
                  <li>Chaparro-Herrera, D., Nandini, S., &amp; Sarma, S. (2013).
+
-
                    Effect of water quality on the feeding ecology of axolotl
+
-
                    Ambystoma mexicanum. Journal Of Limnology, 72(3), e46. <a href="http://dx.doi.org/10.4081/jlimnol.2013.e46">http://goo.gl/UzcR6F</a></li>
+
-
                  <li>Khosla, C. &amp; Bailey, J.E (1989) Characterization of
+
-
                    the Oxygen-Dependent Promoter of the Vitreoscilla Hemoglobin
+
-
                    Gene in Escherichia coli. Journal of Bacteriology volume 171
+
-
                    pp.5995-6004 </li>
+
-
                  <li>Geckil H*, Stark BC, and Webster DA(2001)Cell growth and
+
-
                    oxygen uptake of Escherichia coli and Pseudomonas aeruginosa
+
-
                    are differently affected by the genetically engineered
+
-
                    Vitreoscilla hemoglobin gene.Journal of Biotechnology 2001;
+
-
                    85(1): 57-66.</li>
+
-
                  <li>A. Quintero (2007), A microbial biosensor device for iron
+
-
                    detection under UV irradiation. Retrieved: 05 of June of
+
-
                    2014 http://goo.gl/sbVxL1</li>
+
-
                  <li>World Health Organization (1996), Iron in Drinking-Water
+
-
                    Retrieved: 26 of May 2014 http://goo.gl/39EBe4</li>
+
-
                  <li>Alejandro Molina (2010), El ajolote de Xochimilco
+
-
                    http://goo.gl/fEF4MA</li>
+
-
                  <li>Raul Arcos Ramos (2004), Evaluacion de componente organico
+
-
                    como un factor indicativo del estado trofico del lago
+
-
                    Xochimilco <a href="http://www.uaemex.mx/Red_Ambientales/docs/congresos/MORELOS/Extenso/CA/EO/CAO-39.pdf">http://goo.gl/ERp1Nw</a></li>
+
-
                  <li>Davis, John C. "Journal of the Fisheries Research Board of
+
-
                    Canada." <em>Minimal Dissolved Oxygen Requirements of
+
-
                      Aquatic Life with Emphasis on Canadian Species: A Review -</em>.
+
-
                    Journal of the Fisheries Research Board of Canada, 14 Apr.
+
-
                    2011. Web. 27 May 2014. http://goo.gl/BmvjQG. </li>
+
-
                </ul>
+
-
                <p class="12u italic">&nbsp;</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>

Latest revision as of 03:28, 21 June 2014

Our Project

Our Project

   Introduction       The Science  

  

Comparison     Final Piece     Modelling

Introduction...

 

     For this season our team is working on expanding and perfecting our project. Our goal is to create a biobrick and a working prototype that will detect levels of xylene, which is linked directly to carcinogens found in petroleum products such as benzene and its derivatives. Our biobrick will create different amounts of fluorescent protein in the presence of xylene bound to xylR. The economy in our rural community is based largely on agriculture and oil and gas industries. Oil spills have detrimental effects on the environment, economy, and general health. This year we will be testing out two different indicators to allow options concerning scale and intensity of colour change. In future years our project will allow early identification of contamination will facilitate rapid clean-up and minimize health risks to members of our community and to the consumers who rely on the food we produce.

 

 

 The Science...