Team:Northwestern/Project
From 2013.igem.org
2013.igem.nu (Talk | contribs) |
2013.igem.nu (Talk | contribs) |
||
(28 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{:Team:Northwestern/Templates/Skinning}} | {{:Team:Northwestern/Templates/Skinning}} | ||
+ | |||
<html> | <html> | ||
<style> | <style> | ||
Line 5: | Line 6: | ||
p { | p { | ||
color:black; | color:black; | ||
- | font-family: | + | font-family: Helvetica; |
+ | margin-bottom: 15px; | ||
+ | |||
} | } | ||
+ | .tab { text-indent: 40px; } | ||
- | . | + | /* Thanks to Matthew Mombrea for the following code!! Link: http://www.itworld.com/development/354027/how-build-drop-down-menu-css-and-html"*/ |
- | + | #main-nav {width: 850px;height: 50px;background: #C3C3E5; margin:auto; margin-top: 0px; border-radius: 20px} | |
- | + | #main-nav .subnav { | |
- | + | display: none; | |
- | + | position: absolute; | |
- | + | top: 67px; | |
+ | left: 0px; | ||
+ | width: 100%; | ||
+ | list-style-type: none; | ||
+ | background: #fff; | ||
+ | margin: 0; | ||
+ | border:solid 1px #eeeeee; | ||
+ | z-index:5; | ||
+ | padding:0; | ||
} | } | ||
- | + | #main-nav .subnav li { | |
- | + | display: block; | |
- | + | border-bottom: solid 1px #eeeeee; | |
- | + | margin:0; | |
- | + | ||
- | + | ||
} | } | ||
- | + | #main-nav .subnav li a { | |
- | . | + | color: #333; |
- | + | height:18px; | |
+ | padding:10px 0; | ||
+ | font-size:13px; | ||
} | } | ||
- | + | #main-nav .subnav li a:hover { | |
- | . | + | background:#f9f9f9; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #nav-primary { | |
- | + | list-style-type: none; | |
- | + | margin: 0; | |
+ | float: left; | ||
+ | padding:0; | ||
} | } | ||
- | + | #nav-primary li { | |
- | + | float: left; | |
- | + | position: relative; | |
} | } | ||
- | + | #nav-primary li a { | |
- | + | float: left; | |
- | + | 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 { | |
- | + | text-decoration:none; | |
- | + | ||
} | } | ||
- | + | #nav-primary li:hover .subnav { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
display: block; | display: block; | ||
- | |||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#header { | #header { | ||
- | width: | + | width: 758px; |
height: 90px; | height: 90px; | ||
margin-left: auto; | margin-left: auto; | ||
Line 116: | Line 80: | ||
/* margin-top: 20px; | /* margin-top: 20px; | ||
margin-bottom: 20px; */ | margin-bottom: 20px; */ | ||
- | vertical-align: middle; | + | vertical-align: middle; |
- | + | ||
} | } | ||
+ | |||
#title { | #title { | ||
Line 125: | Line 89: | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
+ | |||
+ | |||
+ | h1{ | ||
+ | color: #6A1A7E; | ||
+ | font-family: fantasy; | ||
+ | border-bottom-width: thick; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-color: #6A1A7E;} | ||
+ | h2{ | ||
+ | color: #6A1A7E; | ||
+ | font-family: fantasy; | ||
+ | } | ||
+ | |||
+ | |||
+ | #projectglance{ | ||
+ | <!-- width: 758px; --> | ||
+ | width: 800px; | ||
+ | height: 800px; | ||
+ | margin: auto; | ||
+ | display: block; | ||
+ | vertical align: middle; | ||
+ | /* margin-top: 20px; | ||
+ | margin-bottom: 20px; */ | ||
+ | } | ||
+ | |||
+ | #projectdetails{ | ||
+ | width: 758px; | ||
+ | height: 250px; | ||
+ | margin: auto; | ||
+ | display: block; | ||
+ | vertical align: middle; | ||
+ | /* margin-top: 20px; | ||
+ | margin-bottom: 20px; */ | ||
+ | font-family: "Impact"; | ||
+ | color: #6A1A7E; | ||
+ | } | ||
+ | |||
.first-row { | .first-row { | ||
Line 132: | Line 133: | ||
background-color: #6A0888; | background-color: #6A0888; | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
+ | border: solid 10px; | ||
} | } | ||
Line 140: | Line 142: | ||
padding-top: 70px; | padding-top: 70px; | ||
text-align: center; | text-align: center; | ||
+ | border: solid 1px; | ||
} | } | ||
Line 147: | Line 150: | ||
vertical-align: middle; | vertical-align: middle; | ||
text-align: center; | text-align: center; | ||
+ | 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> | ||
- | + | </br> | |
- | + | <h1> Project At a Glance </h1> | |
- | + | ||
- | </ | + | |
- | <div class = " | + | <div id="projectglance"> |
- | < | + | <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 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> From the construction of a dual-state promoter, we hypothesize three outcomes: </p> | |
- | + | <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> | |
- | + | ||
- | + | ||
- | + | ||
- | + | <div class=iconbox> | |
- | + | <div class=icons> | |
- | + | <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> | |
- | + | </div> | |
- | + | <div class=icons> | |
- | + | <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> | </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.