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

 
(30 intermediate revisions by 3 users not shown)
Line 17: Line 17:
  
  
−
body,h1,h2,h3,h4,h5,h6 {font-family: "Source Sans Pro", sans-serif;}
+
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
  
 
body, html {
 
body, html {
Line 50: Line 50:
 
}
 
}
  
 +
</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>
 +
 +
  <a href="https://2017.igem.org/Team:ICT-Mumbai#home" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-home" aria-hidden="true"></i>
 +
Home</a>
 +
 +
<div class="w3-dropdown-hover">
 +
<a href="#project" 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>
 +
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Description" class="w3-bar-item w3-button">Description</a>
 +
        <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="#human practices" 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 w3-display-container" id="home">
 +
  <div class="w3-display-middle" style="white-space:nowrap;">
 +
  </div>
 +
</div>
 +
 +
<style>
 +
button.accordion {
 +
    background-color: #eee;
 +
    color: #444;
 +
    cursor: pointer;
 +
    padding: 18px;
 +
    width: 80%;
 +
    border: none;
 +
    text-align: left;
 +
    outline: none;
 +
    font-size: 15px;
 +
    transition: 0.4s;
 +
margin-left:10%;
 +
margin-right:10%;
 +
}
 +
 +
button.accordion.active, button.accordion:hover {
 +
    background-color: #ccc;
 +
}
 +
 +
div.panel {
 +
    padding: 0 18px;
 +
    background-color: white;
 +
    max-height: 0;
 +
    overflow: hidden;
 +
    transition: max-height 0.2s ease-out;
 +
}
 +
 +
 +
</style>
 +
</head>
 +
<body>
 +
 +
<!-- Container (About Section) -->
 +
<div class="w3-content w3-container w3-padding-64" id="about">
 +
  <br><h3 class="w3-center">Overview</h3> </br>
 +
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">From the time we decided to take on the issue of ammonia removal from
 +
the environment, our sights were set on designing a portable machine that
 +
could harbor our engineered bacteria. We aspire to use this device chiefly
 +
for deodorization of public washrooms. Insights from industry experts,
 +
academia, our peers and public opinion have played a huge role in shaping
 +
up our idea.</p>
 +
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;"> Have a look at what we have done by clicking on the buttons below: </p>
 +
 +
<button class="accordion">Current solutions</button>
 +
<div class="panel">
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">Before embarking on our pursuit, we first analysed the current solutions
 +
that are available for deodorization of toilets and their short-comings. A
 +
summary of our findings is given below:</p>
 +
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">1) Perfume or Naptha balls: This is the most commonly used method for tackling
 +
toilet odour. Perfumes used may vary in price from affordable deodorants to
 +
high-end fragrances while naptha balls are usually cheap. They just offer a band-
 +
aid solution and tend to fade away with time.</p>
 +
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">2) Water-less toilets: Water-less toilets though proven to provide odorless sanitation
 +
and capable of saving water, come at a steep price. Majority of today&#39;s
 +
washrooms cannot be upgraded into a water-less facility without making drastic
 +
changes, thus limiting its usage.</p>
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">3) Bioblocks: Bioblocks provide a bio-response that is, they release benevolent
 +
bacteria every time they come in contact with urine. The bacteria prevent odour
 +
formation in addition to release of a fine fragrance. Their only limitation is the fact
 +
that they need to be replaced every few days, making them inconvenient.</p>
 +
</div>
 +
 +
<button class="accordion">Public and educational outreach</button>
 +
<div class="panel">
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">Science is all about curiosity and kids are known to be very curious! Hence, sparking
 +
scientific curiosity amongst kids has been over main focus. We are thankful to Sparsha
 +
Charitable Trust for giving us the opportunity to interact with kids from K. D. Vidyalaya
 +
school. In our interactive sessions, we tried our best to convey the sense of
 +
biotechnology beginning right from explaining what a cell is, to giving day-to- day
 +
examples such as bread, ethanol, and curd production by microbes. This went a long
 +
way in clearing a common misconception amongst them that all microorganisms are
 +
bad. The kids thoroughly enjoyed the session and we were satisfied that we could
 +
introduce them to biotechnology and convert them into science enthusiasts.</p>
 +
<img src="https://static.igem.org/mediawiki/2017/b/b6/HP_ict.jpg" alt="Norway" style="width:30%" hspace="15" >
 +
<img src="https://static.igem.org/mediawiki/2017/b/bc/ICT-Mumbai_HP_image_2.jpeg" class="w3-round" alt="Norway" style="width:30%" hspace="10">
 +
<img src="https://static.igem.org/mediawiki/2017/c/c9/ICT-Mumbai_HP_image_3.jpeg" class="w3-round" alt="Norway" style="width:30%" hspace="10">
 +
</div>
 +
 +
<button class="accordion">Expert advice</button>
 +
<div class="panel">
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">In order to make our device suitable for practical use in public washrooms, we consulted Sulabh International, an NGO behind the ‘Sulabh Sanitation Movement’ who have built 1.5 million household toilets & 54 million government toilets around India. According to Mr. Nirmal Singh, President of Sulabh International, Mumbai the device under design by us could one day be used in public washrooms provided it is economically feasible. From above interaction, we got an idea of how public toilets are being maintained and this motivated us to make this process easier and economical.</p>
 +
</div>
 +
 +
<button class="accordion">Survey</button>
 +
<div class="panel">
 +
<br>
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">Q: Status of these toilets?</p>
 +
<p style="text-align:center;"><img src="https://static.igem.org/mediawiki/2017/4/40/Survey1.png" height="40%" width="40%"></p>
 +
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">Q: Do you use them?</p>
 +
<p style="text-align:center;"><img src="https://static.igem.org/mediawiki/2017/thumb/e/e2/Survey2.png/800px-Survey2.png" height="40%" width="40%"></p>
 +
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">Q: Does public toilet smell deter you from using them?</p>
 +
<p style="text-align:center;"><img src="https://static.igem.org/mediawiki/2017/thumb/d/d5/Survey3.png/740px-Survey3.png
 +
" height="40%" width="40%"></p>
 +
 +
<p style="height:70 px;  font-family:'Lato';  font-size:20px; colour:lightgrey;">Q: If we could come up with a solution that eliminates this odor, would you use these toilets?</p>
 +
<p style="text-align:center;"><img src="https://static.igem.org/mediawiki/2017/thumb/9/95/Survey4.png/800px-Survey4.png" height="40%" width="40%"></p>
 +
 +
 +
 +
</div>
 +
 +
<script>
 +
var acc = document.getElementsByClassName("accordion");
 +
var i;
 +
 +
for (i = 0; i < acc.length; i++) {
 +
  acc[i].onclick = function() {
 +
    this.classList.toggle("active");
 +
    var panel = this.nextElementSibling;
 +
    if (panel.style.maxHeight){
 +
      panel.style.maxHeight = null;
 +
    } else {
 +
      panel.style.maxHeight = panel.scrollHeight + "px";
 +
    }
 +
  }
 +
}
 +
</script>
 +
 +
 +
<!--
 +
 +
=========
 
*, *:before, *:after {
 
*, *:before, *:after {
 
   box-sizing: inherit;
 
   box-sizing: inherit;
Line 128: Line 323:
 
}
 
}
  
−
</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>
+
−
 
+
−
  <a href="#home" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-home" aria-hidden="true"></i>
+
−
Home</a>
+
−
 
+
−
<div class="w3-dropdown-hover">
+
−
<a href="#project" 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>
+
−
 
+
−
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Description" class="w3-bar-item w3-button">Description</a>
+
−
        <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/Experiments" class="w3-bar-item w3-button">Experiments</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">
+
−
<a href="#team" 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="#parts" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-cogs" aria-hidden="true"></i>  Parts</a>
+
−
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
+
−
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Parts"class="w3-bar-item w3-button">Parts</a>
+
−
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Basic Parts" class="w3-bar-item w3-button">Basic Parts</a>
+
−
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Composite Parts" class="w3-bar-item w3-button">Composite Parts</a>
+
−
</div>
+
−
</div>
+
−
 
+
−
<a href="#safety" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-flag" aria-hidden="true"></i>
+
−
Safety</a>
+
−
 
+
−
<a href="#human practices" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-handshake-o" aria-hidden="true"></i>
+
−
Human Practices</a>
+
−
 
+
−
 
+
−
<a href="#awards" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-trophy" aria-hidden="true"></i>
+
−
Awards</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 w3-display-container" id="home">
+
−
  <div class="w3-display-middle" style="white-space:nowrap;">
+
−
  </div>
+
−
</div>
+
−
 
+
−
<!-- Container (About Section) -->
+
−
<div class="w3-content w3-container w3-padding-64" id="about">
+
−
  <br><h3 class="w3-center">Overview</h3> </br>
+
−
 
+
−
<p style="font-size:20px; colour:lightgrey;">From the time we decided to take on the issue of ammonia removal from
+
−
the environment, our sights were set on designing a portable machine that
+
−
could harbor our engineered bacteria. We aspire to use this device chiefly
+
−
for deodorization of public washrooms. Insights from industry experts,
+
−
academia, our peers and public opinion have played a huge role in shaping
+
−
up our idea.</p>
+
−
       
+
 
<div class="tab">
 
<div class="tab">
 
   <button class="tablinks" onclick="openCity(event, 'London')">Current Solutions
 
   <button class="tablinks" onclick="openCity(event, 'London')">Current Solutions
Line 221: Line 332:
 
</button>
 
</button>
 
   <button class="tablinks" onclick="openCity(event, 'Tokyo')">Expert advice</button>
 
   <button class="tablinks" onclick="openCity(event, 'Tokyo')">Expert advice</button>
 +
  <button class="tablinks" onclick="openCity(event, 'Tokyo')">Survey</button>
 +
 
</div>
 
</div>
  
Line 226: Line 339:
 
   <h3>Currrent solutions</h3>
 
   <h3>Currrent solutions</h3>
 
    
 
    
−
 
 
<p style="font-size:20px; colour:lightgrey;">Before embarking on our pursuit, we first analysed the current solutions
 
<p style="font-size:20px; colour:lightgrey;">Before embarking on our pursuit, we first analysed the current solutions
 
that are available for deodorization of toilets and their short-comings. A
 
that are available for deodorization of toilets and their short-comings. A
Line 255: Line 367:
 
bad. The kids thoroughly enjoyed the session and we were satisfied that we could
 
bad. The kids thoroughly enjoyed the session and we were satisfied that we could
 
introduce them to biotechnology and convert them into science enthusiasts.</p>
 
introduce them to biotechnology and convert them into science enthusiasts.</p>
−
<img src="https://static.igem.org/mediawiki/2017/b/b6/HP_ict.jpg" alt="Norway" style="width:100%" hspace="15" >
+
<img src="https://static.igem.org/mediawiki/2017/b/b6/HP_ict.jpg" alt="Norway" style="width:30%" hspace="15" >
 
<img src="https://static.igem.org/mediawiki/2017/b/bc/ICT-Mumbai_HP_image_2.jpeg" class="w3-round" alt="Norway" style="width:30%" hspace="10">
 
<img src="https://static.igem.org/mediawiki/2017/b/bc/ICT-Mumbai_HP_image_2.jpeg" class="w3-round" alt="Norway" style="width:30%" hspace="10">
 
<img src="https://static.igem.org/mediawiki/2017/c/c9/ICT-Mumbai_HP_image_3.jpeg" class="w3-round" alt="Norway" style="width:30%" hspace="10">
 
<img src="https://static.igem.org/mediawiki/2017/c/c9/ICT-Mumbai_HP_image_3.jpeg" class="w3-round" alt="Norway" style="width:30%" hspace="10">
Line 264: Line 376:
 
<p style="font-size:20px; colour:lightgrey; text-align: justify;">In order to make our device suitable for practical use in public washrooms, we consulted Sulabh International, an NGO behind the ‘Sulabh Sanitation Movement’ who have built 1.5 million household toilets & 54 million government toilets around India. According to Mr.Nirmal Singh, President of Sulabh International, Mumbai the device under design by us could one day be used in public washrooms provided it is economically feasible. From above interaction, we got an idea of how public toilets are being maintained and this motivated us to make this process easier & economical.</p>
 
<p style="font-size:20px; colour:lightgrey; text-align: justify;">In order to make our device suitable for practical use in public washrooms, we consulted Sulabh International, an NGO behind the ‘Sulabh Sanitation Movement’ who have built 1.5 million household toilets & 54 million government toilets around India. According to Mr.Nirmal Singh, President of Sulabh International, Mumbai the device under design by us could one day be used in public washrooms provided it is economically feasible. From above interaction, we got an idea of how public toilets are being maintained and this motivated us to make this process easier & economical.</p>
 
</div>
 
</div>
 +
 +
<div id="London" class="tabcontent">
 +
  <h3>Survey</h3>
 +
<p style="font-size:20px; colour:lightgrey; text-align: justify;">Q: Status of these toilets?</p>
 +
<p style="text-align:center;"><img src="https://2017.igem.org/File:Survey1.png"></p>
  
 
<script>
 
<script>
Line 281: Line 398:
 
</script>
 
</script>
  
−
 
+
-->
 
   
 
   
 
   <div class="w3-row">
 
   <div class="w3-row">

Latest revision as of 12:46, 1 November 2017

ICT-Mumbai 2017


Overview


From the time we decided to take on the issue of ammonia removal from the environment, our sights were set on designing a portable machine that could harbor our engineered bacteria. We aspire to use this device chiefly for deodorization of public washrooms. Insights from industry experts, academia, our peers and public opinion have played a huge role in shaping up our idea.

Have a look at what we have done by clicking on the buttons below:

Before embarking on our pursuit, we first analysed the current solutions that are available for deodorization of toilets and their short-comings. A summary of our findings is given below:

1) Perfume or Naptha balls: This is the most commonly used method for tackling toilet odour. Perfumes used may vary in price from affordable deodorants to high-end fragrances while naptha balls are usually cheap. They just offer a band- aid solution and tend to fade away with time.

2) Water-less toilets: Water-less toilets though proven to provide odorless sanitation and capable of saving water, come at a steep price. Majority of today's washrooms cannot be upgraded into a water-less facility without making drastic changes, thus limiting its usage.

3) Bioblocks: Bioblocks provide a bio-response that is, they release benevolent bacteria every time they come in contact with urine. The bacteria prevent odour formation in addition to release of a fine fragrance. Their only limitation is the fact that they need to be replaced every few days, making them inconvenient.

Science is all about curiosity and kids are known to be very curious! Hence, sparking scientific curiosity amongst kids has been over main focus. We are thankful to Sparsha Charitable Trust for giving us the opportunity to interact with kids from K. D. Vidyalaya school. In our interactive sessions, we tried our best to convey the sense of biotechnology beginning right from explaining what a cell is, to giving day-to- day examples such as bread, ethanol, and curd production by microbes. This went a long way in clearing a common misconception amongst them that all microorganisms are bad. The kids thoroughly enjoyed the session and we were satisfied that we could introduce them to biotechnology and convert them into science enthusiasts.

Norway Norway Norway

In order to make our device suitable for practical use in public washrooms, we consulted Sulabh International, an NGO behind the ‘Sulabh Sanitation Movement’ who have built 1.5 million household toilets & 54 million government toilets around India. According to Mr. Nirmal Singh, President of Sulabh International, Mumbai the device under design by us could one day be used in public washrooms provided it is economically feasible. From above interaction, we got an idea of how public toilets are being maintained and this motivated us to make this process easier and economical.


Q: Status of these toilets?

Q: Do you use them?

Q: Does public toilet smell deter you from using them?

Q: If we could come up with a solution that eliminates this odor, would you use these toilets?