Difference between revisions of "Team:Uppsala"

Line 87: Line 87:
 
}
 
}
  
 +
<div>
 +
 +
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
 +
@charset "UTF-8";
 +
/* Base Styles */
 +
#cssmenu ul,
 +
#cssmenu li,
 +
#cssmenu a {
 +
  list-style: none;
 +
  margin: 0;
 +
  padding: 0;
 +
  border: 0;
 +
  line-height: 1;
 +
  font-family: 'Lato', sans-serif;
 +
}
 +
#cssmenu {
 +
  border: 1px solid #133e40;
 +
  -webkit-border-radius: 5px;
 +
  -moz-border-radius: 5px;
 +
  -ms-border-radius: 5px;
 +
  -o-border-radius: 5px;
 +
  border-radius: 5px;
 +
  width: auto;
 +
}
 +
#cssmenu ul {
 +
  zoom: 1;
 +
  background: #36b0b6;
 +
  background: -moz-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #36b0b6), color-stop(100%, #2a8a8f));
 +
  background: -webkit-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
 +
  background: -o-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
 +
  background: -ms-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
 +
  background: linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', endColorstr='@bottom-color', GradientType=0);
 +
  padding: 5px 10px;
 +
  -webkit-border-radius: 5px;
 +
  -moz-border-radius: 5px;
 +
  -ms-border-radius: 5px;
 +
  -o-border-radius: 5px;
 +
  border-radius: 5px;
 +
}
 +
#cssmenu ul:before {
 +
  content: '';
 +
  display: block;
 +
}
 +
#cssmenu ul:after {
 +
  content: '';
 +
  display: table;
 +
  clear: both;
 +
}
 +
#cssmenu li {
 +
  float: left;
 +
  margin: 0 5px 0 0;
 +
  border: 1px solid transparent;
 +
}
 +
#cssmenu li a {
 +
  -webkit-border-radius: 5px;
 +
  -moz-border-radius: 5px;
 +
  -ms-border-radius: 5px;
 +
  -o-border-radius: 5px;
 +
  border-radius: 5px;
 +
  padding: 8px 15px 9px 15px;
 +
  display: block;
 +
  text-decoration: none;
 +
  color: #ffffff;
 +
  border: 1px solid transparent;
 +
  font-size: 16px;
 +
 
 +
}
 +
#cssmenu li.active {
 +
  -webkit-border-radius: 5px;
 +
  -moz-border-radius: 5px;
 +
  -ms-border-radius: 5px;
 +
  -o-border-radius: 5px;
 +
  border-radius: 5px;
 +
  border: 1px solid #36b0b6;
 +
}
 +
#cssmenu li.active a {
 +
  -webkit-border-radius: 5px;
 +
  -moz-border-radius: 5px;
 +
  -ms-border-radius: 5px;
 +
  -o-border-radius: 5px;
 +
  border-radius: 5px;
 +
  display: block;
 +
  background: #1e6468;
 +
  border: 1px solid #133e40;
 +
  -moz-box-shadow: inset 0 5px 10px #133e40;
 +
  -webkit-box-shadow: inset 0 5px 10px #133e40;
 +
  box-shadow: inset 0 5px 10px #133e40;
 +
}
 +
#cssmenu li:hover {
 +
  -webkit-border-radius: 5px;
 +
  -moz-border-radius: 5px;
 +
  -ms-border-radius: 5px;
 +
  -o-border-radius: 5px;
 +
  border-radius: 5px;
 +
  border: 1px solid #36b0b6;
 +
}
 +
#cssmenu li:hover a {
 +
  -webkit-border-radius: 5px;
 +
  -moz-border-radius: 5px;
 +
  -ms-border-radius: 5px;
 +
  -o-border-radius: 5px;
 +
  border-radius: 5px;
 +
  display: block;
 +
  background: #1e6468;
 +
  border: 1px solid #133e40;
 +
  -moz-box-shadow: inset 0 5px 10px #133e40;
 +
  -webkit-box-shadow: inset 0 5px 10px #133e40;
 +
  box-shadow: inset 0 5px 10px #133e40;
 +
}
 +
 +
 +
/*ul .listelem {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow: hidden;
 +
}
 +
 +
li {
 +
    float: left;
 +
}
 +
 +
.listelem a {
 +
    display: block;
 +
    width: 135px;
 +
    font-weight: bold;
 +
    color: #FFFFFF;
 +
    background-color: #EFEFEF;
 +
    text-align: center;
 +
    padding: 25px;
 +
    text-decoration: none;
 +
    text-transform: uppercase;
 +
}
 +
 +
.listelem a:hover, .listelem a:active {
 +
    background-color: #333385;
 +
}
 +
*/
 +
 +
 +
 +
/*Hide the sub-menus*/
 +
nav ul ul {
 +
display: none;
 +
}
 +
/*Show the sub-menus when you hover over the bar elements*/
 +
nav ul li:hover > ul {
 +
display: block;
 +
}
 +
/*Change of the box around the bar*/
 +
nav ul {
 +
background-color: #A5A5C1;
 +
        background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
 +
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
 +
font-family: serif;
 +
text-align: center;
 +
        list-style: none;
 +
 +
padding: 0 15px;
 +
display: inline-table;
 +
}
 +
nav > ul {
 +
margin-top: 0px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
nav ul li {
 +
float: left;
 +
}
 +
 +
/*Only affects links in the first ul, the bar*/
 +
nav ul li:hover > a{
 +
        background-color: #4b545f;
 +
color: #CC0000;
 +
        text-decoration: none;
 +
background-color: #A5A5C1;
 +
}
 +
 +
/* Change of link text in the bar*/
 +
nav ul li a {
 +
display: block;
 +
padding: 2px 15px;
 +
text-decoration: none;
 +
        color: white;
 +
}
 +
/*List of sub-menus*/
 +
nav ul ul {
 +
background: #5f6975;
 +
border-radius: 0px;
 +
padding: 0;
 +
position: absolute;
 +
        top: 100%;
 +
}
 +
/*The individual sub-menu elements*/
 +
nav ul ul li {
 +
float: none;
 +
background-color: #A5A5C1;
 +
border-top: 1px solid #6b727c;
 +
border-bottom: 1px solid #575f6a;
 +
position: relative;
 +
}
 +
/*The individual link texts in the sub-menus*/
 +
nav ul ul li a {
 +
padding: 15px 20px;
 +
}
 +
 +
nav ul ul li a:hover {
 +
background: #4b545f;
 +
}
 +
 +
/*Supposed to make the navigation bar fixed up top*/
 +
nav.fixed {
 +
  position: fixed;
 +
  top: 0;
 +
  right: 0;
 +
  left: 0;
 +
  margin: auto;
 +
  margin-top: 15px;
 +
  width: 100%;
 +
}
 +
 +
#footer {
 +
        background: #d3dfe4
 +
       
 +
}
  
  
Line 215: Line 442:
 
<body>
 
<body>
  
−
<nav class="fixed">
+
<!--<nav class="fixed">
 
<ul class="navbar">
 
<ul class="navbar">
 
   <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala">Home</a></li>
 
   <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala">Home</a></li>
Line 245: Line 472:
 
   <li><a href="https://2015.igem.org/Team:Uppsala/Entrepreneurship">Entrepreneurship</a></li>
 
   <li><a href="https://2015.igem.org/Team:Uppsala/Entrepreneurship">Entrepreneurship</a></li>
 
</ul>
 
</ul>
−
</nav>
+
</nav>-->
−
 
+
<div id="cssmenu"> <nav class="fixed">
 +
<ul class="navbar">
 +
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala">Home</a></li>
 +
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Team">Team</a></li>
 +
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Project">Project
 +
      <ul>
 +
<a href="https://2015.igem.org/Team:Uppsala/Description"><li>Description</li></a>
 +
<a href="https://2015.igem.org/Team:Uppsala/Experiments"><li>Experiments &amp; Protocols</li></a> 
 +
<a href="https://2015.igem.org/Team:Uppsala/Results"><li>Results</li></a> 
 +
<a href="https://2015.igem.org/Team:Uppsala/Design"><li>Design</li></a>
 +
      </ul>
 +
  </a></li>
 +
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Parts">Parts
 +
      <ul>
 +
<a href="https://2015.igem.org/Team:Uppsala/Parts"><li>Team Parts</li></a>
 +
<a href="https://2015.igem.org/Team:Uppsala/Basic_Part"><li>Basic Parts</li></a> 
 +
<a href="https://2015.igem.org/Team:Uppsala/Composite_Part"><li>Composite Parts</li></a>
 +
<a href="https://2015.igem.org/Team:Uppsala/Part_Collection"><li>Part Collection</li></a> 
 +
      </ul>
 +
  </a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Notebook">Notebook</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Attributions">Attributions</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Collaborations">Collaborations</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Practices">Human Practices</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Safety">Safety</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Modeling">Modeling</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Measurement">Measurement</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Software">Software</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Entrepreneurship">Entrepreneurship</a></li>
 +
</ul>
 +
</nav></div>
  
 
<div>
 
<div>

Revision as of 07:54, 27 July 2015

iGem Uppsala 2015

Home

Abstract

Nature is a biologist’s working bench - and as such we like to keep it tidy. Polycyclic aromatic hydrocarbons (PAHs) are a major pollutant derived from human activity - coil burning, oil spills, gasification plant waste. It’s carcinogenic, insoluble in water and hard to degrade. Thankfully, we’re also engineers and we decided to help nature do it’s thing.

We took a twoway approach for the project first we’ll enhance E.coli with the ability to degrade PAHs by inserting a biobrick construct containing laccase a powerful enzyme that helps get rid of those pesky compounds. And second, we’ll develop a biosensor, so that bacteria don’t waste their time producing enzymes when there is nothing to break down.

PAHs are a major problem because they are stable and hydrophobic meaning once an area is polluted, cleaning up is very hard like trying to wash a greasy pan by dipping it in cold water! By using the help of bacteria, these contaminants can be removed from the environment (for example in wastewater treatment plants). Best of all it will require minimum effort, because bacteria will degrade the compounds all by themselves, and with pleasure imagine eating doughnuts for homework!