Difference between revisions of "Team:Lethbridge HS"

Line 1: Line 1:
 
{{Lethbridge_HS}}
 
{{Lethbridge_HS}}
−
<html>
+
<html lang="en">
−
<script>
+
<head>
−
function setCookie(cname, cvalue, exdays) {
+
        <meta charset="utf-8">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1">
 +
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
 +
        <link rel="stylesheet" href="css/main.css" type="text/css" media="screen" />
 +
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
 +
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
 +
        <script src="js/jquery.localscroll.min.js" type="text/javascript"></script>
 +
        <script src="js/jquery.scrollTo.min.js" type="text/javascript"></script>
 +
            <script type="text/javascript">
 +
             
 +
                function setCookie(cname, cvalue, exdays) {
 
     var d = new Date();
 
     var d = new Date();
 
     d.setTime(d.getTime() + (exdays*24*60*60*1000));
 
     d.setTime(d.getTime() + (exdays*24*60*60*1000));
 
     var expires = "expires="+d.toUTCString();
 
     var expires = "expires="+d.toUTCString();
 
     document.cookie = cname + "=" + cvalue + "; " + expires;
 
     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 function1(){
+
                 function functionBees(){
−
                   alert("set 1");
+
                    
 
                   setCookie("projectType", "1", 365);  
 
                   setCookie("projectType", "1", 365);  
 
                      
 
                      
 
                 }
 
                 }
−
                 function function2(){
+
                 function functionBiofilms(){
−
alert("set 2");
+
 
                     setCookie("projectType", "2", 365);  
 
                     setCookie("projectType", "2", 365);  
 
                 }
 
                 }
 +
                $(document).ready(function() {
 +
                   
 +
                  $(function() {
 +
  $('a[href*=#]:not([href=#])').click(function() {
 +
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
 +
      var target = $(this.hash);
 +
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
 +
      if (target.length) {
 +
        $('html,body').animate({
 +
          scrollTop: target.offset().top
 +
        }, 1000);
 +
        return false;
 +
      }
 +
    }
 +
  });
 +
});
 +
                   
 +
                    $("#projectTitle").addClass("appear");
 +
   
 +
                    var s = $(".menu");
 +
    var pos = s.position(); 
 +
           
 +
    $(window).scroll(function() {
 +
        var windowpos = $(window).scrollTop(); 
 +
         
 +
        if (windowpos >= 100) {
 +
           
 +
            s.addClass("makeNavBarColor");
 +
           
 +
        } else {
 +
         
 +
            s.removeClass("makeNavBarColor");
 +
           
 +
        }
 +
     
 +
    });             
 +
});
 +
   
 +
               
 +
               
 +
        </script>
 +
</head>
  
−
$(document).ready(function() {
+
<body >
−
                       
+
        <div id="darker">
−
 
+
       
−
                        var cookieVal = getCookie("projectType");
+
            <div class="slide1Container">
−
                     
+
                <div class="jumbotron" id="titleSlideFirstTime">
−
                        if (cookieVal=="2"){
+
                <div class="container-fluid">
−
                            makeOnes();
+
                   
−
                        }
+
−
                        if (cookieVal=="1"){
+
−
                            makeTwos();
+
−
                        }
+
 
                              
 
                              
−
});
+
                            <div class="row">
−
function makeOnes(){
+
                                <div class="col-md-12">
−
alert("succesful one");
+
                                <div id="projectTitle" style="margin-top:-5%;">
−
}
+
                                    <p id="mainTitleText"><span style="color:#31B2DE; "> Biofilms  </span> and <span style="color:#FFE545; "> Beeyond</span> <br><small><span style="color:#88D648"></span> </small> </p>
−
function makeTwos(){
+
                   
−
alert("succesful two");
+
−
}
+
                   
−
</script>
+
                   
−
<body>
+
                                    </div>
−
<div onclick="function1()" class="switchButton" style="background-color:#FFE545;">Hello1 
+
                                                                      </div>
 +
                      </div>
 +
                             
 +
                               
 +
                    <div class="row" style="margin-left:0%;">
 +
                       
 +
                        <div class="col-md-6">
 +
                        <a href="index.html"><div onclick="functionBiofilms()" class="switchButton"><img id="choosePic" src="images/Plasmid.png" class="img-responsive"></div> 
 
                         </div>
 
                         </div>
−
<div onclick="function2()" class="switchButton" style="background-color:#FFE545;">Hello2
+
                            </a>
−
                         </div>
+
                        <div class="col-md-6">
−
<h2> Project Description</h2>
+
                        <a href="index.html"><div onclick="functionBees()" class="switchButton" style="background-color:#FFE545;"><img id="choosePic" src="images/plainicon.com-48232-512px-7b5.png" class="img-responsive"></div> 
−
<p>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.<br><br>
+
                         </div></a>
−
 
+
                       
−
Our next goal is to eradicate biofilms. 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.
+
                    </div>
−
 
+
               
−
 
+
                            <p style="margin-top:6%;margin-bottom:-7%; display:none;" class="downImgText">Scroll down to read more</p>
−
 
+
                 
−
</p>
+
           
−
 
+
                            <div id="goDown" style="">
−
 
+
                            <a href="#firstSlide"><img src="images/arrow_down.png" width="150" height="110" class="img-responsive downImg"></a>
−
 
+
                            </div>
−
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
                       
−
</body>
+
                   
 +
                   
 +
            </div>
 +
            </div>
 +
            <a name="firstSlide"></a>
 +
            <div class="jumbotron" id="slide1HomePage">
 +
                <div class="container-fluid">
 +
                    <div class="row">
 +
                        <div class="col-md-12" style="padding:0;">         
 +
                <h2 id="mytitle">This year we chose to tackle two projects: Bees and Biofilms</h2>
 +
                <p> You can click on one of the icons above to learn about that project.<p>
 +
                <p>You can switch between the projects later on by clicking the Bee/Biofilms icon in the nivagation bar </p>
 +
                </div>
 +
                    </div>
 +
                </div>
 +
                </div>
 +
   
 +
        </div>
 +
           
 +
        </div>
 +
       
 +
    </body>
 
</html>
 
</html>

Revision as of 04:54, 31 August 2015

Biofilms and Beeyond

This year we chose to tackle two projects: Bees and Biofilms

You can click on one of the icons above to learn about that project.

You can switch between the projects later on by clicking the Bee/Biofilms icon in the nivagation bar