Team:Northwestern/Project

From 2013.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 6: Line 6:
p {  
p {  
     color:black;  
     color:black;  
-
     font-family: helvetica;  
+
     font-family: Helvetica;  
 +
    margin-bottom: 15px;
 +
   
}
}
 +
.tab { text-indent: 40px; }
-
.container {
+
/* Thanks to Matthew Mombrea for the following code!! Link: http://www.itworld.com/development/354027/how-build-drop-down-menu-css-and-html"*/
-
display: inline-block;
+
#main-nav {width: 850px;height: 50px;background: #C3C3E5; margin:auto; margin-top: 0px; border-radius: 20px}
-
background-color: #C3C3E5;
+
#main-nav .subnav {
-
width: 100%;
+
    display: none;
-
height: 35px;
+
    position: absolute;
-
        border-radius: 15px;
+
    top: 67px;
-
     
+
    left: 0px;
 +
    width: 100%;
 +
    list-style-type: none;
 +
    background: #fff;
 +
    margin: 0;
 +
    border:solid 1px #eeeeee;
 +
    z-index:5;
 +
    padding:0;
}
}
-
.menu {
+
#main-nav .subnav li {
-
text-align: center;
+
    display: block;
-
}
+
    border-bottom: solid 1px #eeeeee;
-
+
    margin:0;
-
.menu ul ul {
+
-
display: none;
+
}
}
-
 
+
#main-nav .subnav li a {
-
.menu ul li:hover > ul {
+
    color: #333;
-
display: block;
+
    height:18px;
 +
    padding:10px 0;
 +
    font-size:13px;
}
}
-
 
+
#main-nav .subnav li a:hover {
-
.menu ul {  
+
    background:#f9f9f9;
-
background: #C3C3E5;
+
-
list-style: none;
+
-
position: relative;
+
-
display: inline-table;
+
}
}
-
 
+
#nav-primary {
-
.menu ul:after {
+
    list-style-type: none;
-
content: ""; clear: both; display: block;
+
    margin: 0;
 +
    float: left;
 +
    padding:0;
}
}
-
 
+
#nav-primary li {
-
.menu ul li {
+
    float: left;
-
float: left;
+
    position: relative;
}
}
-
 
+
#nav-primary li a {
-
.menu ul li:hover {
+
    float: left;
-
background: #443266;
+
    color: #000;
 +
    text-align: center;
 +
    font-size: 14px;
 +
    height: 48px;
 +
    padding-top: 19px;
 +
    line-height: 16px;
 +
    width: 164px;
 +
    text-decoration:none;
}
}
-
 
+
#nav-primary li a:hover {
-
.menu ul li:hover a{  
+
    text-decoration:none;
-
color: black;
+
}
}
-
 
+
#nav-primary li:hover .subnav {
-
.menu ul li a {
+
-
display: block; padding: 5px 20px;
+
-
color: black; text-decoration: none;
+
-
}
+
-
 
+
-
.menu ul ul {
+
-
background: #F1F0FF;
+
-
position: absolute; top: 100%;
+
-
}
+
-
 
+
-
.menu ul ul li{
+
-
float: none;
+
-
border-top: 1px solid #6b727c;
+
-
border-bottom: 1px solid #575f6a;
+
-
position: relative;
+
-
}
+
-
 
+
-
nav ul ul li a {
+
-
padding: 5px 20px;
+
-
color: #fff;
+
-
}
+
-
 
+
-
nav ul ul li a:hover {
+
-
background: #4b545f;
+
-
}
+
-
 
+
-
nav ul ul ul {
+
-
position: absolute; left: 100%; top:0;
+
-
}
+
-
 
+
-
/*div {
+
-
    : center;
+
-
    vertical-align: middle;
+
-
}*/
+
-
 
+
-
* {
+
-
/*background-color: #FFF;*/
+
-
font-family: "Helvetica", "Lucida Grande", sans-serif;
+
-
}
+
-
/*
+
-
.menu-bar {  
+
-
    text-align: right;
+
-
    font-size: 14px; 
+
-
    width: 100%;
+
-
    height: 20px;
+
     display: block;
     display: block;
-
    vertical-align: bottom;
 
}
}
-
.menu-bar a {
 
-
    color: #6A0888;
 
-
    text-decoration: none;
 
-
    margin-left: 15px;
 
-
}
 
-
*/
 
#header {
#header {
Line 135: Line 97:
     border-bottom-style: solid;
     border-bottom-style: solid;
     border-bottom-color: #6A1A7E;}
     border-bottom-color: #6A1A7E;}
 +
h2{
 +
    color: #6A1A7E;
 +
    font-family: fantasy;
 +
}
 +
#projectglance{
#projectglance{
-
    width: 758px;
+
    <!-- width: 758px; -->
-
     height: 250px;
+
    width: 800px;
 +
     height: 800px;
     margin: auto;
     margin: auto;
     display: block;
     display: block;
Line 184: Line 152:
       border: solid 1px;
       border: solid 1px;
}
}
-
 
+
.iconbox {
 +
    width:700px;
 +
    margin-bottom: 40px;
 +
    float:left;
 +
}
 +
.icons {
 +
    height:80px;
 +
    width:340px;
 +
    display:inline-block;
 +
    margin-top:0px;
 +
    vertical-align:top;
 +
}
</style>  
</style>  
-
<div class = "container">
 
-
<div class = "menu">
 
-
<ul>
 
-
<li><a href="https://2013.igem.org/Team:Northwestern">Home</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Northwestern/Team">Team</a>
 
-
<ul>
 
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Northwestern">Official Profile</a></li>
 
-
<li><a href="#">Meet Us!</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Northwestern/Attributions">Attribution</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="https://2013.igem.org/Team:Northwestern/Project">Project</a>
 
-
<ul>
 
-
<li><a href="https://2013.igem.org/Team:Northwestern/Parts">Parts Submitted</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Northwestern/Notebook">Notebook</a></li>
 
-
<li><a href="#">Description</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="https://2013.igem.org/Team:Northwestern/Modeling">Modeling</a></li>
 
-
<li><a href= "https://2013.igem.org/Team:Northwestern/Safety"> Safety </a></li>
 
-
</ul>
 
-
</div>
 
-
</div>
 
 +
</br>
<h1> Project At a Glance </h1>
<h1> Project At a Glance </h1>
<div id="projectglance">
<div id="projectglance">
-
       <p>The pH of the mouth drops several times per day after mealtimes, which results in severe tooth decay over time if not addressed. One way to combat this problem is to engineer the microbiome of the mouth to respond dynamically to changes in pH. To enable this, here we present the development of a novel dual-state promoter for the detection of and response to pH fluctuations in the mouth has been started.</p>
+
       <p class="tab">The pH of the mouth drops several times per day after mealtimes, resulting in severe tooth decay over time if not addressed. One way to combat this problem is to engineer the microbiome of the mouth to respond dynamically to changes in pH. To enable this, here we present the development of a novel dual-state promoter for the detection of and response to pH fluctuations in the mouth.</p>
-
<p> This novel transcription regulation element will be capable of having both constitutive and inducible activity. This is achieved by linking a constitutive promoter downstream a pH-inducible promoter. We plan to characterize our dual-state promoter by first linking single promoters upstream green fluorescent protein (GFP) and assess the transcriptional activity via fluorescence assays. This will be followed by assays on the dual-state promoter.</p>
+
<p class="tab"> This novel transcriptional regulation element will be capable of having both constitutive and inducible activity. This is achieved by linking a constitutive promoter downstream a pH-inducible promoter. We plan to characterize our dual-state promoter by first linking single promoters upstream green fluorescent protein (GFP) and assess the transcriptional activity via fluorescence assays. This will be followed by fluorescence assays on the dual-state promoter.</p>
-
<p> The hypothesis is that the pH-inducible promoters will have minimal activity at a neutral pH, with an intense activity as the pH nears and crossed the cavity formation threshold. Furthermore, it is hypothesized that the constitutive promoters will have a constant activity, independent of pH. The dual-state promoter construct is hypothesized to have the combined effect of both of the promoters, with a constant basal expression as well as a pH-inducible response. This technology will have future applications in any system requiring pH detection and response. </p>
+
<p> From the construction of a dual-state promoter, we hypothesize three outcomes: </p>
-
</div>
+
<p>
 +
<ul>
 +
          <li> The pH-inducible promoters will demonstrate minimal activity at a neutral pH, with an intense activity as the pH nears and crossed the cavity formation threshold, at pH 5.5</li>
 +
        <li>The constitutive promoters will have a constant activity, independent of pH. </li>
 +
        <li>The dual-state promoter construct will exhibit the combined effect of both promoters, performing at a constant basal expression as well as at an elevated level when prompted with a drop in pH. </li>
 +
</ul>
 +
</p>
 +
<p>This technology should have future applications in any system requiring pH detection and response.</p>
-
<h1> Project Details </h1>
+
 
-
<div id="projectdetails">
+
<div class=iconbox>
-
      <center><a href="https://2013.igem.org/Team:Northwestern/problem"><u>Summary of Problem</u></a> </center>  
+
    <div class=icons>
-
      <center><a href="https://2013.igem.org/Team:Northwestern/detectpH"><u>Detection of pH Levels</u></a></center>
+
      <a href="https://2013.igem.org/Team:Northwestern/problem"><h2><img src="https://static.igem.org/mediawiki/2013/thumb/2/2c/Summary-of-problem.gif/600px-Summary-of-problem.gif" height="60" width="45"/>Go to Summary of Problem</h2></a>
-
      <center><a href="https://2013.igem.org/Team:Northwestern/dualstate"><u>Dual State Promoter</u></a> </center>    
+
    </div>
-
      <center><a href="https://2013.igem.org/Team:Northwestern/experimentresults"><u>Experiments and Results</u></a> </center>
+
  <div class=icons>
-
      <center><a href="https://2013.igem.org/Team:Northwestern/methods"><u>Methods and Protocol</u></a> </center>    
+
      <a href="https://2013.igem.org/Team:Northwestern/detectpH"><h2><img src="https://static.igem.org/mediawiki/2013/thumb/1/1e/Ph-image.gif/120px-Ph-image.gif" height="60" width="40"/>Go to Detection of pH Levels</h2></a>
 +
    </div>
 +
<div class=icons>
 +
<a href="https://2013.igem.org/Team:Northwestern/dualstate"><h2><img src="https://static.igem.org/mediawiki/2013/thumb/1/14/Dual-state-image.gif/600px-Dual-state-image.gif" height="60" width="40"/>Go to Dual State Promoter</h2></a>
 +
    </div>
 +
<div class=icons>
 +
      <a href="https://2013.igem.org/Team:Northwestern/Results/PreFluorescence"><h2><img src="https://static.igem.org/mediawiki/2013/e/e0/MOdelling-or-results.gif" height="60" width="40"/>Go to Experiments and Results</h2></a>  
 +
    </div>
 +
<div class=icons>
 +
<a href="https://2013.igem.org/Team:Northwestern/methods"><h2><img src="https://static.igem.org/mediawiki/2013/thumb/b/bf/Results-willie.gif/389px-Results-willie.gif" height="60" width="40"/>Go to Methods and Protocol</h2></a></div>
 +
<div class=icons>
 +
<a href="https://2013.igem.org/Team:Northwestern/future"><h2><img src="https://static.igem.org/mediawiki/2013/1/15/Future-directions-icon.gif" height="60" width="40"/>Future Directions</h2></a>
 +
     
 +
</div>
</div>
</div>
-
 
-
 
-
 
</html>
</html>

Latest revision as of 04:07, 28 September 2013


Project At a Glance

The pH of the mouth drops several times per day after mealtimes, resulting in severe tooth decay over time if not addressed. One way to combat this problem is to engineer the microbiome of the mouth to respond dynamically to changes in pH. To enable this, here we present the development of a novel dual-state promoter for the detection of and response to pH fluctuations in the mouth.

This novel transcriptional regulation element will be capable of having both constitutive and inducible activity. This is achieved by linking a constitutive promoter downstream a pH-inducible promoter. We plan to characterize our dual-state promoter by first linking single promoters upstream green fluorescent protein (GFP) and assess the transcriptional activity via fluorescence assays. This will be followed by fluorescence assays on the dual-state promoter.

From the construction of a dual-state promoter, we hypothesize three outcomes:

  • The pH-inducible promoters will demonstrate minimal activity at a neutral pH, with an intense activity as the pH nears and crossed the cavity formation threshold, at pH 5.5
  • The constitutive promoters will have a constant activity, independent of pH.
  • The dual-state promoter construct will exhibit the combined effect of both promoters, performing at a constant basal expression as well as at an elevated level when prompted with a drop in pH.

This technology should have future applications in any system requiring pH detection and response.