Team:IIT Delhi

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
  <meta content="text/html; charset=ISO-8859-1"
 
-
http-equiv="content-type">
 
-
  <title>Navigation-Top</title>
 
-
  <style ="text/css">
 
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}
 
-
#top-section {
 
-
border: none;
 
-
height: 0px;}
 
-
#content {
 
-
border: none;}
 
-
/* Redesigning the topmenu */ /***************************/ body {
 
-
margin: 0px 0 0 0;
 
-
padding: 0;}
 
-
#content, #globalWrapper {
 
-
border: none;
 
-
width: 100%;
 
-
margin: 0;
 
-
padding: 0;}
 
-
.centering {
 
-
margin: 0 auto;
 
-
width: 100%;}
 
-
/* Nav Bar */
 
-
#wrap {
 
-
width: 100%; /* Spans the width of the page */
 
-
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 */
 
-
position: relative; background-color: white;
 
-
}
 
-
.navbar {
 
-
height: 50px;
 
-
width: 100%;
 
-
padding: 0;
 
-
margin: 0;
 
-
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */
 
-
border-right: 0.5px solid white; }
 
-
.navbar li {
 
-
height: auto;
 
-
width: 16.666%; /* Each menu item is 200px wide */
 
-
float: left; /* This lines up the menu items horizontally */
 
-
text-align: center; /* All text is placed in the center of the box */
 
-
list-style: none; /* Removes the default styling (bullets) for the list */
 
-
font: normal bold 13px/1.2em Arial, Verdana, Helvetica; padding: 0;
 
-
margin: 0;
 
-
background-color: white;
 
-
}
 
-
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */
 
-
border-left: 0.5px solid black; border-right: 0.5px solid black; border-top: 0.5px solid black; border-bottom: 0.5px solid black; text-decoration: none; /* Removes the default hyperlink styling. */
 
-
color: white; /* Text color is white */
 
-
display: block;
 
-
}
 
-
#home {background-color:red;}
 
-
#home:hover {color:red; background-color: white;}
 
-
 
-
#Project {background-color:orange;}
 
-
#Project:hover {color:orange; background-color: white;}
 
-
#overview {background-color: orange;}
 
-
#overview:hover {color:orange; background-color: white;}
 
-
#motivation {background-color: orange;}
 
-
#motivation:hover {color:orange; background-color: white;}
 
-
#model {background-color: orange;}
 
-
#model:hover {color:orange; background-color: white;}
 
-
#biobricks {background-color: orange;}
 
-
#biobricks:hover {color:orange; background-color: white;}
 
-
 
-
#modelling {background-color: #b3b300;}
 
-
#modelling:hover {color:#b3b300; background-color: white;}
 
-
 
-
#methods {background-color: green;}
 
-
#methods:hover {color:green; background-color:white;}
 
-
#protocol {background-color: green;}
 
-
#protocol:hover {color:green; background-color: white;}
 
-
#notebook {background-color: green;}
 
-
#notebook:hover {color:green; background-color: white;}
 
-
#brainstorming {background-color: green;}
 
-
#brainstorming:hover {color:green; background-color: white;}
 
-
#safety {background-color: green;}
 
-
#safety:hover {color:green; background-color:white;}
 
-
 
-
#outreach {background-color: violet;}
 
-
#outreach:hover {color:violet; background-color: white;}
 
-
#orientation {background-color: violet;}
 
-
#orientation:hover {color:violet; background-color: white;}
 
-
#south {background-color: violet;}
 
-
#south:hover {color:violet; background-color: white;}
 
-
#bill {background-color: violet;}
 
-
#bill:hover {color:violet; background-color: white;}
 
-
#biotoilets {background-color: violet;}
 
-
#biotoilets:hover {color:violet; background-color: white;}
 
-
 
-
#team {background-color: darkblue;}
 
-
#team:hover {color:darkblue; background-color: white;}
 
-
#student {background-color: darkblue;}
 
-
#student:hover {color:darkblue; background-color: white;}
 
-
#faculty {background-color: darkblue;}
 
-
#faculty:hover {color:darkblue; background-color: white;}
 
-
#attributions {background-color: darkblue;}
 
-
#attributions:hover {color:darkblue; background-color: white;}
 
-
 
-
.navbar li ul {
 
-
display: none; /* Hides the drop-down menu */
 
-
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */
 
-
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {
 
-
display: block;
 
-
/* Displays the drop-down box when the menu item is hovered over */
 
-
 
-
}
 
-
.navbar li ul li {background-color: white; width: 100%;} .navbar li ul li a {
 
-
border-left: 0.5px solid black; border-right: 0.5px solid black; border-top: 0.5px solid black; border-bottom: 0.5px solid black; width: auto; }
 
-
.navbar li ul li a:hover {width: 100%; background-color: white;}
 
/*-----------------------------------------------------Slideshow---------------------------------------------------*/
/*-----------------------------------------------------Slideshow---------------------------------------------------*/
Line 780: Line 671:
     this.display_text();
     this.display_text();
   }
   }
 +
}
 +
//-->
 +
</SCRIPT>
 +
 +
<SCRIPT type="text/javascript">
 +
<!--
SLIDES = new slideshow("SLIDES");
SLIDES = new slideshow("SLIDES");
SLIDES.add_slide(s = new slide('https://static.igem.org/mediawiki/igem.org/e/e1/Banner-1.jpg'));
SLIDES.add_slide(s = new slide('https://static.igem.org/mediawiki/igem.org/e/e1/Banner-1.jpg'));
-
//s.filter = 'progid:DXImageTransform.Microsoft.Pixelate()';
+
s.filter = 'progid:DXImageTransform.Microsoft.Pixelate()';
SLIDES.add_slide(s = new slide('https://static.igem.org/mediawiki/2013/7/7a/Sfgfp-iit-igem.JPG'));
SLIDES.add_slide(s = new slide('https://static.igem.org/mediawiki/2013/7/7a/Sfgfp-iit-igem.JPG'));
-
//s.filter = 'progid:DXImageTransform.Microsoft.Fade()';
+
s.filter = 'progid:DXImageTransform.Microsoft.Fade()';
SLIDES.add_slide(s = new slide('https://static.igem.org/mediawiki/igem.org/e/e1/Banner-1.jpg'));
SLIDES.add_slide(s = new slide('https://static.igem.org/mediawiki/igem.org/e/e1/Banner-1.jpg'));
-
//s.filter = 'progid:DXImageTransform.Microsoft.Barn()';
+
s.filter = 'progid:DXImageTransform.Microsoft.Barn()';
-
 
-
}
 
//-->
//-->
</SCRIPT>
</SCRIPT>
 +
Line 800: Line 696:
 +
  <meta content="text/html; charset=ISO-8859-1"
 +
http-equiv="content-type">
 +
  <title>Navigation-Top</title>
 +
  <style ="text/css">
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}
 +
#top-section {
 +
border: none;
 +
height: 0px;}
 +
#content {
 +
border: none;}
 +
/* Redesigning the topmenu */ /***************************/ body {
 +
margin: 0px 0 0 0;
 +
padding: 0;}
 +
#content, #globalWrapper {
 +
border: none;
 +
width: 100%;
 +
margin: 0;
 +
padding: 0;}
 +
.centering {
 +
margin: 0 auto;
 +
width: 100%;}
 +
/* Nav Bar */
 +
#wrap {
 +
width: 100%; /* Spans the width of the page */
 +
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 */
 +
position: relative; background-color: white;
 +
}
 +
.navbar {
 +
height: 50px;
 +
width: 100%;
 +
padding: 0;
 +
margin: 0;
 +
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */
 +
border-right: 0.5px solid white; }
 +
.navbar li {
 +
height: auto;
 +
width: 16.666%; /* Each menu item is 200px wide */
 +
float: left; /* This lines up the menu items horizontally */
 +
text-align: center; /* All text is placed in the center of the box */
 +
list-style: none; /* Removes the default styling (bullets) for the list */
 +
font: normal bold 13px/1.2em Arial, Verdana, Helvetica; padding: 0;
 +
margin: 0;
 +
background-color: white;
 +
 +
}
 +
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */
 +
border-left: 0.5px solid black; border-right: 0.5px solid black; border-top: 0.5px solid black; border-bottom: 0.5px solid black; text-decoration: none; /* Removes the default hyperlink styling. */
 +
color: white; /* Text color is white */
 +
display: block;
 +
}
 +
#home {background-color:red;}
 +
#home:hover {color:red; background-color: white;}
 +
 +
#Project {background-color:orange;}
 +
#Project:hover {color:orange; background-color: white;}
 +
#overview {background-color: orange;}
 +
#overview:hover {color:orange; background-color: white;}
 +
#motivation {background-color: orange;}
 +
#motivation:hover {color:orange; background-color: white;}
 +
#model {background-color: orange;}
 +
#model:hover {color:orange; background-color: white;}
 +
#biobricks {background-color: orange;}
 +
#biobricks:hover {color:orange; background-color: white;}
 +
 +
#modelling {background-color: #b3b300;}
 +
#modelling:hover {color:#b3b300; background-color: white;}
 +
 +
#methods {background-color: green;}
 +
#methods:hover {color:green; background-color:white;}
 +
#protocol {background-color: green;}
 +
#protocol:hover {color:green; background-color: white;}
 +
#notebook {background-color: green;}
 +
#notebook:hover {color:green; background-color: white;}
 +
#brainstorming {background-color: green;}
 +
#brainstorming:hover {color:green; background-color: white;}
 +
#safety {background-color: green;}
 +
#safety:hover {color:green; background-color:white;}
 +
 +
#outreach {background-color: violet;}
 +
#outreach:hover {color:violet; background-color: white;}
 +
#orientation {background-color: violet;}
 +
#orientation:hover {color:violet; background-color: white;}
 +
#south {background-color: violet;}
 +
#south:hover {color:violet; background-color: white;}
 +
#bill {background-color: violet;}
 +
#bill:hover {color:violet; background-color: white;}
 +
#biotoilets {background-color: violet;}
 +
#biotoilets:hover {color:violet; background-color: white;}
 +
 +
#team {background-color: darkblue;}
 +
#team:hover {color:darkblue; background-color: white;}
 +
#student {background-color: darkblue;}
 +
#student:hover {color:darkblue; background-color: white;}
 +
#faculty {background-color: darkblue;}
 +
#faculty:hover {color:darkblue; background-color: white;}
 +
#attributions {background-color: darkblue;}
 +
#attributions:hover {color:darkblue; background-color: white;}
 +
 +
.navbar li ul {
 +
display: none; /* Hides the drop-down menu */
 +
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */
 +
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {
 +
display: block;
 +
/* Displays the drop-down box when the menu item is hovered over */
 +
 +
}
 +
.navbar li ul li {background-color: white; width: 100%;} .navbar li ul li a {
 +
border-left: 0.5px solid black; border-right: 0.5px solid black; border-top: 0.5px solid black; border-bottom: 0.5px solid black; width: auto; }
 +
.navbar li ul li a:hover {width: 100%; background-color: white;}
 +
 +
 +
 +
/*
/* Slider */
/* Slider */
#image-slider {
#image-slider {
Line 849: Line 859:
opacity: 1;
opacity: 1;
}
}
 +
 +
*/
   </style>
   </style>
</head>
</head>
Line 926: Line 938:
  style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td>
  style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td>
       <td style="vertical-align: top; text-align: center;">
       <td style="vertical-align: top; text-align: center;">
-
       <div id="image-slider">
+
        
-
      <div id="slide-frame">
+
Line 964: Line 975:
-
</div>
+
 
-
      </div>
+
       </td>
       </td>
       <td
       <td

Revision as of 11:17, 27 September 2013

/*-----------------------------------------------------Slideshow---------------------------------------------------*/ /*----------------------------------------------slideshow----------------------------------------------------------*/ Navigation-Top




slideshow image


Project Description

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.




Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you have queries; requests; suggestions et cetera.

Thanks to iGEM and IIT Delhi,
we had an awesome summer!

 Our Project was supported by and done by the students

 of IIT Delhi, India.

 This project was done as a part of iGEM:
iGEM Main Website

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