Difference between revisions of "Team:Lethbridge HS"

 
(63 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
 
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
         <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 rel="stylesheet" href="https://2015.igem.org/Team:Lethbridge_HS/Bootstrap_css?action=raw&ctype=text/css">
−
        <link rel="stylesheet" href="https://2015.igem.org/Team:Lethbridge_HS/CSS?action=raw&ctype=text/css" type="text/css" media="screen" />
+
        <link id="pageStyle" rel="stylesheet" href="https://2015.igem.org/Team:Lethbridge_HS/CSS?action=raw&ctype=text/css" type="text/css" media="screen" />
−
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
<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>
 
         <script src="https://2015.igem.org/Team:Lethbridge_HS/Boostrap_min?action=raw&ctype=text/javascript"></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="https://2015.igem.org/Team:Lethbridge_HS/pageControlScripts?action=raw&ctype=text/javascript" type="text/javascript"></script>  
−
        <script src="js/jquery.scrollTo.min.js" type="text/javascript"></script>  
+
 
             <script type="text/javascript">
 
             <script type="text/javascript">
−
             
+
                                           
−
                function setCookie(cname, cvalue, exdays) {
+
 
−
    var d = new Date();
+
      function eraseCookie(name) {
−
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
+
 
−
    var expires = "expires="+d.toUTCString();
+
−
    document.cookie = cname + "=" + cvalue + "; " + expires;
+
 
}
 
}
 +
 +
 +
   
 +
            function delete_cookie(name){
 +
                          document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
 +
              }
 
                  
 
                  
 
                 function functionBees(){
 
                 function functionBees(){
−
                 
+
eraseCookie("projectType");
−
                   setCookie("projectType", "1", 365);  
+
                  var cookieValue = null;
 +
                   delete_cookie("projectType");
 +
                    cookieValue = getCookie("projectType");
 +
                setCookie("projectType", "1", 365);
 +
 
 
                      
 
                      
 
                 }
 
                 }
 
                 function functionBiofilms(){
 
                 function functionBiofilms(){
−
                     setCookie("projectType", "2", 365);  
+
eraseCookie("projectType");
 +
var cookieValue = null;
 +
 
 +
                    cookieValue = getCookie("projectType");
 +
 
 +
                     setCookie("projectType", "2", 365);
 +
 
 
                 }
 
                 }
−
                 $(document).ready(function() {
+
 +
                  
 +
      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() {
+
         
−
  $('a[href*=#]:not([href=#])').click(function() {
+
          function getCookie(cname) {
−
     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
+
    var name = cname + "=";
−
      var target = $(this.hash);
+
     var ca = document.cookie.split(';');
−
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+
    for(var i=0; i<ca.length; i++) {
−
      if (target.length) {
+
        var c = ca[i];
−
        $('html,body').animate({
+
        while (c.charAt(0)==' ') c = c.substring(1);
−
          scrollTop: target.offset().top
+
        if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
−
        }, 1000);
+
−
        return false;
+
−
      }
+
 
     }
 
     }
−
  });
+
    return "";
−
});
+
}        
−
                      
+
           
−
                     $("#projectTitle").addClass("appear");
+
             
 +
                   
 +
   
 +
 
 +
                    function makeBiofilms(){
 +
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');
 +
                    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("projectSwitchIcon").src = "https://static.igem.org/mediawiki/2015/8/88/LethHS2015_Varroa_icon.png";
 +
                    document.getElementById("slide1Image").src = "images/408.jpg";
 +
                    jQuery("#mainTitleText").style.color("#31B2DE");
 +
                }
 +
                function makeBees(){
 +
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("projectSwitchIcon").src = "https://static.igem.org/mediawiki/2015/4/4b/LethHS2015_Plasmid.png";
 +
                    document.getElementById("slide1Image").src = "https://static.igem.org/mediawiki/2015/4/4d/LethHS2015_bees_intro_slide1_pic.jpg";
 +
                    jQuery("#mainTitleText").style.color("#FFE545");
 +
                }
 +
               
 +
                             
 +
      jQuery(document).ready(function() {
 +
                     
 +
                        jQuery("#projectTitle").addClass("appear");
 
      
 
      
−
                     var s = $(".menu");
+
                     var s = jQuery(".menu");
 
     var pos = s.position();   
 
     var pos = s.position();   
 
              
 
              
−
     $(window).scroll(function() {
+
     jQuery(window).scroll(function() {
−
         var windowpos = $(window).scrollTop();   
+
         var windowpos = jQuery(window).scrollTop();   
 
            
 
            
 
         if (windowpos >= 100) {
 
         if (windowpos >= 100) {
Line 63: Line 117:
 
         }
 
         }
 
        
 
        
−
     });              
+
     });
 +
 
 +
 
 +
                        var cookieVal = getCookie("projectType");
 +
                     
 +
                        if (cookieVal=="2"){
 +
 
 +
                            makeBiofilms();
 +
                        }
 +
                        if (cookieVal=="1"){
 +
 
 +
                            makeBees();
 +
                        }
 +
                           
 
});
 
});
−
   
+
                               
 
                  
 
                  
 
                  
 
                  
Line 81: Line 148:
 
                             <div class="row">
 
                             <div class="row">
 
                                 <div class="col-md-12">
 
                                 <div class="col-md-12">
−
                                 <div id="projectTitle" style="margin-top:-5%;">
+
                                 <div id="projectTitle" class="projectTitleMainScreen" style="margin-top:0%; margin-left:auto; margin-right:auto;">
−
                                    <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>
+
 
 +
<p id="subTitleText2" class="subTitleTextMainScreen" style="text-align:center; margin-top:0%; "><span style="color:#31B2DE; ">Biofilms</span> and <span style="color:#FFE545; ">Beeyond</span> </p>
 +
 
 
                      
 
                      
−
+
  <p id="subTitleText2" class="subTitleTextMainScreen" style="text-align:center; margin-top:0%; font-size:1em; ">You can click on one of the icons above to learn about that project.</span> <span style="color:#FFE545; "></span> </p>
 +
 
 +
                   
 +
  <p id="subTitleText2" class="subTitleTextMainScreen" style="text-align:center; margin-top:0%; font-size:1em; ">You can switch between the projects later by clicking the Biofilm/Bee icon in the navigation bar </span> <span style="color:#FFE545; "></span> </p>
 
                      
 
                      
 
                      
 
                      
Line 92: Line 164:
 
                                
 
                                
 
                                  
 
                                  
−
                     <div class="row" style="margin-left:0%;">
+
                     <div class="row" style="margin-left:0%; margin-top: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 class="col-md-6 col-xs-6 col-sm-6 col-lg-6">
 +
                         <a href="https://2015.igem.org/Team:Lethbridge_HS/Introduction"><div onclick="functionBiofilms()" class="switchButton"><img id="choosePic" src="https://static.igem.org/mediawiki/2015/4/4b/LethHS2015_Plasmid.png" class="img-responsive"></div>   
 
                         </div>
 
                         </div>
 
                             </a>
 
                             </a>
−
                         <div class="col-md-6">
+
                         <div class="col-md-6 col-xs-6 col-sm-6 col-lg-6">
−
                         <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>   
+
                         <a href="https://2015.igem.org/Team:Lethbridge_HS/Introduction"><div onclick="functionBees()" class="switchButton" style="background-color:#FFE545;margin-left:auto; margin-right:auto;"><img id="choosePic" src="https://static.igem.org/mediawiki/2015/8/88/LethHS2015_Varroa_icon.png" class="img-responsive" ></div>   
 
                         </div></a>
 
                         </div></a>
 
                          
 
                          
 +
                    </div>
 
                     </div>
 
                     </div>
 
                  
 
                  
Line 108: Line 194:
 
              
 
              
 
                             <div id="goDown" style="">
 
                             <div id="goDown" style="">
−
                             <a href="#firstSlide"><img src="images/arrow_down.png" width="150" height="110" class="img-responsive downImg"></a>
+
                             <a href="#firstSlide"><div class="slideButton" style="border: 2px solid white; margin-top:6%;">
 +
                        <p style="color:white; text-align:center;">Click here to find out more about our two projects?</p>
 +
                    </div></a>
 
                             </div>
 
                             </div>
 
                          
 
                          
Line 119: Line 207:
 
                 <div class="container-fluid">
 
                 <div class="container-fluid">
 
                     <div class="row">
 
                     <div class="row">
−
                         <div class="col-md-12" style="padding:0;">           
+
                         <div class="col-md-12" style="padding:0; padding-left:15%; padding-right:15%; ">           
−
                 <h2 id="mytitle">This year we chose to tackle two projects: Bees and Biofilms</h2>
+
                 <h2 id="mytitle">This year we chose to tackle two projects: Biofilms and Bees </h2>
−
                <p> You can click on one of the icons above to learn about that project.<p>
+
<p style="text-align:left;">At the beginning of the year, our team had many great project ideas. Over the course of a few weeks, we managed to narrow our options down to two projects—saving the bees, and eliminating biofilms. However, we could not decide between them. Both had their merits- saving the bees had a veritable cornucopia of human practices, but difficult, risky lab prospects. Biofilms had almost no human practices opportunities, but an amazing line to follow in lab. This was when one member of our team suggested that we co-develop these projects so that the strengths of one would make up for the weaknesses of the other. At that point, we decided to develop our projects together, and see where they lead us.</p>
−
                 <p>You can switch between the projects later on by clicking the Bee/Biofilms icon in the nivagation bar </p>
+
               
 +
                 <p><b></b></p>
 
                 </div>  
 
                 </div>  
 +
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>

Latest revision as of 22:49, 1 October 2015

Biofilms and Beeyond

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

You can switch between the projects later by clicking the Biofilm/Bee icon in the navigation bar

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

At the beginning of the year, our team had many great project ideas. Over the course of a few weeks, we managed to narrow our options down to two projects—saving the bees, and eliminating biofilms. However, we could not decide between them. Both had their merits- saving the bees had a veritable cornucopia of human practices, but difficult, risky lab prospects. Biofilms had almost no human practices opportunities, but an amazing line to follow in lab. This was when one member of our team suggested that we co-develop these projects so that the strengths of one would make up for the weaknesses of the other. At that point, we decided to develop our projects together, and see where they lead us.