Team:IIT Delhi/Safety

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
 
<html>
<html>
<head>
<head>
   <meta content="text/html; charset=ISO-8859-1"
   <meta content="text/html; charset=ISO-8859-1"
  http-equiv="content-type">
  http-equiv="content-type">
-
   <title></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;}
+
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#content {
 +
    border: none;}
/* Redesigning the topmenu */ /***************************/ body {
/* Redesigning the topmenu */ /***************************/ body {
-
margin: 10px 0 0 0;
+
margin: 0px 0 0 0;
padding: 0;}
padding: 0;}
#content, #globalWrapper {
#content, #globalWrapper {
Line 23: Line 27:
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */
z-index: 99; /* Makes sure that your menu remains on top of other page elements */
z-index: 99; /* Makes sure that your menu remains on top of other page elements */
-
position: relative; background-color: #366b82;
+
position: relative; background-color: #333333;
}
}
.navbar {
.navbar {
Line 30: Line 34:
margin: 0;
margin: 0;
position: absolute; /* Ensures that the menu doesn’t affect other elements */
position: absolute; /* Ensures that the menu doesn’t affect other elements */
-
border-right: 1px solid #54879d; }
+
border-right: 1px solid #333333; }
.navbar li {
.navbar li {
height: auto;
height: auto;
Line 39: Line 43:
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;
margin: 0;
margin: 0;
-
background-color: #366b82;
+
background-color: #333333;
}
}
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */
-
border-left: 1px solid #54879d; /* Creates a border in a slightly lighter shade of blue than the background. Combined with the right border, this creates a nice effect. */
+
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */
-
border-right: 1px solid #1f5065; /* Creates a border in a slightly darker shade of blue than the background. Combined with the left border, this creates a nice effect. */
+
-
text-decoration: none; /* Removes the default hyperlink styling. */
+
color: white; /* Text color is white */
color: white; /* Text color is white */
display: block;
display: block;
}
}
-
.navbar li:hover, a:hover {background-color: #54879d;} .navbar li ul {
+
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {
display: none; /* Hides the drop-down menu */
display: none; /* Hides the drop-down menu */
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */
Line 54: Line 56:
display: block; /* Displays the drop-down box when the menu item is hovered over */
display: block; /* Displays the drop-down box when the menu item is hovered over */
}
}
-
.navbar li ul li {background-color: #54879d;} .navbar li ul li a {
+
.navbar li ul li {background-color: #333333;} .navbar li ul li a {
-
border-left: 1px solid #1f5065; border-right: 1px solid #1f5065; border-top: 1px solid #74a3b7; border-bottom: 1px solid #1f5065; }
+
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: #366b82;}
+
.navbar li ul li a:hover {background-color: #333333;}
   </style>
   </style>
</head>
</head>
<body>
<body>
<table
<table
-
  style="text-align: left; background-color: rgb(255, 255, 153); width: 100%; height: 32px;"
+
  style="text-align: left; background-color: rgb(141, 203, 138); width: 100%; height: 250px;"
  border="0" cellpadding="2" cellspacing="2">
  border="0" cellpadding="2" cellspacing="2">
   <tbody>
   <tbody>
     <tr>
     <tr>
       <td colspan="1" rowspan="1"
       <td colspan="1" rowspan="1"
-
  style="vertical-align: top; text-align: center;"></td>
+
  style="vertical-align: top; text-align: center;"><br>
 +
      <br>
 +
      <br>
 +
      <table
 +
style="background-color: rgb(141, 203, 138); width: 50%; text-align: left; margin-left: auto; margin-right: auto;"
 +
border="0" cellpadding="0" cellspacing="0">
 +
        <tbody>
 +
          <tr>
 +
            <td style="vertical-align: top; text-align: center;"><big><font
 +
size="+3"><big><span
 +
style="font-family: Palatino Linotype; color: white;">iGEM
 +
IIT Delhi</span></big></font></big></td>
 +
          </tr>
 +
          <tr>
 +
            <td align="center" valign="top"><br>
 +
            </td>
 +
          </tr>
 +
          <tr>
 +
            <td align="center" valign="top"><font
 +
size="+3">Project pH. Coli</font></td>
 +
          </tr>
 +
        </tbody>
 +
      </table>
 +
      <br>
 +
      </td>
     </tr>
     </tr>
   </tbody>
   </tbody>
Line 73: Line 99:
<ul class="navbar">
<ul class="navbar">
   <li><a href="#">Home</a></li>
   <li><a href="#">Home</a></li>
-
   <li><a href="#">Retrievals</a>
+
   <li><a href="#">Project</a>
     <ul>
     <ul>
-
       <li><a href="#">Data Listing</a></li>
+
       <li><a href="#">Vision</a></li>
-
       <li><a href="#">Web Scheduling</a></li>
+
       <li><a href="#">Method</a></li>
-
       <li><a href="#">Google Maps Application</a></li>
+
       <li><a href="#">Result</a></li>
     </ul>
     </ul>
   </li>
   </li>
-
   <li><a href="#">Reporting</a>
+
   <li><a href="#">Notebook</a></li>
 +
  <li><a href="#">BioBricks</a>
     <ul>
     <ul>
-
       <li><a href="#">Ad Hoc Report</a></li>
+
       <li><a href="#">All Bricks</a></li>
-
       <li><a href="#">Drill Down Report</a></li>
+
       <li><a href="#">Asr</a></li>
-
       <li><a href="#">Ranking Report</a></li>
+
       <li><a href="#">C.Gluta</a></li>
 +
      <li><a href="#">sf-gfp</a></li>
     </ul>
     </ul>
   </li>
   </li>
-
   <li><a href="#">Business Intelligence</a>
+
   <li><a href="#">Safety</a></li>
 +
  <li><a href="#">Outreach</a>
     <ul>
     <ul>
-
       <li><a href="#">Business Dashboard</a></li>
+
       <li><a href="#">Introduction</a></li>
-
       <li><a href="#">Web Pivot Table</a></li>
+
       <li><a href="#">Other Teams</a></li>
-
      <li><a href="#">Interactive Report</a></li>
+
-
      <li><a href="#">What-If Analysis</a></li>
+
     </ul>
     </ul>
   </li>
   </li>
-
   <li><a href="#">Data Maintenance</a>
+
   <li><a href="#">Sponsors</a>
     <ul>
     <ul>
-
       <li><a href="#">Database CRUD</a></li>
+
       <li><a href="#">Our Sponsors</a></li>
-
       <li><a href="#">Database Update</a></li>
+
       <li><a href="#">Thank-You Note</a></li>
-
      <li><a href="#">Order Entry</a></li>
+
-
      <li><a href="#">Drag-and-Drop Application</a></li>
+
-
    </ul>
+
-
  </li>
+
-
  <li><a href="#">B2B Portal</a>
+
-
    <ul>
+
-
      <li><a href="#">B2B Portal</a></li>
+
-
      <li><a href="#">Secure Data-Driven Listings</a></li>
+
-
      <li><a href="#">Secure Shopping Cart</a></li>
+
     </ul>
     </ul>
   </li>
   </li>
Line 113: Line 131:
</div>
</div>
<br>
<br>
 +
<table
 +
style="text-align: left; background-color: white; width: 100%; height: 85px;"
 +
border="0" cellpadding="0" cellspacing="0">
 +
  <tbody>
 +
    <tr>
 +
      <td colspan="3" rowspan="1"
 +
style="vertical-align: top; text-align: center; background-color: white; height: 41px; width: 181px;"></td>
 +
    </tr>
 +
    <tr>
 +
      <td style="width: 181px;" align="center"
 +
valign="top"></td>
 +
      <td
 +
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="color: white;">Abstract</span><br
 +
style="color: white;">
 +
      <br style="color: white;">
 +
      <small><small><span style="color: white;">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.</span></small></small></big></big></big></td>
 +
      <td style="width: 181px;" align="center"
 +
valign="top"></td>
 +
    </tr>
 +
    <tr>
 +
      <td style="width: 181px;" align="center"
 +
valign="top"></td>
 +
      <td style="width: 684px;" align="center"
 +
valign="top"></td>
 +
      <td style="width: 181px;" align="center"
 +
valign="top"></td>
 +
    </tr>
 +
  </tbody>
 +
</table>
</body>
</body>
</html>
</html>

Revision as of 11:49, 20 September 2013

Navigation-Top




iGEM IIT Delhi

Project pH. Coli


Abstract

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.

Retrieved from "http://2013.igem.org/Team:IIT_Delhi/Safety"