Difference between revisions of "Team:ICT-Mumbai"

 
(398 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, #top_title {display:none;}
+
#sideMenu
−
#sideMenu,
+
{display:none; /*Disable the display of the annoying side main menu*/}
−
#top_title {
+
#top_title
−
  display: none;
+
{display:none; /* Disable the annoying title*/}
−
}
+
#content
 +
{padding:0px; width:100%; margin-left:0%; margin-right:0%;background-color: rgba(255,255,255);}
  
−
#content {
 
−
  padding: 0px;
 
−
  width: 100%;
 
−
}
 
  
 +
body,h1,h2,h3,h4,h5,h6 {font-weight: 'bold'; font-family: 'Lato', sans-serif;}
  
 +
body, html {
 +
    height: 100%;
 +
    color: rgba(255,255,255);
 +
    background-color: white;
  
−
#bodyContent h1,
 
−
#bodyContent h2,
 
−
#bodyContent h3,
 
−
#bodyContent h4,
 
−
#bodyContent h5 {
 
−
  margin-bottom: 0px;
 
 
}
 
}
  
−
#bodyContent {
+
img {
−
  padding-right: 0px;
+
    display: block;
 +
    margin: auto;
 +
    width: 50%;
 
}
 
}
  
−
#globalWrapper {
+
video {
−
  font-size: 100%;
+
display: block;
−
  padding: 0px;
+
    margin: auto;
−
  margin: -10px -20px -20px -20px;
+
width:80%
 
}
 
}
  
−
.navbar-collapse {
 
−
  padding-left: 0px;
 
−
}
 
  
−
#banner {
+
 
−
  margin-top: 50px;
+
/* Create a Parallax Effect */
 +
.bgimg-1, .bgimg-2, .bgimg-3 {
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 
}
 
}
  
−
#sideMenu {
+
/* First image (Logo. Full height) */
−
  margin-top: 10px;
+
.bgimg-1 {
 +
    background-image: url("https://static.igem.org/mediawiki/2017/3/32/16578744517.png");
 +
    min-height: 700px;
 +
   
 
}
 
}
  
−
.dropdown-menu li:hover .sub-menu {
+
.w3-wide {letter-spacing: 10px;}
−
  visibility: visible;
+
.w3-hover-opacity {cursor: pointer;}
−
}
+
  
−
.dropdown:hover .dropdown-menu {
+
/* Turn off parallax scrolling for tablets and phones */
−
  display: block;
+
@media only screen and (max-device-width: 1024px) {
 +
    .bgimg-1, .bgimg-2, .bgimg-3 {
 +
        background-attachment: scroll;
 +
   
 +
}
 
}
 
}
  
−
.navbar-nav .dropdown-menu,
+
.img-circle
−
.navbar .dropdown-menu {
+
{border-radius: 95%
−
  margin-top: 0;
+
 
}
 
}
  
  
 +
</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>
  
−
#navbar ul {
+
  <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>
−
    list-style-type: none;
+
Home</a>
−
    margin: 0;
+
−
    padding: 0;
+
−
    overflow: hidden;
+
−
    background-color: #333;
+
−
}
+
  
−
#navbar li {
+
<div class="w3-dropdown-hover">
−
    float: left;
+
<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>
  
−
#navbar li a, .dropbtn {
 
−
    display: inline-block;
 
−
    color: white;
 
−
    text-align: center;
 
−
    padding: 14px 16px;
 
−
    text-decoration: none;
 
−
}
 
  
−
#navbar li a:hover, .dropdown:hover .dropbtn {
 
−
    background-color: grey;
 
−
}
 
  
−
#navbar li.dropdown {
 
−
    display: inline-block;
 
−
}
 
  
−
#navbar .dropdown-content {
+
    <div class="w3-dropdown-hover">
−
    display: none;
+
<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>
−
    position: absolute;
+
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
−
    background-color: #f9f9f9;
+
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Team"class="w3-bar-item w3-button">Team</a>
−
    min-width: 160px;
+
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Collaborations" class="w3-bar-item w3-button">Collaborations</a>
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
</div>
−
    z-index: 1;
+
</div>
−
}
+
  
−
#navbar .dropdown-content a {
+
    <div class="w3-dropdown-hover">
−
    color: black;
+
<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>
−
    padding: 12px 16px;
+
−
    text-decoration: none;
+
−
    display: block;
+
−
    text-align: left;
+
−
}
+
  
−
#navbar .dropdown-content a:hover {background-color: #f1f1f1}
+
</div>
  
−
#navbar .dropdown:hover .dropdown-content {
+
<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>
−
    display: block;
+
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>
  
−
body{
+
  <!-- Navbar on small screens -->
−
background-image:url("https://static.igem.org/mediawiki/2017/7/7a/MumbaiCover.jpeg");
+
  <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium">
−
background-position:center center;
+
     <a href="#about" class="w3-bar-item w3-button" onclick="toggleFunction()">ABOUT</a>
−
background-repeat:no-repeat;
+
    <a href="#portfolio" class="w3-bar-item w3-button" onclick="toggleFunction()">PORTFOLIO</a>
−
-moz-background-size: cover;
+
    <a href="#contact" class="w3-bar-item w3-button" onclick="toggleFunction()">CONTACT</a>
−
background-size: cover;
+
    <a href="#" class="w3-bar-item w3-button">SEARCH</a>
−
background-attachment:fixed;
+
  </div>
−
     }
+
</div>
−
#container{
+
−
background-color: rgba(255,255,255,0.6);
+
−
padding-top:20px;
+
−
margin-left:auto;
+
−
margin-left:auto;
+
  
−
}
+
<!-- First Parallax Image with Logo Text -->
 +
<div class="bgimg-1 w3-display-container w3-opacity-min" id="home">
 +
  <div class="w3-display-middle" style="white-space:nowrap;">
 +
    <span class="w3-center w3-padding-large w3-white w3-xxxlarge w3-wide w3-animate-fading">DyEODORANT: From stench to scent
 +
<span class="w3-hide-small">
 +
  </div>
 +
</div>
  
−
#container h1.Head{
+
<!-- Container (About Section)-->
−
font: italic bold 48px/40px Georgia, serif;
+
<div class="w3-content w3-container w3-padding-64" id="about">
−
text-align: center;
+
−
padding:50px 20px 20px 20px;
+
−
}
+
  
  
−
#container    .logo{
 
−
margin-left:5%;       
 
−
float:left;
 
−
    }
 
  
−
</style>
+
  <!--<h3 class="w3-center" style="font-weight: bold">Team ICT-Mumbai 2017</h3>
 +
<br>-->
 +
<!--<h4 class="w3-center">ABSTRACT</h4>-->
  
−
</head>
+
<img align="middle" class="img-circle" src="https://static.igem.org/mediawiki/2017/archive/3/3d/20171031113158%21ICT-Mumbai_homepage_imagelogo.jpeg" height="50%" width= "50%">
−
<body>
+
  
−
<div id="navbar">
+
<br>
  
−
<ul>
 
−
  <li><a class="selected">Home</a></li>
 
−
  <li><a href="#news">Description</a></li>
 
−
  <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>
 
  
 +
<style>
 +
h3{
 +
    line-height: 50%;
 +
}
  
 +
h3 {
 +
    font-size: 40px;
 +
}
 +
</style>
  
−
<div id="container">
+
<p style="height:70 px; font-family:'Lato'; font-size:20px; colour:lightgrey;">Ammonia released from hydrolysis of urine is a major reason for the stench in public toilets. Apart from being a put-off, ammonia is also hazardous. Current approaches to tackle this problem include flushing water, using microbes (BioBlocks®) that break down urea in urine to prevent its hydrolysis, and using air fresheners. The first approach requires using copious amounts of water, which is not abundantly available in many parts of the world, while the second is not cost-effective. Finally, spraying air fresheners is not a solution, as it does not get rid of ammonia. We propose to engineer <i>Escherichia coli</i> to assimilate ammonia and convert it into indigoidine, a blue-colored compound. Ammonia from air can be dissolved in an aqueous medium and can act as a nitrogen source for the engineered cells that maybe housed in a cassette; the synthesized indigoidine will indicate when the cassette has to be replaced.</p>
  
−
<img src=""Logo.jpg" height="180" class="logo">
 
−
<h1 class="Head">ICT-Mumbai</h1>
 
 
<br>
 
<br>
  
−
</div>
+
<video width="1200" height="600" autoplay>
 +
  <source src="https://static.igem.org/mediawiki/2017/7/71/Dyeodorant_description_video.mp4" type="video/mp4">
 +
</video>
  
 
<br>
 
<br>
−
<br>
 
−
<center>
 
−
<img src="StayTuned1.gif" height="100" class="progress">
 
−
 
−
 
  
 +
<style>
 +
  .img, .social-media{
 +
    display: block;
 +
    margin: auto;
 +
    text-align: center;
 +
  }
 +
.text {
 +
  font-family: 'Lato', sans-serif;
 +
}
 +
.footer {
 +
  //position: fixed;
 +
  left: 0;
 +
  bottom: 0;
 +
  width: 100%;
 +
  background-color: #fae7e7;
 +
  font-color: black;
 +
  text-align: center;
 +
  padding-top: 0.5%;
 +
  padding-bottom: 0.5%;
 +
}
 +
</style>
 +
</head>
 +
<script src="https://use.fontawesome.com/fc79059f5b.js"></script>
 +
<body>
  
 +
<div class="footer">
 +
  <div class="social-media">
 +
    <a href="mailto:igem.ictmumbai@gmail.com"><i class="fa fa-envelope fa-2x" aria-hidden="true"></i></a> 
 +
    <a href="https://www.facebook.com/iGEM-2017-Team-ICT-Mumbai-1142137502561551/?hc_ref=OTHER"><i class="fa fa-facebook fa-2x" aria-hidden="true"></i></a>
 +
    <a href="https://twitter.com/ictmumbai_igem?lang=en"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a>
 +
   
 +
    <div class="text"> ICT-Mumbai iGEM 2017 </div>
 +
   
 +
 
 +
  </div>
  
 +
</div>
  
 
</body>
 
</body>
−
 
−
 
−
 
  
 
</html>
 
</html>

Latest revision as of 21:22, 1 November 2017

ICT-Mumbai 2017

DyEODORANT: From stench to scent

Ammonia released from hydrolysis of urine is a major reason for the stench in public toilets. Apart from being a put-off, ammonia is also hazardous. Current approaches to tackle this problem include flushing water, using microbes (BioBlocks®) that break down urea in urine to prevent its hydrolysis, and using air fresheners. The first approach requires using copious amounts of water, which is not abundantly available in many parts of the world, while the second is not cost-effective. Finally, spraying air fresheners is not a solution, as it does not get rid of ammonia. We propose to engineer Escherichia coli to assimilate ammonia and convert it into indigoidine, a blue-colored compound. Ammonia from air can be dissolved in an aqueous medium and can act as a nitrogen source for the engineered cells that maybe housed in a cassette; the synthesized indigoidine will indicate when the cassette has to be replaced.