Difference between revisions of "Team:ICT-Mumbai"

Line 1: Line 1:
 
+
<!--
 +
Helios by HTML5 UP
 +
html5up.net | @ajlkn
 +
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
-->
 
<html>
 
<html>
<head>
+
<head>
<body>
+
<title>Harvard BioDesign 2016</title>
 
+
<meta charset="utf-8" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
 
+
<style>
+
 
+
@import url(https://fonts.googleapis.com/css?family=Indie+Flower);
+
 
+
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
+
 
+
#sideMenu
+
{display:none; /*Disable the display of the annoying side main menu*/}
+
#top_title
+
{display:none; /* Disable the annoying title*/}
+
#content
+
{padding:0px; width:90%; margin-left:5%; margin-right:5%;background-color: rgba(255,255,255,0);}
+
 
+
 
+
 
+
 
+
 
+
body {
+
    background-color:#151E3D ;
+
 
+
 
+
}
+
 
+
  
  ul {
+
    list-style-type: none;
+
    margin: 0px;
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Team:ICT-Mumbai/CSS" />
    padding: 0;
+
    overflow: hidden;
+
    background-color: #333;
+
 +
</head>
 +
<body class="homepage">
 +
<div id="page-wrapper">
  
 +
<!-- Header -->
 +
<div id="header_home">
  
 +
<!-- Inner -->
 +
<!--
 +
<div class="inner">
 +
<header>
 +
<h1><a href="https://2017.igem.org/Team:ICT-Mumbai" id="logo">ICT-Mumbai</a></h1>
 +
<hr />
 +
<p>Description</p>
 +
</header>
 +
<footer>
 +
<a href="#banner" class="button circled scrolly">Start</a>
 +
</footer>
 +
</div>
 +
-->
  
}
 
  
li {
+
<!-- Nav -->
    float: right;
+
<nav id="nav" >
font-family:Ubuntu;
+
<ul>
}
+
<li><a href="https://2017.igem.org/Team:ICT-Mumbai">Home</a></li>
 +
<li>
 +
<a href="#">Team</a>
 +
<ul>
 +
<li><a href="https://2017.igem.org/Team:ICT-Mumbai/Team">Team</a></li>
 +
 +
<li>
 +
<a href="#">Project</a>
 +
<ul>
 +
<li><a href="https://2017.igem.org/ICT-Mumbai/Description">Description</a></li>
 +
 +
<li>
 +
<a href="#">Parts</a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Parts">Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Basic_Part">Basic Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Composite_Part">Composite Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Part_Collection">Part Collection</a></li>
 +
</ul>
 +
</li>
  
 +
<!-- R edits -->
  
li a, .dropbtn {
+
<li><a href="https://2017.igem.org/Team:ICT-Mumbai/Safety">Safety</a></li>
    display: inline-block;
+
    color: white;
+
<li>
    text-align: center;
+
<a href="#">Human Practices</a>
    padding: 14px 16px;
+
<ul>
    text-decoration: none;
+
<li><a href="https://2017.igem.org/Team:ICT-Mumbai/Human_Practices">Human Practices</a></li>
}
+
href="https://2016.igem.org/Team:Harvard_BioDesign/Engagement">Engagement</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">Awards</a>
 +
<ul>
 +
<li><a href="https://2017.igem.org/Team:ICT-Mumbai/Model">Model</a></li>
 +
 +
</ul>
 +
</li>
  
li a:hover, .dropdown:hover .dropbtn {
+
</ul>
    background-color: red;
+
</nav>
}
+
  
li.dropdown {
+
</div>
    display: inline-block;
+
}
+
  
.dropdown-content {
+
<!-- Banner -->
    display: none;
+
<section id="banner">
    position: absolute;
+
<header>
    background-color: #f9f9f9;
+
<h2>Team ICT-Mumbai 2017</h2>
    min-width: 160px;
+
</header>
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
</section>
    z-index: 1;
+
}
+
  
.dropdown-content a {
 
    color: black;
 
    padding: 12px 16px;
 
    text-decoration: none;
 
    display: block;
 
    text-align: left;
 
}
 
  
.dropdown-content a:hover {background-color: #f1f1f1}
 
  
.dropdown:hover .dropdown-content {
+
<!-- Main -->
    display: block;
+
}
+
  
p1{
+
<div class="wrapper style2">
color: white;
+
font-family:Courier;
+
position:absolute;
+
text-align:center;
+
margin:100px;
+
top:580px;
+
text-align: justify;
+
Line-Height:24px;
+
font-size:18px;
+
font:weight:bold;
+
  
}
+
<article id="main" class="container special">
  
h1 {
+
<header>
background-color: #333;
+
<h2>Dyeodorant</h2>
text-align: justify;
+
<h3>Giving ammonia the blues</h3>
text-justify: inter-word;
+
font-family:"Courier";
+
color:white;
+
font-size:40px;
+
display: block;
+
    margin: 200px;
+
position:absolute;
+
text-align:center;
+
top:10px;
+
width:400px;
+
height:40px;
+
left:20%;
+
animation-duration: 3s;
+
  animation-name: slidein;
+
  animation-iteration-count: 1;
+
  
}
+
</header>
  
 +
<section><p><center>
 +
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.
 +
</center>
 +
</p></section>
  
  
@keyframes slidein {
 
  from {
 
    margin-left: 100%;
 
    width: 400px;
 
top:10px;
 
  }
 
  
  to {
 
    margin-left: 17.3%;
 
    width: 400px;
 
top:10px;
 
  }
 
}
 
  
.flex-container {
 
    display: -webkit-flex;
 
    display: flex;
 
    width: 100%;
 
    height: 80px;
 
left:200px;
 
    background-color: cornflowerblue;
 
}
 
  
.flex-item {
 
    background-color: cornflowerblue;
 
position:absolute;
 
    width: px;
 
    height: px;
 
    margin: px;
 
font-family:Indie Flower;
 
color:white;
 
font-size:50px;
 
    text-indent: 520px;
 
  
}
+
<section><center>
 +
<video width="1000" height="820" controls>
 +
<source src="https://static.igem.org/mediawiki/2017/7/71/Dyeodorant_description_video.mp4" type="video/mp4"/></center></section>
  
footer {
 
  position: relative;
 
height:50px;
 
  right: 0;
 
  bottom: -400px;
 
  left: 0;
 
  padding: 1rem;
 
  background-color:cornflowerblue ;
 
  text-align: center;
 
}
 
  
.fa {
 
  padding: 10px;
 
  font-size: 30px;
 
  width: 50px;
 
  text-align: center;
 
  text-decoration: none;
 
  margin: 5px 2px;
 
}
 
  
  
.fa-facebook {
 
  background: #3B5998;
 
  color: white;
 
  
  
}
 
  
.fa-twitter {
 
  background: #55ACEE;
 
  color: white;
 
}
 
  
 +
</article>
  
</style>
+
</div>
</head>
+
<body>
+
  
 +
<!-- Carousel -->
 +
<section class="carousel">
 +
<div class="reel">
  
 +
<article>
 +
 +
<header>
 +
<h3>Team</h3>
 +
</header>
 +
</article>
  
<ul>
+
<article>
 +
 +
<header>
 +
<h3>Project</h3>
 +
</header>
 +
</article>
  
  <li><a href="#news">Human Practices</a></li>
+
<article>
    <li><a href="#news">Our Team</a></li>
+
 +
<header>
 +
<h3>Parts</h3>
 +
</header>
 +
 +
</article>
  
  <li class="dropdown">
+
<article>
    <a href="javascript:void(0)" class="dropbtn">Project</a>
+
    <div class="dropdown-content">
+
<header>
      <a href="#">Description</a>
+
<h3>Safety</h3>
      <a href="#">Validation</a>
+
</header>
      <a href="#">Modeling</a>
+
      <a href="#">Results</a>
+
</article>
      <li><a href="#home">Home</a></li>
+
     
+
    </div>
+
  </li>
+
</ul>
+
  
<h1>Team ICT Mumbai</h1>
+
<article>
 +
 +
<header>
 +
<h3>Attributions</h3>
 +
</header>
 +
 +
</article>
  
 +
<article>
 +
 +
<header>
 +
<h3>Human Practices</h3>
 +
</header>
 +
 +
</article>
  
 +
<article>
 +
 +
<header>
 +
<h3>Achievements</h3>
 +
</header>
 +
</article>
  
 +
</div>
 +
</section>
  
 +
<!--y Does it start here?-->
 +
<!-- Footer -->
 +
<div id="footer">
 +
<div class="container">
 +
<div class="row">
 +
<div class="12u">
  
<img src="https://scontent.fbom8-1.fna.fbcdn.net/v/t1.0-9/21231569_1657867947579091_7393346943505548005_n.jpg?oh=278491f6a96bddc35d264458d383b1f8&oe=5A58DFD1" "height="50%"; width="100%" >
+
<!-- Contact -->
 +
<section class="contact">
 +
 +
<ul class="icons">
  
<br>
+
<li>
 +
<a href="https://www.facebook.com/iGEM-2017-Team-ICT-Mumbai-1142137502561551/" target="_blank">
 +
 +
</a>
 +
</li>
  
<p1> 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.
+
             
</p1>
+
</br>
+
  
  
 
+
</ul>
</div>
+
</section>
<footer><a href="https://scontent.fbom8-1.fna.fbcdn.net/v/t1.0-9/21231569_1657867947579091_7393346943505548005_n.jpg?oh=278491f6a96bddc35d264458d383b1f8&oe=5A58DFD1" class="fa fa-facebook">
+
<a href="https://twitter.com/ICTMumbai_iGEM" class="fa fa-twitter"></a>
+
</footer>
+
  
 +
<!-- Copyright -->
 +
<div class="copyright">
 +
<ul class="menu">
 +
<li>&copy; 2016 Harvard iGEM</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
 +
</ul>
 +
  
 +
</div>
  
 +
</div>
 +
</div>
 +
</div>
  
</script>
+
</div>
  
</body>
+
 +
</body>
 
</html>
 
</html>

Revision as of 20:02, 27 September 2017

Harvard BioDesign 2016

Dyeodorant

Giving ammonia the blues

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.