|
|
(30 intermediate revisions by 2 users not shown) |
Line 2: |
Line 2: |
| | | |
| <style> | | <style> |
− | #top_title {display: none;} | + | #top_title {display: none;} |
− | #sideMenu {display: none;} | + | #sideMenu {display: none;} |
− | #content {margin: auto; padding: 0; width: 60%;} | + | #content {margin: auto; padding: 0; width: 100%; background:#3aafa9;} |
| </style> | | </style> |
| | | |
− | <center>
| + | </html> |
− | | + | |
− | | + | |
− | | + | |
− | <head>
| + | |
− | <title>East Chapel Hill Highschool iGem</title>
| + | |
− | <meta charset="utf-8">
| + | |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
− | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
| + | |
− | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
| + | |
− | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
| + | |
− | | + | |
− | | + | |
− | <style>
| + | |
− | /* Remove the navbar's default margin-bottom and rounded borders */
| + | |
− |
| + | |
− | .navbar {
| + | |
− | margin-bottom: 0;
| + | |
− | margin-right: 0;
| + | |
− | border-radius: 0;
| + | |
− | width: 100%;
| + | |
− | /*background-color: #ffcccc;*/
| + | |
− | }
| + | |
− | | + | |
− | body {
| + | |
− | background-color: black;
| + | |
− | text-align: left;
| + | |
− | font size: "12";
| + | |
− | | + | |
− | }
| + | |
− |
| + | |
− | */
| + | |
− | /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
| + | |
− | .row.content {height: 450px}
| + | |
− |
| + | |
− | /* Set gray background color and 100% height */
| + | |
− | .sidenav {
| + | |
− | padding-top: 20px;
| + | |
− | background-color: black;
| + | |
− | height: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | ul.yourclass
| + | |
− | { display: inline-block;
| + | |
− |
| + | |
− | padding-rigth: 15px;
| + | |
− | }
| + | |
− | | + | |
− |
| + | |
− |
| + | |
− | /* Set black background color, white text and some padding */
| + | |
− | footer {
| + | |
− | background-color: #555;
| + | |
− | color: white;
| + | |
− | padding: 15px;
| + | |
− | }
| + | |
− |
| + | |
− | /* On small screens, set height to 'auto' for sidenav and grid */
| + | |
− | @media screen and (max-width: 767px) {
| + | |
− | .sidenav {
| + | |
− | height: auto;
| + | |
− | padding: 15px;
| + | |
− | }
| + | |
− | .row.content {height:auto;}
| + | |
− | }
| + | |
− | </style>
| + | |
− | | + | |
− | | + | |
− | </head>
| + | |
− | <body>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <nav class="navbar navbar-inverse">
| + | |
− | <div class="container-fluid">
| + | |
− | <div class="navbar-header">
| + | |
− | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
| + | |
− | <span class="icon-bar"></span>
| + | |
− | <span class="icon-bar"></span>
| + | |
− | <span class="icon-bar"></span>
| + | |
− | </button>
| + | |
− | </div>
| + | |
− | <div class="collapse navbar-collapse" id="myNavbar">
| + | |
− | <ul class="nav navbar-nav">
| + | |
− | <li><img align="middle" style="width:100%" height="50px" src="https://static.igem.org/mediawiki/2017/8/89/T--East_Chapel_Hill--Icon0.png"></img> </li>
| + | |
− | </ul>
| + | |
− | <ul class="nav navbar-nav navbar-right">
| + | |
− | <li class="active"><a href="https://2017.igem.org/Team:East_Chapel_Hill">Home</a></li>
| + | |
− | <li class="dropdown">
| + | |
− | <a class="dropdown-toggle" data-toggle="dropdown" href="Team.html">Team </a>
| + | |
− | <span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="#">Team-part-1</a></li>
| + | |
− | <li><a href="#">Team-part-2</a></li>
| + | |
− | <li><a href="#">Team-part-3</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li><a href="Project.html">Project</a></li>
| + | |
− | <li><a href="Results.html">Results</a></li>
| + | |
− | <li><a href="Notebook.html">Notebook</a></li>
| + | |
− | <li><a <href="https://2017.igem.org/Team:East_Chapel_Hill/testHumanPractices">Human Practices </a></li>
| + | |
− | <li><a <href="https://2017.igem.org/Team:East_Chapel_Hill/Attributions">Sponsors</a></li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </nav>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <img style="width:100%" height="350px" src= "https://static.igem.org/mediawiki/2017/7/71/EastChapelHillWildType.png"> </img>
| + | |
− | | + | |
− | | + | |
− | <p>Wild type and ∆crcB were grown directly next to each other at varying levels of fluoride. As described in literature, ∆crcB should not grow when exposed to fluoride levels over 500µM. Unexpectedly, ∆crcB did grow on high levels of fluoride when placed on the same plates as wild type E. coli. Without wild type E. coli, no growth of ∆crcB was seen on 1mM and 2mM fluoride. </p>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <p>In order to figure out the cause of the unexpected growth, we reached out to Dr. Randy Stockbridge at University of Michigan for possible explanations.
| + | |
− | Dr. Stockbridge informed us of Fluoride’s dependability of pH. A low pH environment is necessary for Fluoride to enter cells. Therefore, we hypothesized that the wild type altered the pH of the agar to a more basic level, facilitating the growth of ∆crcB.</p>
| + | |
− | | + | |
− | <p>To confirm our hypothesis, we prepared similar set of plates, but with phenol red, a pH indicator, for visual confirmation. </p>
| + | |
− | | + | |
− | <img style="width:100%" height="350px" src= "https://static.igem.org/mediawiki/2017/d/d5/EastChapelHillRed.png"> </img>
| + | |
− | | + | |
− | <p>Phenol red appears red at basic pH and turns yellow at acidic pH. In the absence of a buffer, wild type has a visibly basic pH. Therefore, once the entire plate became basic, ∆crcB showed fair amount of growth. On previous days, ∆crcB grew only at red areas (low pH).
| + | |
− | </p>
| + | |
− | | + | |
− | <p>To further confirm our results, we prepared the same plates with a MES buffer, which kept the agar at a 6.5 pH, which is slightly acidic.
| + | |
− | </p>
| + | |
− | | + | |
− | <img style="width:100%" height="350px" src= "https://static.igem.org/mediawiki/2017/8/80/EastChapelHillMES.png"> </img>
| + | |
− | | + | |
− | <p>Upon the addition of the buffer, the alteration of pH was significantly delayed, so F was able to enter the membrane of ∆crcB, allowing the strain to grow.
| + | |
− | </p>
| + | |
− | | + | |
− | <p>
| + | |
− | CHOP (Chloramphenicol Operon) and ∆crcB (E. coli without Fluoride Channel) were added to 50µ chloramphenicol plates and observed over the course of 4 days.
| + | |
− | | + | |
− | <ul>
| + | |
− | <li>The plates had increasing concentrations of F with CHOP and ∆crcB to determine the level of fluoride that leads to the greatest growth of CHOP. </li>
| + | |
− | <li>∆crcB was part of the control and did not grow because it does not have the fluoride channel to pump out the F.</li>
| + | |
− | <li>As observed, there is most growth of CHOP on 100μM of F, suggesting maximum growth of CHOP at 100μM of F.</li>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <li>Another set of plates with 10-5 and 10-4 dilutions of Chloramphenicol were prepared. </li>
| + | |
− | <li>The plates were divided into quadrants with CHOP on the top left and bottom left quadrants and crcB on the top right and bottom right. </li>
| + | |
− | <li>CHOP had the most growth at 100μM F at 10-4 dilution. </li>
| + | |
− | </ul>
| + | |
− | | + | |
− | </p>
| + | |
− | | + | |
− | <h1> Future Directions
| + | |
− | </h1>
| + | |
− | <p>
| + | |
− | The CHOP System can be used to improve the affinity and characterization of the fluoride riboswitch.
| + | |
− | </p>
| + | |
− | | + | |
− | <p>Green Fluorescent Protein (GFP) system may be used for detecting presence of fluoride; at a certain level of fluoride, it can trigger gene expression of the GFP as the fluoride riboswitch releases terminator. This may provide a better visual mechanism for people to determine if their water can be safe to drink or not. </p>
| + | |
− | | + | |
− | <p>A fluorinase gene can be utilized to bio-remediate the excess fluoride in water. </p>
| + | |
− |
| + | |
− | <map name="homepage">
| + | |
− | <area shape="circle" coords=450,450,150" href="Project.html" >
| + | |
− | <area shape="circle" coords="750,150,150" href="Results.html">
| + | |
− | </map>
| + | |
− | | + | |
− | | + | |
− | </div>
| + | |