Team:IIT Delhi/Project

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
  <meta content="text/html; charset=ISO-8859-1"
-
This is a template page. READ THESE INSTRUCTIONS.
+
http-equiv="content-type">
-
</div>
+
  <title>Navigation-Top</title>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
  <style ="text/css">
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}
-
</div>
+
#top-section {
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
border: none;
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace.
+
height: 0px;}
-
</div>
+
#content {
-
</div>
+
border: none;}
-
</html>
+
/* 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;
 +
}
-
<!-- *** End of the alert box *** -->
+
#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;}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
#modelling {background-color: #b3b300;}
-
!align="center"|[[Team:IIT_Delhi|Home]]
+
#modelling:hover {color:#b3b300; background-color: white;}
-
!align="center"|[[Team:IIT_Delhi/Team|Team]]
+
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=IIT_Delhi Official Team Profile]
+
-
!align="center"|[[Team:IIT_Delhi/Project|Project]]
+
-
!align="center"|[[Team:IIT_Delhi/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:IIT_Delhi/Modeling|Modeling]]
+
-
!align="center"|[[Team:IIT_Delhi/Notebook|Notebook]]
+
-
!align="center"|[[Team:IIT_Delhi/Safety|Safety]]
+
-
!align="center"|[[Team:IIT_Delhi/Attributions|Attributions]]
+
-
|}
+
 +
#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;}
-
== '''Overall project''' ==
+
.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 */
-
Tell us more about your project.  Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)
+
}
 +
.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 */
 +
#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: 0px;
 +
}
 +
#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>
 +
</head>
 +
<body>
 +
<table
 +
style="background-color: white; width: 100%; height: 200px; text-align: left; margin-left: auto; margin-right: auto;"
 +
border="0" cellpadding="0" cellspacing="0">
 +
  <tbody>
 +
    <tr>
 +
      <td colspan="1" rowspan="1"
 +
style="vertical-align: top; text-align: center;"><img
 +
style="width: 100%; height: 200px;" alt=""
 +
src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"><br>
 +
      </td>
 +
    </tr>
 +
  </tbody>
 +
</table>
 +
<div id="wrap">
 +
<ul class="navbar">
 +
  <li><a href="https://2013.igem.org/Team:IIT_Delhi" id="home">Home</a></li>
 +
  <li><a href="#" id="Project">Our Project</a>
 +
    <ul>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Project" id="overview">Overview</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Idea" id="motivation">Motivation</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Model" id="model">The Model</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Biobrick" id="biobricks">Biobricks Submitted</a></li>
 +
    </ul>
 +
  </li>
 +
  <li><a href="https://2013.igem.org/Team:IIT_Delhi/Modelling" id="modelling">Modelling and Simulation</a></li>
 +
  <li><a href="#" id="methods">Methods and Results</a>
 +
    <ul>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Protocol" id="protocol">Protocols</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Notebook" id="notebook">Notebook</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Brainstorming" id="brainstorming">Brainstorming</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Safety" id="safety">Safety</a></li>
 +
    </ul>
 +
  </li>
 +
  <li><a href="#" id="outreach">Outreach</a>
 +
    <ul>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Outreach" id="orientation">Orientation for Freshmen</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/BRAI" id="bill">BRAI Bill</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Biotoilet" id="biotoilets">Biotoilets</a></li>
 +
    </ul>
 +
  </li>
 +
  <li><a href="https://2013.igem.org/Team:IIT_Delhi/Team" id="team">Team</a>
 +
    <ul>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Student" id="student">Student Members</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Advisor" id="faculty">Faculty Advisors</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Attributions" id="attributions">Attributions</a></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
</div>
 +
<br>
 +
<br>
 +
<table style="text-align: left; width: 100%;" border="0"
 +
cellpadding="0" cellspacing="0">
 +
  <tbody>
 +
    <tr>
 +
      <td style="width: 94px;" align="center"
 +
valign="top"></td>
 +
      <td style="width: 128px;" align="center"
 +
valign="top"></td>
 +
      <td style="width: 645px;" align="center"
 +
valign="top"><font size="+2">Making a Comprehensive Bacterial pH sensor</font><br>
 +
      <div style="text-align: left;">
 +
      <hr style="width: 100%; height: 2px;"><br><br>
 +
The idea is to create a biological device that can utilize the continuous nature of transcriptional regulation (that is a more accurate representation of reality as opposed to discrete circuits) and give a gradient response. pH based response systems have not been taken up extensively in iGEM as such and offer fertile grounds for research in this field of study. A primary reason for this can be that most of the biosensors are designed to facilitate maximum growth. However, pH sensing is based on challenging this very concept.<br><br>
 +
<img src="https://static.igem.org/mediawiki/2013/2/24/Phcoli.png" align= right height= 350 width = 350>
 +
<br<br>
 +
Our idea is to combine the studies exploring pH inducible promoters in molecular biology with logical systems present in the iGEM parts registry to create a Global Bacterial pH sensor akin to the Universal pH Indicator. We have made a mathematical model of our circuit and simulated it on MATLAB to observe the response characteristics. We have also indicated through a simple wet lab experiment that RFP degradation is independent of pH.
-
 
+
      <br>
-
 
+
      <br>
-
 
+
      <br>
-
== Project Details==
+
      <br>
-
 
+
      <br>
-
 
+
      <br>
-
 
+
      <br>
-
 
+
      <br>
-
 
+
      <br>
-
=== Part 2 ===
+
      <br>
-
 
+
      <br>
-
 
+
      <br>
-
 
+
      <br>
-
 
+
      <br>
-
 
+
      <br>
-
=== The Experiments ===
+
      <br>
-
 
+
      <br>
-
 
+
      <br>
-
 
+
      <br>
-
 
+
      <br>
-
=== Part 3 ===
+
      <br>
-
 
+
      <br>
-
 
+
      <br>
-
 
+
      <br>
-
 
+
      </div>
-
== Results ==
+
      </td>
 +
      <td style="width: 112px;" align="center"
 +
valign="top"></td>
 +
      <td style="width: 79px;" align="center"
 +
valign="top"></td>
 +
    </tr>
 +
  </tbody>
 +
</table>
 +
<br>
 +
<table
 +
style="text-align: left; background-color: rgb(175, 175, 175); width: 100%;"
 +
border="0" cellpadding="0" cellspacing="0">
 +
  <tbody>
 +
    <tr>
 +
      <td
 +
style="vertical-align: top; text-align: center; width: 302px; background-color: rgb(175, 175, 175);"><br>
 +
Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you
 +
have queries; requests; suggestions et cetera.<br>
 +
      <br>
 +
Thanks to iGEM and IIT Delhi,<br>
 +
we had an awesome summer!</td>
 +
      <td
 +
style="vertical-align: top; text-align: center; width: 351px; background-color: rgb(175, 175, 175);">Our
 +
Project was supported by and done by the students<br>
 +
      <br>
 +
&nbsp;of IIT Delhi, India.<br>
 +
      <br>
 +
      <a href="http://www.iitd.ac.in/"><img
 +
style="border: 0px solid ; width: 200px; height: 200px;" alt=""
 +
src="http://www.iitb.ac.in/%7Epge/2k12/jam/images/iitd_logo.png"></a></td>
 +
      <td
 +
style="vertical-align: top; text-align: center; width: 339px; background-color: rgb(175, 175, 175);">This
 +
project was done as a part of iGEM:<br>
 +
      <a href="https://igem.org/Main_Page">iGEM Main Website</a><br>
 +
      <br>
 +
      <br>
 +
      <a href="https://igem.org/Main_Page"><img
 +
style="border: 0px solid ; width: 200px; height: 200px;" alt=""
 +
src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png"></a><br>
 +
      <br>
 +
      </td>
 +
    </tr>
 +
  </tbody>
 +
</table>
 +
<br>
 +
</body>
 +
</html>

Latest revision as of 04:15, 28 September 2013

Navigation-Top




Making a Comprehensive Bacterial pH sensor



The idea is to create a biological device that can utilize the continuous nature of transcriptional regulation (that is a more accurate representation of reality as opposed to discrete circuits) and give a gradient response. pH based response systems have not been taken up extensively in iGEM as such and offer fertile grounds for research in this field of study. A primary reason for this can be that most of the biosensors are designed to facilitate maximum growth. However, pH sensing is based on challenging this very concept.

Our idea is to combine the studies exploring pH inducible promoters in molecular biology with logical systems present in the iGEM parts registry to create a Global Bacterial pH sensor akin to the Universal pH Indicator. We have made a mathematical model of our circuit and simulated it on MATLAB to observe the response characteristics. We have also indicated through a simple wet lab experiment that RFP degradation is independent of pH.

























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