Team:UC Davis/Project

From 2012.igem.org

(Difference between revisions)
Line 80: Line 80:
         <link rel="stylesheet" type="text/css" href="https://2012.igem.org/forum/forum_styles.css" />
         <link rel="stylesheet" type="text/css" href="https://2012.igem.org/forum/forum_styles.css" />
<script type="text/javascript"        src ="https://2012.igem.org/forum/forum_scripts.js"></script>
<script type="text/javascript"        src ="https://2012.igem.org/forum/forum_scripts.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
        $('.ntabs a').click(function() {
 +
$this = $(this);
 +
$('.npanel').hide();
 +
$('.ntabs a.active').removeClass('active');
 +
$this.addClass('active').blur();
 +
var contents = $this.attr('href');
 +
$(contents).fadeIn(250);
 +
return false;     
 +
});
 +
$('.ntabs li:first a').click();
 +
});
 +
$(document).ready(function(){
 +
$("#firstpane p.menu_head").click(function()
 +
{
 +
    $(this).css({backgroundImage:"url(./arrow_down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
 +
    $(this).siblings().css({backgroundImage:"url(./arrow_right.png)"});
 +
});
 +
});
 +
</script> 
<style type="text/css">
<style type="text/css">
<!-- beginning of slider style -->
<!-- beginning of slider style -->
Line 121: Line 142:
h1{border:none; width: 100%; clear: both;}
h1{border:none; width: 100%; clear: both;}
<!-- end of slides style -->
<!-- end of slides style -->
-
 
-
body {
 
-
    background-color: #ffffff;
 
-
    color: black;
 
-
    font: x-small sans-serif;
 
-
    margin: 0;
 
-
    padding: 0;
 
-
    height:100%;
 
-
#    height:auto !important;
 
-
}
 
#globalWrapper {
#globalWrapper {
     position: relative;
     position: relative;
     font-size: 127%;
     font-size: 127%;
-
     width: 100%;
+
     width: 850px //100%;
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
     padding-bottom: 10px;
     padding-bottom: 10px;
-
    background-color: #ffffff;
+
#    background:url(http://img.photobucket.com/albums/v26/bluemelon/bg-2-1.jpg);
-
#   height:100%;
+
#    background-repeat: no-repeat;
-
 
+
#   background-attachment: fixed;
 +
#   background-size:100% auto;
}
}
Line 149: Line 161:
     margin: 0 auto;
     margin: 0 auto;
     padding: 5px 5px 5px 5px;;
     padding: 5px 5px 5px 5px;;
-
     background: white;
+
     background: transparent;
     color: black;
     color: black;
-
    border-left: 1px solid #ffffff;
+
#    border-left: 1px solid #ffffff;
-
    border-right: 1px solid #ffffff;
+
#    border-right: 1px solid #ffffff;
-
    line-height: 1.5em;
+
#    line-height: 1.5em;
-
#    z-index: 2;
+
}
}
 +
 +
 +
body {
 +
background-color: rgba(255,255,255,1);
 +
background-image: url('http://img.photobucket.com/albums/v26/bluemelon/bg-2-1.jpg');
 +
background-size: 100%;
 +
background-repeat: no-repeat;
 +
background-attachment:fixed;
 +
 +
    color: black;
 +
    font: x-small sans-serif;
 +
    margin: 0;
 +
    padding: 0;
 +
#    height:100%;
 +
}
 +
#topmenubar {
#topmenubar {
Line 220: Line 247:
         overflow:hidden;
         overflow:hidden;
         padding:0px;  
         padding:0px;  
-
         margin:0px;  
+
         margin:2px solid transparent;  
         list-style-type:none;  
         list-style-type:none;  
         height:24px;
         height:24px;
         list-style-image:none;
         list-style-image:none;
-
         background:#004b85;
+
         background: #004b85;
}
}
#newnavi .newmenu li    {
#newnavi .newmenu li    {
Line 230: Line 257:
         height:24px;
         height:24px;
         width: 103px;
         width: 103px;
-
         background:#004b85;
+
         background: #004b85;
-
        border-left: solid 2px white;
+
#        margin-left: solid 2px transparent;
-
        border-right: solid 2px white;
+
#        margin-right: solid 2px transparent;
 +
#        margin-bottom: solid 1px transparent;
 +
#        border-right: 4px solid #eaf0f2;
 +
#        border-left: 2px solid #eaf0f2;
 +
        border-right: 2px solid transparent;
 +
        border-left: 2px solid transparent;
 +
        text-align:center;
}
}
#newnavi .newmenu .selected {
#newnavi .newmenu .selected {
Line 250: Line 283:
}
}
#newnavi .newmenu li:hover ul  {
#newnavi .newmenu li:hover ul  {
-
left:0px; top:23px; background:lavender;  width:103px; opacity:0.7; z-index:3;
+
left:0px; top:23px; background:lavender;  width:103px; opacity:0.7; z-index:4;
}
}
#newnavi .newmenu li:hover ul li        {
#newnavi .newmenu li:hover ul li        {
Line 264: Line 297:
height:18px; background:silver; color:#000; border:solid 0px #444;       
height:18px; background:silver; color:#000; border:solid 0px #444;       
}
}
 +
/* slide starts here */
 +
#slides {
 +
    position:relative;
 +
    height:350px;
 +
    width: 840px
 +
   
 +
}
 +
 +
#slides IMG {
 +
        position:absolute;
 +
        opacity:0.0;
 +
        top:0px;   
 +
        left:0px;
 +
        z-index:1;   
 +
}
 +
 +
#slides .current {
 +
    z-index:3;
 +
    opacity:1.0;
 +
}
 +
 +
#slides .previous {
 +
    z-index:2;
 +
}
 +
/* slide ends here */
 +
//leftbox, rightbox starts here
 +
 +
#myleftbox
 +
{
 +
position:relative;
 +
width:625px;
 +
float:left;
 +
background-color:#d2d2d2;
 +
margin-top: 0px;
 +
border-radius: 4px;
 +
padding: 0px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
#myleftbox .smallbox
 +
{
 +
width:595px;
 +
float:left;
 +
background-color:#bfbfbf;
 +
margin-top: 17px;
 +
margin-bottom: 10px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
line-height:1.5em;
 +
color:black;
 +
}
 +
#myleftbox .smallbox h1
 +
{
 +
color:#004b85;
 +
font-weight:bold;
 +
}
 +
#myleftbox .smallbox p
 +
{
 +
color: #004b85;
 +
font-weight:bold;
 +
}
 +
 +
#myleftbox .threeboxes
 +
{
 +
width:175px;
 +
float:left;
 +
background-color:rgba(143,143,143,0.7);
 +
margin-top: 17px;
 +
border-radius: 4px;
 +
border-left:2px solid #e8eff1;
 +
border-right:2px solid #e8eff1;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
 +
}
 +
 +
#myleftbox .threeleft
 +
{
 +
width:175px;
 +
float:left;
 +
background-color:#ba9108;
 +
margin-top: 17px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 +
#myleftbox .threecenter
 +
{
 +
width:175px;
 +
#float:left;
 +
background-color:#ba9108;
 +
margin-top: 17px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
#myleftbox .threeright
 +
{
 +
width:175px;
 +
float:right;
 +
background-color:#ba9108;
 +
margin-top: 17px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
 +
#sponsorbox
 +
{
 +
position: relative;
 +
width: 215px;
 +
margin-top:17px;
 +
float: right;
 +
height: auto;
 +
}
 +
 +
#sponsorbox .sponsorfloat
 +
{
 +
width:205px;
 +
float: right;
 +
background-color: #004b85;
 +
margin-top: 0px;
 +
margin-bottom:5px;
 +
border-radius: 4px;
 +
padding: 5px 5px 5px 5px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: rgba(225,225,225,1);
 +
}
 +
 +
#sponsorbox .sponsorfloat h2
 +
{
 +
#color:#ba9108;
 +
color:white;
 +
font-size:130%;
 +
}
 +
//leftbox, rightbox ends here
 +
 +
#sponsorbox .sponsorfloat a
 +
{
 +
color:white;
 +
}
 +
.newsAnnouncement
 +
{
 +
width:205px;
 +
height:110px;
 +
overflow-x:hidden;
 +
overflow-y:scroll;
 +
}
 +
<!-- notebook tab style starts here -->
 +
.ntabs {
 +
margin: 0;
 +
padding: 0;
 +
zoom : 1;
 +
}
 +
.ntabs li {
 +
float: left;
 +
list-style: none;
 +
padding: 0;
 +
margin: 0;
 +
}
 +
.ntabs a {
 +
display: block;
 +
text-decoration: none;
 +
padding: 1px 8px 1px 8px;
 +
background-color: #ba9108;
 +
margin-right:1px;
 +
border: 1px solid rgb(153,153,153);
 +
        border-radius: 4px 4px 0px 0px;
 +
margin-bottom: -1px;
 +
font-size:14px;
 +
line-height:25px;
 +
}
 +
.ntabs a.active {
 +
border-bottom: 1px solid #fdf2b2;
 +
background-color: #fdf2b2;
 +
color: #004b85;
 +
position: relative;
 +
}
 +
.ntabs a:hover {
 +
        background-color: rgba(186,145,8,0.3);     
 +
}
 +
.npanelContainer {
 +
background:url("./notepad_pattern.jpg") repeat;
 +
clear: both;
 +
margin-bottom: 25px;
 +
border: 1px solid rgb(153,153,153);
 +
background-color: white;
 +
padding: 17px 0 0 10px;;
 +
        font-size:14px;
 +
        line-height:25px;
 +
        border-radius:4px;
 +
}
 +
 +
.npanel h2 {
 +
color: rgb(57,78,121);
 +
text-shadow: none;
 +
}
 +
.npanel p {
 +
color: black;
 +
}
 +
<!-- notebook tab style ends here -->
 +
#firstpane {
 +
position:relative;
 +
}
 +
#firstpane p {
 +
display:block;
 +
}
 +
#firstpane .menu_head {
 +
padding: 5px 20px;
 +
cursor: pointer;
 +
position: relative;
 +
margin:1px;
 +
      font-weight:bold;
 +
      background: #eef4d3 url(./arrow_right.png) center left no-repeat;
 +
background-position: 5px center;
 +
        background-size: 0.7em auto;
 +
}
 +
 +
#firstpane .menu_body {
 +
display:none;
 +
background-color:#e1e1e1;
 +
        background-image:none !important;
 +
        margin-top:-5px
 +
        border-radius:4px;
 +
        padding:10px;
 +
}
 +
#firstpane .menu_body a {
 +
  display:block;
 +
  color:#006699;
 +
  background-color:#EFEFEF;
 +
  padding-left:10px;
 +
  font-weight:bold;
 +
  text-decoration:none;
 +
}
 +
#firstpane .menu_body a:hover {
 +
  color: #000000;
 +
  text-decoration:underline;
 +
}
 +
.floatbox3
.floatbox3
Line 283: Line 568:
font-weight:bold;
font-weight:bold;
font-size: 40px;
font-size: 40px;
-
color: #004b85;;
+
color: #016D8B;;
left:10px;
left:10px;
}
}
Line 361: Line 646:
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook">Notebook</a>
         <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook" title="Notebook">Notebook</a>
           <ul>
           <ul>
-
             <li ><a href="./Notebook.htm ">Week 1</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Notebook/Protocols ">Protocols</a></li>
-
             <li ><a href="./Notebook.htm ">Week 2</a></li>
+
            <li ><a href="Notebook.htm ">Week 1</a></li>
-
             <li ><a href="./Notebook.htm ">Week 3</a></li>
+
             <li ><a href="Notebook.htm ">Week 2</a></li>
 +
             <li ><a href="Notebook.htm ">Week 3</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 373: Line 659:
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Strain">Strain</a></li>
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Strain">Strain</a></li>
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst">Catalyst</a></li>
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Catalyst">Catalyst</a></li>
-
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering">Protein Engineering</a></li>
+
             <li ><a href="https://2012.igem.org/Team:UC_Davis/Project/Protein_Engineering" style="font-size:8pt">Protein Engineering</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 380: Line 666:
     </ul>
     </ul>
   </div>
   </div>
-
+
<!--we extend the main-content div further by removing </div> or if you want to stop here then put </div> back here -->
-
<img src="http://img.photobucket.com/albums/v26/bluemelon/project_banner1.jpg" width="850" height="228">
+
<img src="http://img.photobucket.com/albums/v26/bluemelon/project_banner1.jpg" width="850" height="214">
 +
 
 +
<div id="bodyContent"> 
 +
<!--  <div id="contentSub"></div> -->
 +
<!--  </div> -->
 +
<!-- float: right; first try -->
 +
<!-- <div id="sponsorbox" style="width:220px; float:right;"> -->
 +
 
 +
<div id="sponsorbox">
 +
<div id="sponsorbox" class="sponsorfloat">
 +
<center>
 +
<h2>News</h2>
 +
</center>
 +
<div class="newsAnnouncement">
 +
<ul>
 +
<li>Presented our respective project at the UC San Francisco campus. We interacted with teams from UC Berkeley, UCSF, and Stanford-Brown.  </li>
 +
<li>Requested the protocal from the iGEM Washington 2011 team, July 10th.  </li>
 +
<li>Field trip to Yolo County Landfill, June 27th. Met with Ramin Yazdani, the senior civil engineer at the landfill. </li>
 +
<li>Sushi buffet for lunch, June 21st</li>
 +
<li>First day of iGEM meeting, June 18th</li>
 +
</ul>
 +
</div>
 +
</div>
 +
 
 +
<div id="sponsorbox" class="sponsorfloat">
 +
<center>
 +
<h2>Our Sponsors</h2>
 +
<a href="http://www.novozymes.com/en/Pages/default.aspx" target="_blank"><img src="https://static.igem.org/mediawiki/2011/2/21/UCD_Novozymes-logo.jpg" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://engineering.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/f/f6/UCD_CoE.png" width="200" height="40"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://biosci.ucdavis.edu/index_js.html" target="_blank"><img src="https://static.igem.org/mediawiki/2011/b/b1/UCD_biosci_sponsor.jpg" width="200" height="90"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.genomecenter.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/1/1b/UCD_Genome_center_sponsor.jpg" width="200" height="60"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.fishersci.com" target="_blank"><img src="https://static.igem.org/mediawiki/2011/a/a4/UCD_Fisher_Logo.gif" width="200"></a>
 +
</center>
 +
 
 +
<center>
 +
<a href="http://www.bme.ucdavis.edu/" target="_blank"><img src="https://static.igem.org/mediawiki/2011/4/40/UCD_BME_logo_minimal_copy.png" width="200 height="70"></a>
 +
</center>
 +
 
 +
</div>
 +
 
 +
<!--
 +
<a href="https://2011.igem.org/Team:UC_Davis/PartFamilies"><div id="sponsorbox" class="sponsorfloat"></a>
 +
<center>
 +
<h2>Start a Family</h2>
 +
Got a favorite BioBrick? Check our our <a href="https://2011.igem.org/Team:UC_Davis/PartFamilies">process</a> for expanding basic parts into part families.
 +
</div>
 +
-->
 +
 
 +
<div id="sponsorbox" class="sponsorfloat">
 +
<center>
 +
<h2>Criteria</h2>
 +
View our judging criteria for iGEM 2012 <a href="https://2012.igem.org/Team:UC_Davis/Criteria" style="color:#33FF33;">here</a>.
 +
</center>
 +
</div>
 +
</div>
 +
 
 +
<div id="myleftbox">
 +
<div id="myleftbox"  class="smallbox">
 +
<!-- Project content starts here -->
-
  <div id="bodyContent">
 
-
            <div id="contentSub"></div>
 
-
<br>
 
-
  <div class="floatbox3">
+
<!--  <div class="floatbox3"> -->
<h1> Project </h1>
<h1> Project </h1>
<article>
<article>
Polyethylene terephthalate (PET) is a commonly used plastic due to its durability and molecular stability, but its high molecular weight and hydrophobicity also make it one of the hardest plastics to degrade. PET is used in beverage containers, oven food trays, and video tapes. Although the PET recycling rate has increased from 7% to 30% in the last few years, a majority of the plastic is still dumped in landfills and continues to pollute the environment. Within the landfills, rainwater can trickle through the trash, creating toxic leachate. The leachate carries microorganisms and toxic chemicals into drinking water sources, making its impact go beyond the landfill. Plastic pollution is not isolated to landfills; plastic debris can wash up on shores and tons of plastic trash build up in the ocean. Marine animals can mistake the plastic debris as food, but since they cannot digest plastic they can starve. Plastic six pack rings can also choke animals by closing off the airway. We hope to achieve biodegradation of PET by manipulating E. coli to secrete a key enzyme called cutinase, a lipolytic and esterolytic enzyme. Degradation of PET creates two by-products, one of which is a mildly toxic compound called ethylene glycol. Ethylene glycol will be broken down by two enzymes (glycolaldehyde reductase and glycolaldehyde dehydrogenase) into glycolate, a glycolysis intermediate. Aside from ethylene glycol, another byproduct of PET degradation is terephthalic acid (TPA). It is a harmless substance that can be reused for PET production. We will not be focusing on turning TPA into a more useful material. However, we do know that a certain strain of E. coli is able to convert TPA into polyhydroxyalkanoates (PHA), a kind of biodegradable plastic. Even if the E. coli could successfully degrade a majority of the plastic, the strain would face intense competition if we were to try and implement is use in a landfill. E. coli will probably require a controlled, suitable environment to thrive in. One way to ensure this control would be to use a bioreactor.  
Polyethylene terephthalate (PET) is a commonly used plastic due to its durability and molecular stability, but its high molecular weight and hydrophobicity also make it one of the hardest plastics to degrade. PET is used in beverage containers, oven food trays, and video tapes. Although the PET recycling rate has increased from 7% to 30% in the last few years, a majority of the plastic is still dumped in landfills and continues to pollute the environment. Within the landfills, rainwater can trickle through the trash, creating toxic leachate. The leachate carries microorganisms and toxic chemicals into drinking water sources, making its impact go beyond the landfill. Plastic pollution is not isolated to landfills; plastic debris can wash up on shores and tons of plastic trash build up in the ocean. Marine animals can mistake the plastic debris as food, but since they cannot digest plastic they can starve. Plastic six pack rings can also choke animals by closing off the airway. We hope to achieve biodegradation of PET by manipulating E. coli to secrete a key enzyme called cutinase, a lipolytic and esterolytic enzyme. Degradation of PET creates two by-products, one of which is a mildly toxic compound called ethylene glycol. Ethylene glycol will be broken down by two enzymes (glycolaldehyde reductase and glycolaldehyde dehydrogenase) into glycolate, a glycolysis intermediate. Aside from ethylene glycol, another byproduct of PET degradation is terephthalic acid (TPA). It is a harmless substance that can be reused for PET production. We will not be focusing on turning TPA into a more useful material. However, we do know that a certain strain of E. coli is able to convert TPA into polyhydroxyalkanoates (PHA), a kind of biodegradable plastic. Even if the E. coli could successfully degrade a majority of the plastic, the strain would face intense competition if we were to try and implement is use in a landfill. E. coli will probably require a controlled, suitable environment to thrive in. One way to ensure this control would be to use a bioreactor.  
</article>
</article>
-
  </div>
+
<!--  </div> -->
<br>  
<br>  
-
  <div class="floatbox3">
+
<!--  <div class="floatbox3"> -->
<h1> What we did </h1>
<h1> What we did </h1>
-
  </div>
+
<!--  </div> -->
 +
 +
<!-- Project content ends here -->
 +
</div>
</div>
</div>
 +
<!--  </div> -->
<script>if (window.runOnloadHook) runOnloadHook();</script>
<script>if (window.runOnloadHook) runOnloadHook();</script>
</div>
</div>

Revision as of 22:23, 14 August 2012

Team:UC Davis - 2012.igem.org

News

  • Presented our respective project at the UC San Francisco campus. We interacted with teams from UC Berkeley, UCSF, and Stanford-Brown.
  • Requested the protocal from the iGEM Washington 2011 team, July 10th.
  • Field trip to Yolo County Landfill, June 27th. Met with Ramin Yazdani, the senior civil engineer at the landfill.
  • Sushi buffet for lunch, June 21st
  • First day of iGEM meeting, June 18th

Our Sponsors

Criteria

View our judging criteria for iGEM 2012 here.

Project

Polyethylene terephthalate (PET) is a commonly used plastic due to its durability and molecular stability, but its high molecular weight and hydrophobicity also make it one of the hardest plastics to degrade. PET is used in beverage containers, oven food trays, and video tapes. Although the PET recycling rate has increased from 7% to 30% in the last few years, a majority of the plastic is still dumped in landfills and continues to pollute the environment. Within the landfills, rainwater can trickle through the trash, creating toxic leachate. The leachate carries microorganisms and toxic chemicals into drinking water sources, making its impact go beyond the landfill. Plastic pollution is not isolated to landfills; plastic debris can wash up on shores and tons of plastic trash build up in the ocean. Marine animals can mistake the plastic debris as food, but since they cannot digest plastic they can starve. Plastic six pack rings can also choke animals by closing off the airway. We hope to achieve biodegradation of PET by manipulating E. coli to secrete a key enzyme called cutinase, a lipolytic and esterolytic enzyme. Degradation of PET creates two by-products, one of which is a mildly toxic compound called ethylene glycol. Ethylene glycol will be broken down by two enzymes (glycolaldehyde reductase and glycolaldehyde dehydrogenase) into glycolate, a glycolysis intermediate. Aside from ethylene glycol, another byproduct of PET degradation is terephthalic acid (TPA). It is a harmless substance that can be reused for PET production. We will not be focusing on turning TPA into a more useful material. However, we do know that a certain strain of E. coli is able to convert TPA into polyhydroxyalkanoates (PHA), a kind of biodegradable plastic. Even if the E. coli could successfully degrade a majority of the plastic, the strain would face intense competition if we were to try and implement is use in a landfill. E. coli will probably require a controlled, suitable environment to thrive in. One way to ensure this control would be to use a bioreactor.

What we did