Difference between revisions of "Team:Lethbridge HS/Design"

(Prototype team page)
 
 
Line 1: Line 1:
 
{{Lethbridge_HS}}
 
{{Lethbridge_HS}}
−
<html>
+
<html lang="en">
 +
<head>
 +
          <meta charset="utf-8">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1">
 +
     
 +
      <link rel="stylesheet" href="https://2015.igem.org/Team:Lethbridge_HS/Bootstrap_css?action=raw&ctype=text/css">
 +
        <link id="pageStyle" rel="stylesheet" href="https://2015.igem.org/Team:Lethbridge_HS/CSS?action=raw&ctype=text/css" type="text/css" media="screen" />
 +
<link id="" rel="stylesheet" href="https://2015.igem.org/Team:Lethbridge_HS/CSS_animations?action=raw&ctype=text/css" type="text/css" media="screen" />
 +
        <script src="https://2015.igem.org/Team:Lethbridge_HS/jquery1.1?action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2015.igem.org/Team:Lethbridge_HS/Boostrap_min?action=raw&ctype=text/javascript"></script>
  
−
<h2>Design</h2>
+
<script src="https://2015.igem.org/Team:Lethbridge_HS/pageControlScripts?action=raw&ctype=text/javascript" type="text/javascript"></script>  
 +
            <script type="text/javascript">
  
−
<p>
+
                        jQuery(document).ready(function() {
−
By talking about your design work on this page, there is one medal criterion that you can attempt to meet, and one award that you can apply for. If your team is going for a gold medal by building a functional prototype, you should tell us what you did on this page. If you are going for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Applied Design award</a>, you should also complete this page and tell us what you did.  
+
                 
−
</p>
+
  
−
<div class="highlightBox">
+
                 
−
<h4>Note</h4>
+
    var s = jQuery(".sideBarContent");
−
<p>In order to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Applied Design award</a> and/or the <a href="https://2015.igem.org/Judging/Awards#Medals">functional prototype gold medal criterion</a>, you must fill out this page.</p>
+
    var pos = s.position(); 
−
</div>
+
           
 +
  jQuery(window).scroll(function() {
 +
        var windowpos = $(window).scrollTop(); 
 +
         
 +
        if (windowpos >= pos.top+450) {
 +
            s.addClass("stick");
 +
           
 +
        } else {
 +
            s.removeClass("stick");
 +
           
 +
        }
 +
     
 +
    });
 +
                 
 +
                 
 +
                 
 +
                 
 +
});       
 +
     
 +
             
  
−
<p>This is a prize for the team that has developed a synthetic biology product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.</p>
+
jQuery(document).ready(function() {
 +
                     
 +
                        jQuery("#projectTitle").addClass("appear");
 +
   
 +
                    var s = jQuery(".menu");
 +
    var pos = s.position(); 
 +
           
 +
    jQuery(window).scroll(function() {
 +
        var windowpos = jQuery(window).scrollTop(); 
 +
         
 +
        if (windowpos >= 100) {
 +
           
 +
            s.addClass("makeNavBarColor");
 +
           
 +
        } else {
 +
         
 +
            s.removeClass("makeNavBarColor");
 +
           
 +
        }
 +
     
 +
    }); 
  
−
<p>
 
−
If you are working on art and design as your main project, please join the art and design track. If you are integrating art and design into the core of your main project, please apply for the award by completing this page.
 
−
</p>
 
  
−
</div>
+
                        var cookieVal = getCookie("projectType");
 +
                     
 +
                        if (cookieVal=="2"){
 +
                            makeBiofilms();
 +
                        }
 +
                        if (cookieVal=="1"){
 +
                            makeBees();
 +
                        }
 +
                           
 +
});
  
 +
      function setCookie(cname, cvalue, exdays) {
 +
    var d = new Date();
 +
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
 +
    var expires = "expires="+d.toUTCString();
 +
    document.cookie = cname + "=" + cvalue + "; " + expires;
 +
}
 +
             
 +
                   
 +
         
 +
          function getCookie(cname) {
 +
    var name = cname + "=";
 +
    var ca = document.cookie.split(';');
 +
    for(var i=0; i<ca.length; i++) {
 +
        var c = ca[i];
 +
        while (c.charAt(0)==' ') c = c.substring(1);
 +
        if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
 +
    }
 +
    return "";
 +
}         
 +
           
 +
             
 +
                   
 +
   
 +
               
 +
                function myFunction() {
 +
                  jQuery("body").addClass("animateBody"); 
 +
               
 +
                   
 +
                   
 +
                   
 +
                    var cookieValue = null;
 +
                    cookieValue = getCookie("projectType");
 +
                     
 +
                        if (cookieValue=="2"){
 +
                           
 +
                            setCookie("projectType", "1", 365);
 +
                           
 +
                            makeBees();
 +
                           
 +
                        }
 +
                    if (cookieValue=="1"){
 +
                         
 +
                        setCookie("projectType", "2", 365);
 +
                       
 +
                            makeBiofilms();
 +
                         
 +
                        }
 +
if (cookieValue=="null"){
 +
                         
 +
                        setCookie("projectType", "2", 365);
 +
                       
 +
                            makeBiofilms();
 +
                         
 +
                        }
 +
                 
 +
                   
 +
                 
 +
                    /************introSLide********************/
 +
                 
 +
                   
 +
                 
 +
                 
 +
}
 +
   
 +
                    function makeBiofilms(){
 +
jQuery(".biofilms").show();
 +
jQuery(".bees").hide();
 +
jQuery(".active").addClass("biofilmsActive");
 +
document.getElementById("titleSlide_hp").style.backgroundImage = "url(https://static.igem.org/mediawiki/2015/2/26/LethHS2015_bacteria_lab.jpg)";
 +
                    document.getElementById("projectSwitchIcon").src = "https://static.igem.org/mediawiki/2015/8/88/LethHS2015_Varroa_icon.png";
 +
document.getElementById("nswitchIcon").style.backgroundColor = "#31B2DE";
 +
document.getElementById("coloredTitle").style.color = "#31B2DE";
 +
                  document.getElementById("titleSlide").style.backgroundImage = "url(https://static.igem.org/mediawiki/2015/7/7e/LethHS2015_biofilms_intro_back.jpg)";
 +
                        jQuery("#mainTitleText").text('Biofilms!!!');
 +
                    jQuery("#coloredTitle").text('Biofilms');
 +
                    jQuery("#slide1Title").text('Biofilm');
 +
document.getElementById("projectText1").write('The purpose of hospitals is to help people get better. However, in the United States, 2 million people are infected during their hospital stay and bacterial biofilms are responsible of 65% of all hospital acquired infections. A biofilm is a conglomeration of bacteria that is enclosed in a matrix of sugars and extracellular DNA, this helps to hold the bacteria together like');
 +
                    jQuery("#slide1Paragraph").text('For years, bacterial biofilms have been a cause for concern in medicine. Biofilms are comprised of colonial microorganisms that can adhere to almost any surface with adequate moisture and nutrients. Biofilms often harbour pathogens, and can be extremely problematic in clinical settings. 65% of all hospital acquired infections can be attributed to pathogenic biofilms. Current methods to destroy biofilms include antimicrobial agents and hydraulic flushing. These are ineffective because biofilms are surrounded by a matrix of sugars and DNA. We intend to create an all-purpose biological counterattack capable of dispersing and eliminating a wide variety of biofilms by utilizing enzymes to destroy the structures within. This will be achieved through the secretion of dextranase, which degrades the exopolymeric matrix, and DNase, that targets the extracellular DNA responsible for maintaining biofilm structure. This double phased attack will be highly efficient compared to current removal methods.');
 +
                    document.getElementById("projectIcon").src ="https://static.igem.org/mediawiki/2015/4/4b/LethHS2015_Plasmid.png";
 +
 +
                    document.getElementById("slide1Image").src = "images/408.jpg";
 +
                    jQuery("#mainTitleText").style.color("#31B2DE");
 +
                }
 +
                function makeBees(){
 +
jQuery(".bees").show();
 +
jQuery(".biofilms").hide();
 +
jQuery(".active").removeClass("biofilmsActive");
 +
document.getElementById("titleSlide_hp").style.backgroundImage = "url(https://static.igem.org/mediawiki/2015/3/37/LethHS2015_honeycomb.jpg)";
 +
                    document.getElementById("projectSwitchIcon").src = "https://static.igem.org/mediawiki/2015/4/4b/LethHS2015_Plasmid.png";
 +
document.getElementById("nswitchIcon").style.backgroundColor = "#FFE545";
 +
document.getElementById("coloredTitle").style.color = "#FFE545";
 +
                  document.getElementById("titleSlide").style.backgroundImage = "url(https://static.igem.org/mediawiki/2015/6/6c/LethHS2015_bees_intro_back.jpg)";
 +
                        jQuery("#mainTitleText").text('Lethbridge High School iGEM');
 +
                    jQuery("#coloredTitle").text('Varroa');
 +
                    jQuery("#slide1Title").text('Introduction');
 +
                    jQuery("#slide1Paragraph").text('The top 100 food crops produced provide 90% of the world’s nutrition. 70% of these crops are pollinated by bees. A phenomenon called Colony Collapse Disorder (CCD) has decimated honeybee colonies across the world, halving the number of productive colonies worldwide. One of the main factors hypothesized to contribute to CCD is the mite and viral vector Varroa destructor. While feeding on the bee’s hemolymph, Varroa destructor expels RNA viruses into the bee crippling colony’s strength. Current commercial methods to eradicate Varroa have seen a gradual development of resistance in treated populations. Using synthetic biology, we plan to target Varroa more effectively by directly delivering the miticide, oxalic acid into Varroa and utilizing RNA interference to eliminate Varroa populations within commercial hives.');
 +
                    document.getElementById("projectIcon").src ="https://static.igem.org/mediawiki/2015/8/88/LethHS2015_Varroa_icon.png";
 +
 +
                    document.getElementById("slide1Image").src = "https://static.igem.org/mediawiki/2015/4/4d/LethHS2015_bees_intro_slide1_pic.jpg";
 +
                    jQuery("#mainTitleText").style.color("#FFE545");
 +
                }
 +
               
 +
                 
 +
                 
 +
               
 +
        </script>
 +
</head>
 +
 +
<body class="body_human_practices">
 +
        <nav class="navbar navbar-inverse navbar-fixed-top menu" id="">
 +
            <div class="container-fluid">
 +
             
 +
                <!--Lethbridge HS iGEM Logo -->
 +
                <div class="navbar-header">
 +
                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Introduction" id="nav-head" class="navbar-brand" style="margin-top:10px;"><h1 id="headerText" style="font-weight:100; font-family: 'Mohave'; ">Lethbridge iGEM      </h1></a>
 +
               
 +
 +
                <button class= "navbar-toggle" data-toggle = "collapse" data-target = "#myNavbar">
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
                </div>
 +
                <!-- Nav Bar Menu Items -->
 +
                <div class="collapse navbar-collapse" id="myNavbar">
 +
                    <ul class="nav navbar-nav navbar-right scroll" id="navItems" style="font-weight:105;">
 +
                       
 +
                       
 +
                        <li class= "dropdown texItem active" style="margin-top:2%;">
 +
                            <a href="https://2015.igem.org/Team:Lethbridge_HS/Description" class="dropdown-toggle textItem" data-toggle = "dropdown">Project<b class="caret"></b></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li>
 +
                                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Description">Description</a>
 +
                                    <a href="#">Parts</a>
 +
<a href="#">Achievements</a>
 +
                                </li>
 +
                            </ul>   
 +
                        </li>
 +
<li class="texItem" style="margin-top:2%;"><a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Practices">Human Practices</a></li>
 +
                        <li margin-top:2%; style="margin-top:2%;"><a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Notebook">Notebook</a></li>
 +
                        <li margin-top:2%; style="margin-top:2%;"><a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Safety">Safety</a></li>
 +
<li class="texItem"  style="margin-top:2%;"><a class="" href="https://2015.igem.org/Team:Lethbridge_HS/Software">Software</a></li>
 +
<li class= "dropdown texItem" style="margin-top:2%;">
 +
                            <a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Team" class="dropdown-toggle" data-toggle = "dropdown">Team<b class="caret"></b></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li>
 +
                                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Team">Students</a>
 +
                                    <a href="#">Advisors</a>
 +
<a class="texItem" href="#">Sponsors</a>
 +
<a class="texItem" href="#">Attributions</a>
 +
<a class="texItem" href="#">Collaborations</a>
 +
                                </li>
 +
                            </ul>   
 +
                        </li>
 +
                      <li class=""><a class="picItem" href="team.html"><img src="https://static.igem.org/mediawiki/2015/2/21/LethHS2015_igemlogo.png" width="50px" height="45px" style="margin-top:-9%; margin-bottom:-10%;"></a></li>
 +
<li class=""><div  onclick="myFunction()" id="nswitchIcon" class="navBarSwitchButton picItem"><img id="projectSwitchIcon" src="images/plainicon.com-48232-512px-7b5.png" class="img-responsive"></div> </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </nav>
 +
 
 +
            <div class="jumbotron" id="titleSlide_hp"  style="background-image:url('https://static.igem.org/mediawiki/2015/3/37/LethHS2015_honeycomb.jpg');">
 +
 +
<div class="flaticon-dna9 pageIcon"></div>
 +
                <p id="pageTitleText">Project<br></p><p id="pageSubtitleText"><span>Design</span></p>
 +
                </div>
 +
       
 +
                <div class="container-fluid" id="regularPageBody">
 +
                    <div class="row">
 +
                        <div class="col-md-3" id="mainBodySideBar">
 +
                            <div class="sideBarContent">
 +
                                <ul>
 +
                                    <li><a href="#section1"><h2>Description</h2></a></li>
 +
                                    <li class="biofilms"><a href="#section1"><p>What is nuclease? What is dextranase?</p></a></li>
 +
<li class="biofilms"><a href="#section1"><p>What we are doing differently</p></a></li>           
 +
<li class="biofilms"><a href="#section1"><p>Extracellular Polymeric Substance Matrix</p></a></li>                       
 +
                                </ul>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-9 col-sm-12">
 +
                            <section id="section1">
 +
<h1 id="projecttext1" class="contentSubTitle">Design<br><small></small></h1>
 +
<p id="humanpractices_hp" class="bees">Our Petal Death Protein (PDP) part (BBa_K179200) was design to produce a modest amount of Oxalic acid. The PDP gene was obtained from Dianthus caryophyllus (Carnation) (Clove pink). PDP catalyzes the production of Oxalic acid from Oxaloacetate: Oxaloacetate + H2O = oxalic acid + acetate. The first 3 amino acids represent a propeptide and are not included in the PDP sequence. The PDP gene is under control of the constitutively active medium transcription promoter (J23107) and a strong RBS (B0034). This combination was chosen to allow us to tune the amount of oxalic acid produced through control of PDP production. Mutation of the transcription promoter to strong or weak activity will result in more or less PDP production and subsequent changes in oxalic acid production. The same principle can be applied to the RBS from strong to medium to weak. We tuned the oxalic acid production to achieve mite death at the lowest possible concentration while preventing any possible harm to bee health.<br>
 +
</p>
 +
 +
</section>
 +
<section id="section2">
 +
</section>
 +
 +
                    </div>
 +
                    </div>
 +
       
 +
    <script src="https://2015.igem.org/Team:Lethbridge_HS/Animations_JS?action=raw&ctype=text/javascript"></script>
 +
    </body>
 
</html>
 
</html>

Latest revision as of 10:00, 18 September 2015

Project

Design

Design

Our Petal Death Protein (PDP) part (BBa_K179200) was design to produce a modest amount of Oxalic acid. The PDP gene was obtained from Dianthus caryophyllus (Carnation) (Clove pink). PDP catalyzes the production of Oxalic acid from Oxaloacetate: Oxaloacetate + H2O = oxalic acid + acetate. The first 3 amino acids represent a propeptide and are not included in the PDP sequence. The PDP gene is under control of the constitutively active medium transcription promoter (J23107) and a strong RBS (B0034). This combination was chosen to allow us to tune the amount of oxalic acid produced through control of PDP production. Mutation of the transcription promoter to strong or weak activity will result in more or less PDP production and subsequent changes in oxalic acid production. The same principle can be applied to the RBS from strong to medium to weak. We tuned the oxalic acid production to achieve mite death at the lowest possible concentration while preventing any possible harm to bee health.