Difference between revisions of "Team:ICT-Mumbai"

 
(384 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; /* Disable the display of the annoying side main menu*/}
+
{display:none; /*Disable the display of the annoying side main menu*/}
 
#top_title
 
#top_title
 
{display:none; /* Disable the annoying title*/}
 
{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);}
  
  
 +
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;
  
−
 
−
 
−
 
−
#navbar ul {
 
−
    list-style-type: none;
 
−
    margin: 0;
 
−
    padding: 0;
 
−
    overflow: hidden;
 
−
    background-color: #333;
 
 
}
 
}
  
−
#navbar li {
+
img {
−
     float: left;
+
     display: block;
 +
    margin: auto;
 +
    width: 50%;
 
}
 
}
  
−
#navbar li a, .dropbtn {
+
video {
−
    display: inline-block;
+
display: block;
−
     color: white;
+
     margin: auto;
−
    text-align: center;
+
width:80%
−
    padding: 14px 16px;
+
−
    text-decoration: none;
+
 
}
 
}
  
−
#navbar li a:hover, .dropdown:hover .dropbtn {
+
 
−
     background-color: grey;
+
 
 +
/* Create a Parallax Effect */
 +
.bgimg-1, .bgimg-2, .bgimg-3 {
 +
     background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 
}
 
}
  
−
#navbar li.dropdown {
+
/* First image (Logo. Full height) */
−
     display: inline-block;
+
.bgimg-1 {
 +
     background-image: url("https://static.igem.org/mediawiki/2017/3/32/16578744517.png");
 +
    min-height: 700px;
 +
   
 
}
 
}
  
−
#navbar .dropdown-content {
+
.w3-wide {letter-spacing: 10px;}
−
    display: none;
+
.w3-hover-opacity {cursor: pointer;}
−
    position: absolute;
+
 
−
    background-color: #f9f9f9;
+
/* Turn off parallax scrolling for tablets and phones */
−
    min-width: 160px;
+
@media only screen and (max-device-width: 1024px) {
−
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
     .bgimg-1, .bgimg-2, .bgimg-3 {
−
    z-index: 1;
+
        background-attachment: scroll;
 +
   
 +
}
 
}
 
}
  
−
#navbar .dropdown-content a {
+
.img-circle
−
    color: black;
+
{border-radius: 95%
−
    padding: 12px 16px;
+
−
    text-decoration: none;
+
−
    display: block;
+
−
    text-align: left;
+
 
}
 
}
  
−
#navbar .dropdown-content a:hover {background-color: #f1f1f1}
 
  
−
#navbar .dropdown:hover .dropdown-content {
+
</style>
−
    display: block;
+
</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" 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">
 +
<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>
  
−
body{
 
−
background-color: #fafafa;
 
−
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);
 
  
−
margin-left:auto;
 
−
margin-right:auto;
 
  
−
}
+
    <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>
  
−
#container1 h1.Head{
+
    <div class="w3-dropdown-hover">
−
font: italic bold 48px/40px Georgia, serif;
+
<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>
−
text-align: center;
+
−
padding:50px 20px 20px 20px;
+
−
}
+
  
 +
</div>
  
−
#container1    .logo{
+
<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>
−
padding-top=30px;
+
Safety</a>
−
margin-left:5%;       
+
−
float:left;
+
−
    }
+
  
−
</style>
+
<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>
  
−
</head>
 
−
<body>
 
  
−
<div id="navbar">
+
<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>
  
−
<ul>
+
   <!-- Navbar on small screens -->
−
   <li><a class="selected">Home</a></li>
+
   <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium">
−
   <li><a href="#news">Description</a></li>
+
     <a href="#about" class="w3-bar-item w3-button" onclick="toggleFunction()">ABOUT</a>
−
  <li class="dropdown">
+
     <a href="#portfolio" class="w3-bar-item w3-button" onclick="toggleFunction()">PORTFOLIO</a>
−
     <a href="#" class="dropbtn">Knowledge</a>
+
    <a href="#contact" class="w3-bar-item w3-button" onclick="toggleFunction()">CONTACT</a>
−
     <div class="dropdown-content">
+
    <a href="#" class="w3-bar-item w3-button">SEARCH</a>
−
      <a href="#">Notebook</a>
+
  </div>
−
      <a href="#">Outreach</a>
+
−
      <a href="#">Team</a>
+
−
    </div>
+
−
  </li>
+
−
</ul>
+
 
</div>
 
</div>
  
 +
<!-- 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 (About Section)-->
 +
<div class="w3-content w3-container w3-padding-64" id="about">
  
−
<div id="container1">
 
  
−
<img src="https://static.igem.org/mediawiki/2017/8/8a/T--ICT-Mumbai--ICTLogo.jpeg" height="150" class="logo">
 
−
<h1 class="Head">ICT-Mumbai</h1>
 
−
<br>
 
  
−
</div>
+
  <!--<h3 class="w3-center" style="font-weight: bold">Team ICT-Mumbai 2017</h3>
 +
<br>-->
 +
<!--<h4 class="w3-center">ABSTRACT</h4>-->
 +
 
 +
<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%">
  
−
<br>
 
−
<br>
 
−
<br>
 
−
<br>
 
−
<br>
 
−
<br><br>
 
 
<br>
 
<br>
  
−
<center>
 
−
<img src="https://static.igem.org/mediawiki/2017/1/1f/T--ICT-Mumbai--StayTuned1.gif" height="100" class="progress">
 
  
 +
<style>
 +
h3{
 +
    line-height: 50%;
 +
}
  
 +
h3 {
 +
    font-size: 40px;
 +
}
 +
</style>
  
 +
<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>
  
 +
<br>
  
 +
<video width="1200" height="600" autoplay>
 +
  <source src="https://static.igem.org/mediawiki/2017/7/71/Dyeodorant_description_video.mp4" type="video/mp4">
 +
</video>
  
−
</body>
+
<br>
  
 +
<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>
  
 
</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.