Team:TP CC-SanDiego

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Team:TPHS/Main}}
+
<!doctype html>
-
{{Team:TPHS/ContentFix}}
+
<html>
<html>
-
<style>
+
<head>
-
/*CSS for Slider
+
<meta charset="utf-8">
-
#HomePageContent {
+
<title>iGEM San Diego</title>
-
position: relative;
+
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
-
top: 108px;
+
-
}
+
-
 
+
-
#Banner {
+
-
display: none;
+
-
}
+
-
 
+
-
/* Slider Styles */
+
-
#Slider {
+
-
position: relative;
+
-
width: 100%;
+
-
display: none;
+
-
}
+
-
 
+
-
#Slider .Slides {
+
-
width: 100%;
+
-
height: 100%;
+
-
background-size: 100%, auto;
+
-
}
+
-
 
+
-
#Slider #Slide0 {
+
-
background-image: url(https://static.igem.org/mediawiki/2014hs/4/4d/SliderIntro.png);
+
-
}
+
-
 
+
-
#Slider #Slide1 {
+
-
background-image: url(https://static.igem.org/mediawiki/2014hs/2/23/Slider_234.png);
+
-
display: none;
+
-
}
+
-
 
+
-
#Slider #Slide2 {
+
-
background-image: url(https://static.igem.org/mediawiki/2014hs/2/23/Slider_234.png);
+
-
display: none;
+
-
}
+
-
 
+
-
#Slider #Slide3 {
+
-
background-image: url(https://static.igem.org/mediawiki/2014hs/2/23/Slider_234.png);
+
-
display: none;
+
-
}
+
-
 
+
-
#Slider #Slide4 {
+
-
background-image: url(https://static.igem.org/mediawiki/2014hs/2/23/Slider_234.png);
+
-
display: none;
+
-
}
+
-
 
+
-
#Slider #Slide5 {
+
-
background-image: url(https://static.igem.org/mediawiki/2014hs/2/23/Slider_234.png);
+
-
display: none;
+
-
}
+
-
 
+
-
#Slider #BottomLinks {
+
-
position: absolute;
+
-
width: 100%;
+
-
padding: 0;
+
-
bottom: 0;
+
-
background: #353132;
+
-
text-align: center;
+
-
opacity: 0.61;
+
-
filter: alpha(opacity=61);
+
-
}
+
-
 
+
-
#Slider #BottomLinks li {
+
-
display: inline-table;
+
-
list-style: none;
+
-
height: 100%;
+
-
color: #FFFFFF;
+
-
font: 24px Raleway, Arial, san-serif;
+
-
text-align: center;
+
-
padding: 15px 20px;
+
-
}
+
-
 
+
-
#Slider #BottomLinks li:hover {
+
-
cursor: pointer;
+
-
text-decoration: underline;
+
-
}
+
-
 
+
-
#Slider .SideBar {
+
-
position: absolute;
+
-
top: 0;
+
-
width: 90px;
+
-
z-index: 1;
+
-
}
+
-
 
+
-
#Slider #LeftBar {
+
-
left: 0;
+
-
}
+
-
 
+
-
#Slider #RightBar {
+
-
right: 0;
+
-
}
+
-
 
+
-
#Slider #LeftArrow {
+
-
position: absolute;
+
-
width: 60px;
+
-
height: 60px;
+
-
margin-left: 30px;
+
-
background: url(https://static.igem.org/mediawiki/2014hs/2/22/SliderLeft.png) top no-repeat;
+
-
}
+
-
 
+
-
#Slider #RightArrow {
+
-
position: absolute;
+
-
width: 60px;
+
-
height: 60px;
+
-
margin-right: 30px;
+
-
background: url(https://static.igem.org/mediawiki/2014hs/d/d5/SliderRight.png) top no-repeat;
+
-
}
+
-
 
+
-
#Slider #LeftArrow:hover, #Slider #RightArrow:hover {
+
-
background-position: bottom;
+
-
cursor: pointer;
+
-
}
+
-
 
+
-
/* Other Styles */
+
-
#Overview {
+
-
width: 100%;
+
-
background: #E7E7E7;
+
-
padding: 25px 7.5% 40px 5%;
+
-
box-shadow: inset 0 0 20px 5px #888888;
+
-
text-align: left;
+
-
}
+
-
 
+
-
#Overview p {
+
-
margin: 18px 0 0 30px;
+
-
text-indent: 50px;
+
-
}
+
-
 
+
-
#Overview i, #Overview em, #Overview b, #Overview strong {
+
-
font-size: 18px;
+
-
}
+
-
 
+
-
#SectionLinks {
+
-
overflow: hidden;
+
-
width: 100%;
+
-
background: #383132;
+
-
margin: 0 auto;
+
-
padding: 10px;
+
-
text-align: center;
+
-
}
+
-
 
+
-
#SectionLinks a:hover {
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#SectionLinks .DescriptionLink {
+
-
float: left;
+
-
margin: 3%;
+
-
height: 400px;
+
-
width: 440px;
+
-
}
+
-
 
+
-
#SectionLinks .DescriptionLink h2 {
+
-
margin: 0;
+
-
}
+
-
 
+
-
#SectionLinks .Clear {
+
-
clear: both;
+
-
}
+
-
 
+
-
#SectionLinks .Wrap {
+
-
margin: auto;
+
-
min-width: 270px;
+
-
max-width: 1000px;
+
-
display: block;
+
-
margin: auto;
+
-
border: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
#SectionLinks .DescriptionLink {
+
-
background: #4F494A;
+
-
padding: 20px;
+
-
position: relative;
+
-
}
+
-
 
+
-
#SectionLinks .DescriptionLink p {
+
-
padding-left: 0;
+
-
text-indent: 0;
+
-
position: absolute;
+
-
bottom: 10px;
+
-
padding-right: 20px;
+
-
}
+
-
 
+
-
#SectionLinks #DescriptionLink1 {
+
-
background: #299D77;
+
-
}
+
-
 
+
-
#SectionLinks #DescriptionLink1:hover {
+
-
background: #53B092;
+
-
}
+
-
 
+
-
#SectionLinks #DescriptionLink2 {
+
-
background: #87CA7A;
+
-
}
+
-
 
+
-
#SectionLinks #DescriptionLink2:hover {
+
-
background: #9FD494;
+
-
}
+
-
 
+
-
#SectionLinks #DescriptionLink3 {
+
-
background: #E68930;
+
-
}
+
-
 
+
-
#SectionLinks #DescriptionLink3:hover {
+
-
background: #EBA059;
+
-
}
+
-
 
+
-
#SectionLinks #DescriptionLink4 {
+
-
background: #EDB74B;
+
-
}
+
-
 
+
-
#SectionLinks #DescriptionLink4:hover {
+
-
background: #F0C56E;
+
-
}
+
-
 
+
-
h1, h2, h3 {
+
-
font-family: 'Raleway', Helvetica, Arial, sans-serif;
+
-
line-height: 1.6;
+
-
text-align: left;
+
-
}
+
-
 
+
-
h1 {
+
-
font-size: 35px;
+
-
font-weight: 700;
+
-
border-bottom: 3px solid #5A5A5A;
+
-
color: #111111;
+
-
margin: 0 -20px;
+
-
padding-left: 20px;
+
-
}
+
-
 
+
-
h2 {
+
-
font-size: 28px;
+
-
font-weight: 600;
+
-
color: #333333;
+
-
margin-top: 30px;
+
-
}
+
-
 
+
-
h3 {
+
-
font-size: 26px;
+
-
font-weight: 500;
+
-
color: #333333;
+
-
padding-left: 20px;
+
-
}
+
-
 
+
-
p {
+
-
font: 18px/1.6 'Segoe UI', Calibri, Helvetica, sans-serif;
+
-
margin: 4px 0 12px 0;
+
-
padding-left: 20px;
+
-
text-indent: 50px;
+
-
color: #000000;
+
-
text-align:justify;
+
-
text-justify:inter-word;
+
-
}
+
-
 
+
-
p i {
+
-
font-size: 18px;
+
-
}
+
-
</style>
+
<script>
<script>
-
$(document).ready(function() {
+
$(function() {
-
//Display slider for Javascript users
+
  $('a[href*=#]:not([href=#])').click(function() {
-
$('#Slider').css('display', 'block');
+
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
-
+
      var target = $(this.hash);
-
//Set height of slider (16/5 ratio)
+
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
-
$('#Slider').css('height', ($('body').width() / 3.2));
+
      if (target.length) {
-
+
        $('html,body').animate({
-
//Position right/left arrows
+
          scrollTop: target.offset().top
-
var BarHeight = $('#Slider').height() - $('#BottomLinks').height();
+
        }, 1000);
-
$('#LeftBar, #RightBar').css('height', BarHeight);
+
        return false;
-
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
+
      }
 +
    }
 +
  });
 +
});
 +
</script>
 +
<!--<script>
 +
$(document).ready(function() { 
 +
var stickyNavTop = $('.nav').offset().top;  
 +
 
 +
var stickyNav = function(){ 
 +
var scrollTop = $(window).scrollTop();
 +
     
 +
if (scrollTop > stickyNavTop) { 
 +
    $('.nav').addClass('sticky');
 +
} else { 
 +
    $('.nav').removeClass('sticky'); 
 +
} 
 +
}; 
 +
 
 +
stickyNav(); 
 +
 
 +
$(window).scroll(function() { 
 +
    stickyNav();
 +
}); 
 +
}); 
 +
</script>-->
 +
<!--<link href="style.css" rel="stylesheet" type="text/css">-->
 +
<link href="https://e298d40fc30af56b25c594b5705188b5a91b073c.googledrive.com/host/0B21Mp8HDTzNfU1d2WTR6NlhPeU0" rel="stylesheet" type="text/css">
 +
</head>
-
//Repeats for window resize
+
<body>
-
$(window).resize(function() {
+
<div id="navbar-wrapper" class="nav">
-
$('#Slider').css('height', ($('body').width() / 3.2));
+
    <div id="inside-wrapper">
-
+
    <div id="logo-holder">
-
var BarHeight = $('#Slider').height() - $('#BottomLinks').height();
+
            Logo Will Go Here
-
$('#LeftBar, #RightBar').css('height', BarHeight);
+
        </div>
-
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
+
        <nav id="navbar">
-
});
+
            <a style="padding-left: 0; border-bottom: 1px solid #e8e8e8;" href="index.html">Home</a>
-
+
            <a href="project.html">Project</a>
-
var TotalSlides = $('.Slides').length;
+
            <a href="themteam.html">The Team</a>
-
var CurrentSlide = 0;
+
            <a href="journal.html">Journal</a>
 +
                <a href="results.html">Results</a>
 +
                <a href="outreach.html">Outreach</a>
 +
            <a href="safety.html">Safety</a>
 +
            <a href="igem.org" style="padding-right: 0;">iGEM</a>
 +
        </nav>
 +
        </div>
 +
</div>
 +
   
 +
<div id="phase-wrapper">
 +
  <div id="first-phase">
 +
      <img src="images/front page diagram white 3.png" width="400px" height="400px"/><br />
 +
    <a href="#header-text">See Statistics</a>
 +
      </div>
 +
</div>
 +
 
 +
<div id="header-holder">
 +
<div id="header-text">
 +
        STATISTICS<br />
 +
    <span style="font-family: 'HelveticaNeueLT Pro 25 UltLt'; font-size: 18px;">Statistics that are quite relevant to the nature of this experiment</span>
 +
    </div>
 +
</div>
 +
   
 +
<div id="second-phase-wrapper">
 +
  <div id="second-phase">
 +
  <div id="first-statistic">
 +
          <img src="images/600px-White_Globe_Icon.png" width="150px" height="150px" /><br />
 +
                Toxicity of aflotoxin is 10 times that of hydrocyanic acid and 68 times of arsenic
 +
      </div>
 +
<div id="second-statistic">
 +
      <img src="images/600px-White_Globe_Icon.png" width="150px" height="150px" /><br />
 +
            This disease is the third-leading cause of cancer death globally according to WHO (2008), with about 550,000–600,000 new cases each year.
 +
        <div id="third-phase-button"><br /><a href="#linkheadertwo">ENGINEERING</a></div>
 +
        </div>
 +
    <div id="third-statistic">
 +
      <img src="images/600px-White_Globe_Icon.png" width="150px" height="150px" /><br />
 +
            This disease is the third-leading cause of cancer death globally according to WHO (2008), with about 550,000–600,000 new cases each year
 +
    </div>
 +
    </div>
 +
</div>
-
$('#RightArrow').click(function() {
+
<div id="header-holder">
-
CurrentSlide = ++CurrentSlide % TotalSlides;
+
<div id="linkheadertwo"></div>
-
changeSlide(CurrentSlide);
+
<div id="header-text">
-
});
+
        Engineering<br />
-
+
    <span style="font-family: 'HelveticaNeueLT Pro 25 UltLt'; font-size: 18px;">E. Coli Capable of Extracelluar Secretion of Mycotoxin Detoxifying Enzymes</span>
-
$('#LeftArrow').click(function() {
+
    </div>
-
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
+
</div>
-
changeSlide(CurrentSlide);
+
-
});
+
-
+
-
$('.SlideLink').click(function() {
+
-
var ClickedSlide = $(this).attr('id');
+
-
CurrentSlide = parseInt(ClickedSlide.replace('Link', ''));
+
-
changeSlide(CurrentSlide);
+
-
});
+
-
+
-
function changeSlide(num){
+
-
var SlideID = '#Slide' + num;
+
-
$('.Slides').css('display', 'none');
+
-
$(SlideID).css('display', 'block');
+
-
}
+
-
});
+
-
</script>
+
-
</head>
+
-
+
-
<body>
+
-
<section id="HomePageContent">
+
-
<div id="Slider">
+
-
<div id="Slide0" class="Slides current"></div>
+
-
<div id="Slide1" class="Slides"></div>
+
-
<div id="Slide2" class="Slides"></div>
+
-
<div id="Slide3" class="Slides"></div>
+
-
+
-
<div id="LeftBar" class="SideBar"><div id="LeftArrow"></div></div>
+
-
<div id="RightBar" class="SideBar"><div id="RightArrow"></div></div>
+
-
<ul id="BottomLinks">
+
-
<li id="Link0" class="SlideLink">Introduction</li>
+
-
                                        <li id="Link1" class="SlideLink">The Situation</li>
+
-
                                        <li id="Link2" class="SlideLink">The Problem</li>
+
-
                                        <li id="Link3" class="SlideLink">The Solution</li>
+
-
                                     
+
-
</ul>
+
-
</div>
+
-
<
+
-
<section id="Content">
+
-
<h1>The Project</h1>
+
-
<p style="font-size:40px">
+
-
<div align="left">
+
-
Our project focuses on two main points:</div>
+
-
<p>
+
-
1) The breakdown of deadly mycotoxins into harmless byproducts through the use of various enzymes.</p>
+
-
<p>
+
-
2) Maximizing production rates of said detoxifying enzymes . </p>
+
-
<p>
+
-
Mycotoxins are a type of harmful, and sometimes lethal, toxin produced by fungi. These fungi readily colonize improperly stored crops like maize, coffee beans, peanuts, pistachios, and tobacco. Consequently, mycotoxicosis, or poisoning from the consumption of mycotoxins, has become a prevalent problem in third world countries where crops are commonly improperly stored in moist conditions. Mycotoxicosis is also spread through the consumption of infected animals, including but not limited to, pigs, cows, and birds. </p>
+
-
<p>
+
-
One notable mycotoxin is Aflatoxin B1 (AFB1), a potent natural carcinogen and an acutely toxic agent synthesized by Aspergillus flavus. 5-50 mg of AFB1 per kilogram of body mass will kill a median member of the human population, as grimly proved in Kenya, where the development of A. flavus on maize killed 120 local people and affected hundreds more in 2003. </p>
+
-
<p>
+
<div id="phase-wrapper" style="background:url(images/yellow-red.png);">
-
Another widespread mycotoxin is Zearalenone, which is secreted by fungi of the Fusarium genus, including F. graminearum and F. cerealis. Zearalenone affects many cereal plants, including barley, oats, wheat, rice, and maize. Although the Zearalenone toxin (ZEN) is not as lethal as AFB1, it also functions as an oestrogen. Research has shown high levels of ZEN causes birth defects and interference with ovulation, implantation, and fetal development.</p>
+
  <div id="third-phase">
-
<p>
+
    <img src="images/bannerphase4 transparent white text.png" width="1070" height="292"/>
-
Thankfully, there is a solution to this dangerously extensive problem. Through research we found multiple mycotoxin-degrading organisms that secrete various detoxifying enzymes. These organisms, Armillariella tabescens and Clonostachys rosea, produce Aflatoxin-Detoxifizyme (ADTZ) and Zearalenone Hydrolase (ZHD101), respectively. ADTZ’s method of degradation of AFB1 is as follows: AFB1 is first converted into AFB1-epoxide and then hydrolyzed to form dihydrodiol. The final hydrolysis opens the difuran ring in dihydrodiol, ending the conversion of AFB1 into a vastly less dangerous form. The method of degradation used by ZHD101 on ZEN is unclear to researchers as of now, but it is hypothesized that the ZEN molecule is converted into a less oestrogenic form through a simple cleavage. </p>
+
    <div id="third-text"> Microfungi that produce harmful mycotoxins flourish on improperly-stored nuts, grains, meat, and dairy. They especially thrive in developing countries, where the lack of advanced food storage and mycotoxin exposure causes 40% of the diseases. To lessen the problem, our team engineered E. coli strains using synthetic biology tools to produce chimeric mycotoxin-degrading fungal enzymes, Aflatoxin-Detoxifizyme (ADTZ) and Zearalenone Hydrolase (ZHD101), which are designed to be secreted to extra-cellular space by fusing with secretion signal peptides from alpha-amylase and beta-lactamase. In this study, we have successfully generated synthetic genetic materials to produce four chimeric mycotoxin-detoxifying enzymes. The levels of extracellular secretion is also characterized and analyzed. The project will allow a mass production of detoxification enzymes in cost effective way, preventing the squandering of harvested crops, and limiting mycotoxin-related diseases. Increased access to th ese proteins will have an immense commercial, industrial, agricultural, and health impact.</div> 
-
<p>
+
</div>
-
While these detoxifying enzymes are successfully synthesized by the fungi, secretion could be vastly improved by producing these enzymes in high-secretion bacteria such as E Coli. By creating a bacterial plasmid containing the signaling sequence (ß-lactamase or α-amylase), the gene of interest (ZHD101 or ADTZ), and a HIS tag (for protein detection), the synthesized protein would be easily secretable, detectable, and isolatable. The increased production system using E. Coli will allow large quantities of detoxifying enzymes to be harvested for agricultural application. These mass-produced enzymes can then be used to destroy AFB1 and ZEN present on crops, reducing cancer incidences and deaths from mycotoxicosis. Perhaps, with the detoxifying enzymes that will be produced in our experimentation, the deadly outbreaks of these deleterious mycotoxins will be an incidence of the past.</p>
+
</div>
-
<hr><p><center>
+
<div id="sponsor-footer-wrapper">
-
<img src="https://static.igem.org/mediawiki/2014hs/1/1d/Ads.jpg" width="1000" height="200"></center>
+
<div id="sponsor-footer">
 +
    SPONSORS
 +
    </div>
 +
</div>
 +
</body>
</html>
</html>

Revision as of 17:26, 19 June 2014

<!doctype html> iGEM San Diego

STATISTICS
Statistics that are quite relevant to the nature of this experiment

Toxicity of aflotoxin is 10 times that of hydrocyanic acid and 68 times of arsenic

This disease is the third-leading cause of cancer death globally according to WHO (2008), with about 550,000–600,000 new cases each year.

This disease is the third-leading cause of cancer death globally according to WHO (2008), with about 550,000–600,000 new cases each year
Engineering
E. Coli Capable of Extracelluar Secretion of Mycotoxin Detoxifying Enzymes
Microfungi that produce harmful mycotoxins flourish on improperly-stored nuts, grains, meat, and dairy. They especially thrive in developing countries, where the lack of advanced food storage and mycotoxin exposure causes 40% of the diseases. To lessen the problem, our team engineered E. coli strains using synthetic biology tools to produce chimeric mycotoxin-degrading fungal enzymes, Aflatoxin-Detoxifizyme (ADTZ) and Zearalenone Hydrolase (ZHD101), which are designed to be secreted to extra-cellular space by fusing with secretion signal peptides from alpha-amylase and beta-lactamase. In this study, we have successfully generated synthetic genetic materials to produce four chimeric mycotoxin-detoxifying enzymes. The levels of extracellular secretion is also characterized and analyzed. The project will allow a mass production of detoxification enzymes in cost effective way, preventing the squandering of harvested crops, and limiting mycotoxin-related diseases. Increased access to th ese proteins will have an immense commercial, industrial, agricultural, and health impact.

Retrieved from "http://2014hs.igem.org/Team:TP_CC-SanDiego"