Difference between revisions of "Team:East Chapel Hill"

 
(46 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{East_Chapel_Hill}}
 
{{East_Chapel_Hill}}
 
<html>
 
<html>
−
<style>
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
−
p.big {
+
<script src="https://github.com/kswedberg/jquery-smooth-scroll/blob/master/jquery.smooth-scroll.min.js"></script>
−
     line-height: 1.8;
+
<script>
−
}
+
$('.smooth').on('click', function() {
−
</style>
+
     $.smoothScroll({
−
<head>
+
        scrollElement: $('body'),
−
 
+
        scrollTarget: '#' + this.id
 +
    });
 +
   
 +
    return false;
 +
});
 +
</script>
  
 +
<head>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
−
    <title>Home</title>
+
<title>Home</title>
 
     <!-- Bootstrap -->
 
     <!-- Bootstrap -->
−
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:East_Chapel_Hill/CSS?action=raw&ctype=text/css" />
+
<link href="https://2018.igem.org/Template:East_Chapel_Hill rel="stylesheet">
 +
</head>
  
 
<style>
 
<style>
 +
p.big {
 +
    line-height: 1.8;
 +
}
 +
 
.foo img:last-child{display:none}
 
.foo img:last-child{display:none}
 
.foo:hover img:first-child{display:none}
 
.foo:hover img:first-child{display:none}
Line 30: Line 41:
 
color: #aaa;
 
color: #aaa;
 
font-size: 85%;
 
font-size: 85%;
 +
font-style: Optima;
 
}
 
}
−
 
−
 
 
</style>
 
</style>
−
 
−
 
 
<style>
 
<style>
 
button{border: 0; background-color: #D3D3D3
 
button{border: 0; background-color: #D3D3D3
 
}
 
}
 
</style>
 
</style>
−
</head>
 
  
−
</style>
 
  
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
+
<!-- Define p2 type -->  
−
<script src="https://github.com/kswedberg/jquery-smooth-scroll/blob/master/jquery.smooth-scroll.min.js"></script>
+
<style>
−
<script>
+
p2 {
−
$('.smooth').on('click', function() {
+
    display: block;
−
    $.smoothScroll({
+
    margin-top: 1em;
−
        scrollElement: $('body'),
+
    margin-bottom: 1em;
−
        scrollTarget: '#' + this.id
+
    margin-left: 5em;
−
    });
+
    margin-right: 5em;
−
   
+
}
−
    return false;
+
</style>
−
});
+
<!-- Define horizontal bar type -->  
−
</script>
+
<style>  
−
<!-- First Parallax Image with Logo Text -->
+
hr {
−
<div class="w3-display-container w3-opacity-min" id="top">
+
border: 2px solid;
−
  <div class="igem-front-video-wrapper">
+
margin-right: 80px;
−
  <video controls="" style="max-width: 100%; z-index:1000;" poster="" onclick="this.paused ? this.play() : this.pause();">
+
margin-left:80px;
−
  <source src="https://static.igem.org/mediawiki/2017/0/08/Stockholm_Project_video.mp4" type="video/mp4">
+
}
−
</video>
+
</style>
−
</div>
+
−
</div>
+
  
 +
<!-- Define h2 -->
 +
<style>
 +
h2 {
 +
  margin-top: 1em;
 +
            margin-bottom: 1em;
 +
            margin-left: 6em;
 +
            margin-right: 6em;
 +
            text-align: left;
 +
                font-size: 20px;
 +
}
 +
</style>
  
−
<body>
 
−
</div>
 
−
</section>
 
  
  
−
<div style="z-index:1 !important;" class="w3-display-bottommiddle">
+
<!-- CONTENT BEGINS HERE -->
−
<button height="80%" width="auto" style="position:relative !important; z-index:1 !important;" class="icon-button w3-hide-small w3-hide-medium" onclick="scrollWin2()">
+
<body>
−
    <span style="color:#366B61;;" class="w3-xxxlarge glyphicon glyphicon-chevron-down">
+
−
    </span>
+
−
  </button>
+
−
</div>
+
−
</div>
+
  
 +
<!-- slides -->
 +
<div id="myCarousel" class="carousel slide" data-ride="carousel" style="margin-top:60px;">
 +
    <!-- Indicators -->
 +
    <ol class="carousel-indicators">
 +
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 +
      <li data-target="#myCarousel" data-slide-to="1"></li>
 +
      <li data-target="#myCarousel" data-slide-to="2"></li>
 +
 +
    </ol>
 +
 +
    <!-- Wrapper for slides -->
 +
    <div class="carousel-inner">
 +
 +
      <div class="item active">
 +
        <img src="https://static.igem.org/mediawiki/2018/archive/b/b6/20181018002849%21T--East_Chapel_Hill--slide1.png"  style="width:100%;">
 +
        <div class="carousel-caption">
 +
        </div>
 +
      </div>
 +
 +
      <div class="item">
 +
        <img src="https://static.igem.org/mediawiki/2018/9/90/T--East_Chapel_Hill--slide2.png"  style="width:100%;">
 +
      </div>
 +
 
 +
      <div class="item">
 +
        <img src="https://static.igem.org/mediawiki/2018/4/41/T--East_Chapel_Hill--slide3.png"  style="width:100%;">
 +
      </div>
 +
 +
      <div class="item">
 +
        <img src="O"  style="width:100%;">
 +
      </div>
 +
 +
 +
 +
      <div class="item">
 +
        <img src="O"  style="width:100%;">
 +
      </div>
 +
 +
      <div class="item">
 +
        <img src="O"  style="width:100%;">
 +
      </div>
 +
 +
      <div class="item">
 +
        <img src="O"  style="width:100%;">
 +
      </div>
 +
 +
 +
        </div>
 +
      </div>
 +
 +
    </div>
 +
 +
 +
</video>
 +
</div> </center>
 +
<!--
 +
<p></p><p></p>
 +
-->
 +
<br>
 +
<hr>
 +
<h1><p2>Improving the Efficacy of Riboswitch Based Sensor for Visual Detection of Excess Fluoride in Water</h1></p2>
 +
<hr>
 +
<!--
  
 +
-->
 
<div class= "paragraph"  id="second">
 
<div class= "paragraph"  id="second">
 
<div style="padding: 5% 10%;">
 
<div style="padding: 5% 10%;">
  
−
<h3 style="black;" class="w3-center w3-padding-large"><br><br>Our Project</h3><br>
+
<!-- PROJECT DESCRIPTION -->
−
<p style="padding-bottom:0; padding-right: 10%; padding-left:10%; black; font-size:14px;" class="big"> In many poor countries, excess concentrations of fluoride have entered water sources through erosion of sediment and minerals. These toxic concentrations, which are defined by the World Health Organization to be above 1.0mg/L, may result in an array of health complications. Fluoride has been known to induce cell stress, which in turn impairs the function of ameloblasts who are tasked with forming dental enamel. The resulting disease is dental fluorosis, which manifests in the teeth as porous and yellowed enamel. Other potential consequences of exposure to toxic fluoride levels include skeletal fluorosis, which may result in bone deformities, as well as impaired development.
+
−
Our project involves the development of an operon that will serve as a visual indicator of excess fluoride. We plan to further develop and improve the operon created by last year’s iGEM team, specifically focusing on the fluoride riboswitch and promoter. We are looking for promoters that have an increased gene expression and riboswitches that have increased affinity to fluoride. This would allow for our operon to detect fluoride at levels even lower than 1.0mg/L, a significant improvement from the previous operon.
+
−
</br> </p>
+
  
−
<figure>  
+
<p2> Scientists around the world have recognized fluoride as a markedly beneficial resource for protecting tooth enamel from decay. However, excess fluoride can also have an adverse effect on human health. A significant problem arises when excess amounts of fluoride infiltrate drinking water. High fluoride concentrations can have devastating impacts on dental health, especially those of children, and eventually lead to hypomineralization and dental fluorosis.
−
<br><br><br>
+
<br></br>
−
<center><img src="http://via.placeholder.com/350x150" width="350px" border="0">
+
To address this challenge, we aim to first develop an efficient, user-friendly, and cost-sensitive fluoride biosensor using previously characterized fluoride riboswitches. Last year, we developed an operon whose riboswitch was only activated when bound to fluoride. This fluoride-specific activation allowed for selective transcription of the chloramphenicol acetyltransferase (CAT) gene. Bacteria that can express the CAT gene have a resistance to the chloramphenicol antibiotic, and can survive in the presence of chloramphenicol. Consequently, the presence of fluoride allows for bacterial growth in the presence of chloramphenicol. However, this system was not able to detect concentrations low enough to prove useful in realistic applications. This summer, we focused on testing various promoters and riboswitch sequences to reduce the detection threshold and improve the efficacy of our previous operon. 
 +
</p2>
 
</center></figure>
 
</center></figure>
  
Line 97: Line 165:
  
  
−
<div style="z-index:1 !important;" class="w3-display-bottommiddle">
 
  
−
  </button>
 
−
</div></p>
 
−
</div>
 
−
</div>
 
  
  

Latest revision as of 02:27, 18 October 2018

East Chapel Hill
Home

Improving the Efficacy of Riboswitch Based Sensor for Visual Detection of Excess Fluoride in Water

Scientists around the world have recognized fluoride as a markedly beneficial resource for protecting tooth enamel from decay. However, excess fluoride can also have an adverse effect on human health. A significant problem arises when excess amounts of fluoride infiltrate drinking water. High fluoride concentrations can have devastating impacts on dental health, especially those of children, and eventually lead to hypomineralization and dental fluorosis.

To address this challenge, we aim to first develop an efficient, user-friendly, and cost-sensitive fluoride biosensor using previously characterized fluoride riboswitches. Last year, we developed an operon whose riboswitch was only activated when bound to fluoride. This fluoride-specific activation allowed for selective transcription of the chloramphenicol acetyltransferase (CAT) gene. Bacteria that can express the CAT gene have a resistance to the chloramphenicol antibiotic, and can survive in the presence of chloramphenicol. Consequently, the presence of fluoride allows for bacterial growth in the presence of chloramphenicol. However, this system was not able to detect concentrations low enough to prove useful in realistic applications. This summer, we focused on testing various promoters and riboswitch sequences to reduce the detection threshold and improve the efficacy of our previous operon.