Difference between revisions of "Team:ICT-Mumbai/Description"

 
(206 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
 
<html>
 
<html>
 
+
<title>ICT-Mumbai 2017</title>
<head>
+
<meta charset="UTF-8">
 
+
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 +
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  
 
<style>
 
<style>
  
 
#sideMenu
 
#sideMenu
  {display:none;}
+
{display:none; /*Disable the display of the annoying side main menu*/}
#top_title
+
#top_title
  {display:none;}
+
{display:none; /* Disable the annoying title*/}
#content
+
#content
  {padding:0px; width:90%; margin-left:5%; margin-right:5%;background-color: rgba(255,255,255,0);}
+
{padding:0px; width:100%; margin-left:0%; margin-right:0%;background-color: rgba(255,255,255);}
  
#navbar ul {
 
    list-style-type: none;
 
    margin: 0;
 
    padding: 0;
 
    overflow: hidden;
 
    background-color: #333;
 
}
 
  
#navbar li {
+
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
    float: left;
+
}
+
  
#navbar li a, .dropbtn {
+
body, html {
     display: inline-block;
+
     height: 100%;
     color: white;
+
     color: rgba(255,255,255);
    text-align: center;
+
    padding: 14px 16px;
+
    text-decoration: none;
+
 
}
 
}
  
#navbar li a:hover, .dropdown:hover .dropbtn {
 
    background-color: grey;
 
}
 
  
#navbar li.dropdown {
+
/* Create a Parallax Effect */
     display: inline-block;
+
.bgimg-1, .bgimg-2, .bgimg-3 {
 +
     background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 
}
 
}
  
#navbar .dropdown-content {
+
/* First image (Logo. Full height) */
    display: none;
+
.bgimg-1 {
    position: absolute;
+
     background-image: url("https://static.igem.org/mediawiki/2017/b/ba/ICT-Mumbai_homepage_image.png");
     background-color: #f9f9f9;
+
     min-height: 500px;
    min-width: 160px;
+
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
     z-index: 1;
+
 
}
 
}
  
#navbar .dropdown-content a {
+
.bgimg-1:hover {
    color: black;
+
background-image: url("https://static.igem.org/mediawiki/2017/4/44/ICT-Mumbai_homepage_dyeodorant_image.png");
    padding: 12px 16px;
+
                min-height: 500px;
    text-decoration: none;
+
}
    display: block;
+
    text-align: left;
+
}
+
  
#navbar .dropdown-content a:hover {background-color: #f1f1f1}
 
  
#navbar .dropdown:hover .dropdown-content {
+
.w3-wide {letter-spacing: 10px;}
     display: block;
+
.w3-hover-opacity {cursor: pointer;}
 +
 
 +
/* Turn off parallax scrolling for tablets and phones */
 +
@media only screen and (max-device-width: 1024px) {
 +
     .bgimg-1, .bgimg-2, .bgimg-3 {
 +
        background-attachment: scroll;
 +
    }
 
}
 
}
  
 +
.urlImg {
 +
 +
display:block;
 +
background-image: url(');
 +
}
 +
.urlImg:hover {
 +
background-image: url('img/peng.png');
 +
}
  
 +
</style>
 +
<body>
  
 +
<!-- Navbar (sit on top) -->
 +
  <div class="w3-bar" id="myNavbar">
 +
    <a class="w3-bar-item w3-button w3-hover-black w3-hide-medium w3-hide-large w3-right" href="javascript:void(0);" onclick="toggleFunction()" title="Toggle Navigation Menu">
 +
      <i class="fa fa-bars"></i>
 +
    </a>
  
body{
+
  <a href="https://2017.igem.org/Team:ICT-Mumbai" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-home" aria-hidden="true"></i>
background-color: #fafafa;
+
Home</a>
background-image:url("https://static.igem.org/mediawiki/2017/7/7a/MumbaiCover.jpeg");
+
background-position:center center;
+
background-repeat:no-repeat;
+
-moz-background-size: cover;
+
background-size: cover;
+
background-attachment:fixed;
+
    }
+
#container1{
+
  
background-color: rgba(255,255,255,0.6);
+
<div class="w3-dropdown-hover">
 +
<button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-flask" aria-hidden="true"></i>
 +
    Project</button></a>
 +
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Background" class="w3-bar-item w3-button">Background</a>
  
margin-left:auto;
+
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Description" class="w3-bar-item w3-button">Description</a>
margin-right:auto;
+
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Design" class="w3-bar-item w3-button">Design</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Protocols" class="w3-bar-item w3-button">Protocols</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Notebook"class="w3-bar-item w3-button">Notebook</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/InterLab"class="w3-bar-item w3-button">Interlab</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Results"class="w3-bar-item w3-button">Results</a>
 +
</div>
 +
</div>
  
 +
 +
 +
 +
    <div class="w3-dropdown-hover">
 +
<button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-users" aria-hidden="true"></i>Team</button></a>
 +
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Team"class="w3-bar-item w3-button">Team</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Collaborations" class="w3-bar-item w3-button">Collaborations</a>
 +
</div>
 +
</div>
 +
 +
    <div class="w3-dropdown-hover">
 +
<a href="https://2017.igem.org/Team:ICT-Mumbai/Parts" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-cogs" aria-hidden="true"></i>  Part</a>
 +
 +
       
 +
</div>
 +
 +
<a href="https://2017.igem.org/Team:ICT-Mumbai/Safety" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-flag" aria-hidden="true"></i>
 +
Safety</a>
 +
 +
<a href="https://2017.igem.org/Team:ICT-Mumbai/HP/Gold_Integrated" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-handshake-o" aria-hidden="true"></i>
 +
Human Practices</a>
 +
 +
<a href="https://2017.igem.org/Team:ICT-Mumbai/Attributions" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-user-o" aria-hidden="true"></i>Attributions</a>
 +
 +
 +
   
 +
  </div>
 +
 +
  <!-- Navbar on small screens -->
 +
  <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium">
 +
    <a href="#about" class="w3-bar-item w3-button" onclick="toggleFunction()">ABOUT</a>
 +
    <a href="#portfolio" class="w3-bar-item w3-button" onclick="toggleFunction()">PORTFOLIO</a>
 +
    <a href="#contact" class="w3-bar-item w3-button" onclick="toggleFunction()">CONTACT</a>
 +
    <a href="#" class="w3-bar-item w3-button">SEARCH</a>
 +
  </div>
 +
</div>
 +
 +
<!-- First Parallax Image with Logo Text -->
 +
<div class="bgimg-1" id="home">
 +
 
 +
   
 +
  </div>
 +
</div>
 +
 +
<!-- Container (About Section) -->
 +
 +
<div class="w3-content w3-container w3-padding-64" id="about">
 +
  <h3 class="w3-center" style="color:#000080">The problem</h3>
 +
 +
 +
<style>
 +
h3{
 +
    line-height: 70%;
 
}
 
}
  
#container1 h1.Head{
+
h3 {
font: italic bold 48px/40px Georgia, serif;
+
    font-size: 30px;
text-align: center;
+
padding:50px 20px 20px 20px;
+
 
}
 
}
 +
</style>
  
 +
<p style="height:70 px; font-family:'Lato'; font-size:20px; colour:lightgrey;">Ammonia formed due to hydrolysis of urine is a major cause of the stench that is characteristic of public toilets. Apart from putting off users, ammonia is also a health hazard.
  
#container1    .logo{
+
<blockquote cite="https://www.health.ny.gov/environmental/emergency/chemical_terrorism/ammonia_tech.htm">
padding-top=30px;
+
Ammonia is irritating and corrosive. Exposure to high concentrations of ammonia in air causes immediate burning of the nose, throat and respiratory tract. This can cause bronchiolar and alveolar edema, and airway destruction resulting in respiratory distress or failure. Inhalation of lower concentrations can cause coughing, and nose and throat irritation. Ammonia’s odor provides adequate early warning of its presence, but ammonia also causes olfactory fatigue or adaptation, reducing awareness of one's prolonged exposure at low concentrations. <a href="https://www.health.ny.gov/environmental/emergency/chemical_terrorism/ammonia_tech.htm">(Source)</a>
margin-left:5%;       
+
</blockquote></p>
float:left;
+
    }
+
  
</style>
+
<p style="height:70 px; font-family:'Lato'; font-size:20px; colour:lightgrey;">Apart from users, toilet janitors are exposed to ammonia for prolonged periods of time. In crowded localities, residents and shopkeepers in the vicinity of public toilets are also exposed to toxic ammonia fumes throughout the day.</p>
  
</head>
+
<div class="w3-content w3-container w3-padding-64" id="about">
<body>
+
  <h3 class="w3-center" style="color:#000080">Existing Solutions</h3>
  
<div id="navbar">
 
  
<ul>
+
<style>
  <li><a class="selected">Home</a></li>
+
h3{
  <li><a href="#news">Description</a></li>
+
     line-height: 120%;
  <li class="dropdown">
+
}
     <a href="#" class="dropbtn">Knowledge</a>
+
    <div class="dropdown-content">
+
      <a href="#">Notebook</a>
+
      <a href="#">Outreach</a>
+
      <a href="#">Team</a>
+
    </div>
+
  </li>
+
</ul>
+
</div>
+
  
 +
h3 {
 +
    font-size: 30px;
 +
}
 +
</style>
  
 +
<p style="height:70 px;font-family:'Lato'; font-size:20px; colour:lightgrey;">Different solutions exist to tackle the problem of stinking toilets. The first involves using deodorants, which simply mask the odor. This is obviously not a solution as such, as the toxic fumes are merely disguised and wished away!</p>
  
<div id="container1">
+
<p style="height:70 px; font-family:'Lato'; font-size:20px; colour:lightgrey;">The second solution is to use an exhaust fan, which sucks away odors to the outside atmosphere. This also is not a solution; the ammonia is simply diluted into the atmosphere.</p>
  
<img src="https://static.igem.org/mediawiki/2017/8/8a/T--ICT-Mumbai--ICTLogo.jpeg" height="150" class="logo">
+
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">The third solution is using copious amounts of water to clean toilets. While this is the most obvious way to prevent formation of ammonia, it is not the most feasible due to scarcity or even unavailability of water, especially after a poor monsoon. A greater menace is that of unscrupulous persons peeing in public places!</p>
<h1 class="Head">ICT-Mumbai</h1>
+
<br>
+
  
</div>
+
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">The fourth solution is to construct waterless toilets. A version of waterless urinals employs a propriety liquid (usually oil) in the drain. The oil floats on urine, and odors from urine cannot rise from the oil layer. This is not a cheap solution, and also requires periodic flushing with lots of water. <a href="http://science.howstuffworks.com/environmental/green-
 +
tech/sustainable/waterless-toilet4.htm">(Source)</a></p>
  
<br>
+
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">A fifth solution is to use microbes (Bioblocks®) that degrade the urea in urine, thus preventing ammonia formation. This is by far the neatest solution, as ammonia does not form at all. However, the cost of replacing the microbes in the drainage system is a big impediment to its widespread use.</p>
<br>
+
<br>
+
<br>
+
<br>
+
  
  
<img src="https://static.igem.org/mediawiki/2017/8/85/T--ICT-Mumbai--ProjectDescription.jpeg" width:"800" class="progress"/>
+
<div class="w3-content w3-container w3-padding-64" id="about">
 +
  <h4 class="w3-center" style="color:#000080">Our Solution</h4>
  
 +
<style>
 +
h4{
 +
    line-height: 120%;
 +
}
  
 +
h4 {
 +
    font-size: 30px;
 +
}
  
 +
</style>
  
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">We decided to tackle the problem of stench without reconfiguring existing toilets, which would not be feasible because of the costs involved and the need to convince a number of stakeholders. We also decided that the solution should be agnostic to people’s attitudes and their disdain for cleanliness!</p>
  
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">This, then, is what we propose: the ammonia released in air can be assimilated by bacteria, which will use it as their sole source of nitrogen. The bacteria will metabolize the nitrogen to form a blue-colored compound that can be extracted and used as a dye, thus capturing the ammonia in an inert form.</p>
  
</body>
+
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">We decided to engineer <i>Escherichia coli</i> to carry out the task of ammonia assimilation.
 +
</p>
  
 +
<div class="w3-content w3-container w3-padding-64" id="about">
 +
  <h5 class="w3-center" style="color:#000080">How it works</h5>
  
 +
<style>
 +
h5{
 +
    line-height: 120%;
 +
}
  
 +
h5 {
 +
    font-size: 30px;
 +
}
  
 +
</style>
 +
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">Ammonia in air dissolves in water to form ammonium, which enters the cell and condenses with glutamate to form glutamine due to the action of the endogenous enzyme glutamine synthetase (GS, encoded by <i>glnA</i>). Glutamine can be acted upon by indigoidine synthetase (encoded by <i>indC</i> from <i>Photorhabdus luminescens</i>) to form the blue pigment indigoidine.</p>
 +
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">Protons released during glutamine formation can be pumped outside the cell by proteorhodopsin (obtained from uncultured marine Gammaproteobacteria of the SAR86 group). The proton gradient thus formed can drive endogenous ATP synthase to form ATP, which is required for GS activity.
 +
</p>
 +
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">A schematic representation of our concept is depicted below:
 +
</p>
 +
<br>
 +
<img src="https://static.igem.org/mediawiki/2017/8/8e/ICT-Mumbai_description_image.jpeg" height="100%" width="100%">
 +
</body>
 
</html>
 
</html>

Latest revision as of 15:03, 1 November 2017

ICT-Mumbai 2017

The problem

Ammonia formed due to hydrolysis of urine is a major cause of the stench that is characteristic of public toilets. Apart from putting off users, ammonia is also a health hazard.

Ammonia is irritating and corrosive. Exposure to high concentrations of ammonia in air causes immediate burning of the nose, throat and respiratory tract. This can cause bronchiolar and alveolar edema, and airway destruction resulting in respiratory distress or failure. Inhalation of lower concentrations can cause coughing, and nose and throat irritation. Ammonia’s odor provides adequate early warning of its presence, but ammonia also causes olfactory fatigue or adaptation, reducing awareness of one's prolonged exposure at low concentrations. (Source)

Apart from users, toilet janitors are exposed to ammonia for prolonged periods of time. In crowded localities, residents and shopkeepers in the vicinity of public toilets are also exposed to toxic ammonia fumes throughout the day.

Existing Solutions

Different solutions exist to tackle the problem of stinking toilets. The first involves using deodorants, which simply mask the odor. This is obviously not a solution as such, as the toxic fumes are merely disguised and wished away!

The second solution is to use an exhaust fan, which sucks away odors to the outside atmosphere. This also is not a solution; the ammonia is simply diluted into the atmosphere.

The third solution is using copious amounts of water to clean toilets. While this is the most obvious way to prevent formation of ammonia, it is not the most feasible due to scarcity or even unavailability of water, especially after a poor monsoon. A greater menace is that of unscrupulous persons peeing in public places!

The fourth solution is to construct waterless toilets. A version of waterless urinals employs a propriety liquid (usually oil) in the drain. The oil floats on urine, and odors from urine cannot rise from the oil layer. This is not a cheap solution, and also requires periodic flushing with lots of water. (Source)

A fifth solution is to use microbes (Bioblocks®) that degrade the urea in urine, thus preventing ammonia formation. This is by far the neatest solution, as ammonia does not form at all. However, the cost of replacing the microbes in the drainage system is a big impediment to its widespread use.

Our Solution

We decided to tackle the problem of stench without reconfiguring existing toilets, which would not be feasible because of the costs involved and the need to convince a number of stakeholders. We also decided that the solution should be agnostic to people’s attitudes and their disdain for cleanliness!

This, then, is what we propose: the ammonia released in air can be assimilated by bacteria, which will use it as their sole source of nitrogen. The bacteria will metabolize the nitrogen to form a blue-colored compound that can be extracted and used as a dye, thus capturing the ammonia in an inert form.

We decided to engineer Escherichia coli to carry out the task of ammonia assimilation.

How it works

Ammonia in air dissolves in water to form ammonium, which enters the cell and condenses with glutamate to form glutamine due to the action of the endogenous enzyme glutamine synthetase (GS, encoded by glnA). Glutamine can be acted upon by indigoidine synthetase (encoded by indC from Photorhabdus luminescens) to form the blue pigment indigoidine.

Protons released during glutamine formation can be pumped outside the cell by proteorhodopsin (obtained from uncultured marine Gammaproteobacteria of the SAR86 group). The proton gradient thus formed can drive endogenous ATP synthase to form ATP, which is required for GS activity.

A schematic representation of our concept is depicted below: