Team:IIT Delhi/Safety
From 2013.igem.org
(Difference between revisions)
Harshitsinha (Talk | contribs) |
Harshitsinha (Talk | contribs) |
||
Line 5: | Line 5: | ||
<title>Navigation-Top</title> | <title>Navigation-Top</title> | ||
<style ="text/css"> | <style ="text/css"> | ||
- | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | + | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;} |
- | + | ||
#top-section { | #top-section { | ||
- | + | border: none; | |
- | + | height: 0px;} | |
#content { | #content { | ||
- | + | border: none;} | |
/* Redesigning the topmenu */ /***************************/ body { | /* Redesigning the topmenu */ /***************************/ body { | ||
margin: 0px 0 0 0; | margin: 0px 0 0 0; | ||
Line 59: | Line 58: | ||
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; } | border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; } | ||
.navbar li ul li a:hover {background-color: #333333;} | .navbar li ul li a:hover {background-color: #333333;} | ||
+ | /* Slider */ | ||
+ | #image-slider { | ||
+ | margin: 10px auto; | ||
+ | width: 600px; | ||
+ | } | ||
+ | #slide-frame { | ||
+ | height: 300px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #slides { | ||
+ | height: 375px; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | } | ||
+ | #slides img { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: -500px; | ||
+ | } | ||
+ | #navigation { | ||
+ | margin: 5px 0 0 0; | ||
+ | text-align: center; | ||
+ | z-index: 10px; | ||
+ | } | ||
+ | #navigation a { | ||
+ | text-decoration: none; | ||
+ | background: #333333; | ||
+ | padding: 2px 6px; | ||
+ | color: #FFFFFF; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #navigation a:hover { | ||
+ | background: #0182C4; | ||
+ | } | ||
+ | transition: transition-property transition-duration transition-timing-function transition-delay; | ||
+ | #slides img { | ||
+ | z-index: 1; | ||
+ | opacity: 0; | ||
+ | /* animation */ | ||
+ | transition: all linear 400ms; | ||
+ | -o-transition: all linear 400ms; | ||
+ | -moz-transition: all linear 400ms; | ||
+ | -webkit-transition: all linear 400ms; | ||
+ | } | ||
+ | #slides img:target { | ||
+ | left: 0; | ||
+ | z-index: 5; | ||
+ | opacity: 1; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
Line 130: | Line 178: | ||
</ul> | </ul> | ||
</div> | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <table | ||
+ | style="text-align: left; background-color: rgb(215, 215, 215); width: 100%;" | ||
+ | border="0" cellpadding="0" cellspacing="0"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td> | ||
+ | <td style="width: 291px;" align="center" | ||
+ | valign="top"></td> | ||
+ | <td align="center" valign="top"></td> | ||
+ | <td style="width: 294px;" align="center" | ||
+ | valign="top"></td> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td> | ||
+ | <td style="vertical-align: top; text-align: center;"> | ||
+ | <div id="image-slider"> | ||
+ | <div id="slide-frame"><img src="nature1.jpg" | ||
+ | alt=""> | ||
+ | <div id="slides"><img id="slide1" | ||
+ | src="nature1.jpg" alt=""><img id="slide2" | ||
+ | src="nature2.jpg" alt=""><img id="slide3" | ||
+ | src="nature3.jpg" alt=""><img id="slide4" | ||
+ | src="nature4.jpg" alt=""><img id="slide5" | ||
+ | src="nature5.jpg" alt=""></div> | ||
+ | </div> | ||
+ | <div id="navigation"> | ||
+ | <a href="#slide1">1</a> | ||
+ | <a href="#slide2">2</a> | ||
+ | <a href="#slide3">3</a> | ||
+ | <a href="#slide4">4</a> | ||
+ | <a href="#slide5">5</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 294px; background-color: white;"></td> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td> | ||
+ | <td style="width: 291px;" align="center" | ||
+ | valign="top"></td> | ||
+ | <td align="center" valign="top"></td> | ||
+ | <td style="width: 294px;" align="center" | ||
+ | valign="top"></td> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
<br> | <br> | ||
<table | <table | ||
Line 140: | Line 248: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td style=" | + | <td |
- | + | style="vertical-align: top; text-align: center; width: 181px; background-color: rgb(51, 51, 51);"></td> | |
<td | <td | ||
style="vertical-align: top; text-align: center; width: 684px; background-color: rgb(51, 51, 51);"><big><big><big | style="vertical-align: top; text-align: center; width: 684px; background-color: rgb(51, 51, 51);"><big><big><big | ||
style="font-family: Palatino Linotype;"><span | style="font-family: Palatino Linotype;"><span | ||
- | style="color: white;"> | + | style="color: white;"></span><br |
style="color: white;"> | style="color: white;"> | ||
- | < | + | </big></big></big> |
- | < | + | <table |
+ | style="text-align: left; background-color: rgb(51, 51, 51); width: 100%; height: 32px;" | ||
+ | border="0" cellpadding="2" cellspacing="2"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td style="vertical-align: top; text-align: center;"><big><big><big | ||
+ | style="font-family: Palatino Linotype;"><span | ||
+ | style="color: white;">Abstract</span></big></big></big></td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | <big><big><big | ||
+ | style="font-family: Palatino Linotype;"><br | ||
+ | style="color: white;"> | ||
+ | <font size="+2"><span style="color: white;">pH | ||
induced response | induced response | ||
elicited by certain promoters in bacteria may have major practical | elicited by certain promoters in bacteria may have major practical | ||
Line 160: | Line 282: | ||
mathematical model has been developed to simulate the experimental | mathematical model has been developed to simulate the experimental | ||
findings. The present study will form the basis for further research in | findings. The present study will form the basis for further research in | ||
- | the field of synthetic biology.</span></ | + | the field of synthetic biology.</span></font></big></big></big></td> |
- | <td style="width: 181px; | + | <td |
- | + | style="vertical-align: top; text-align: center; width: 181px; background-color: rgb(51, 51, 51);"></td> | |
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td style="width: 181px; | + | <td |
- | + | style="vertical-align: top; text-align: center; width: 181px; background-color: rgb(51, 51, 51);"></td> | |
- | <td style="width: 684px;" | + | <td |
- | + | style="vertical-align: top; text-align: center; width: 684px; background-color: rgb(51, 51, 51);"><br> | |
- | <td style=" | + | <br> |
- | + | </td> | |
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 181px; background-color: rgb(51, 51, 51);"></td> | ||
</tr> | </tr> | ||
</tbody> | </tbody> |
Revision as of 12:13, 20 September 2013
|
|
||||
pH induced response elicited by certain promoters in bacteria may have major practical applications. The response can be targeted for specific pH ranges, for example in tracking the anomalies associated with the gut micro-biota or detecting pH inside a bioreactor. There are only limited studies reported in the area. In the present project, a genetic circuit has been created, using the promoters of the acid shock response gene from E.coli and the F0F1 ATPase operon from C. glutamicum that produces a pH dependent colour gradient, much like a universal pH indicator. A mathematical model has been developed to simulate the experimental findings. The present study will form the basis for further research in the field of synthetic biology. |
|||