Difference between revisions of "Team:Lethbridge HS/Description"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{ | + | {{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> | ||
− | < | + | <script src="https://2015.igem.org/Team:Lethbridge_HS/pageControlScripts?action=raw&ctype=text/javascript" type="text/javascript"></script> |
+ | <script type="text/javascript"> | ||
− | + | jQuery(document).ready(function() { | |
− | + | ||
− | + | ||
− | + | var s = jQuery(".sideBarContent"); | |
− | + | var pos = s.position(); | |
− | + | ||
− | + | jQuery(window).scroll(function() { | |
− | + | var windowpos = $(window).scrollTop(); | |
− | + | ||
+ | if (windowpos >= pos.top+450) { | ||
+ | s.addClass("stick"); | ||
+ | |||
+ | } else { | ||
+ | s.removeClass("stick"); | ||
+ | |||
+ | } | ||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | 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"); | ||
+ | |||
+ | } | ||
+ | |||
+ | }); | ||
− | |||
− | |||
− | + | 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(){ | ||
+ | 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"); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </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 style="font-weight:100; font-family: 'Mohave'; ">Lethbridge iGEM </h1></a> | ||
+ | |||
− | <br /> | + | <button class= "navbar-toggle" data-toggle = "collapse" data-target = "#myNavbar"> |
− | < | + | <span class="icon-bar"></span> |
− | <p> | + | <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" style="margin-top:2%;"> | ||
+ | <a href="#" class="dropdown-toggle textItem" data-toggle = "dropdown">Project<b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li> | ||
+ | <a href="project.html">Background</a> | ||
+ | <a href="#">Parts</a> | ||
+ | <a href="#">Achievements</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="texItem active" 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="software.html">Notebook</a></li> | ||
+ | <li margin-top:2%; style="margin-top:2%;"><a class="textItem" href="team.html">Safety</a></li> | ||
+ | <li class="texItem" style="margin-top:2%;"><a class="" href="team.html">Software</a></li> | ||
+ | <li class= "dropdown texItem" style="margin-top:2%;"> | ||
+ | <a class="textItem" href="#" class="dropdown-toggle" data-toggle = "dropdown">Team<b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li> | ||
+ | <a href="project.html">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"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/e/eb/LethHS2015_HumanPractises.png" width="150" height="100" class="img-responsive" id="titleImg"> | ||
+ | <p id="pageTitleText">Project<br></p><p id="pageSubtitleText"><span>How does our project work?</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>Overview</h2></a></li> | ||
+ | <li><a href="#section2"><h2>Government</h2></a></li> | ||
+ | <li><a href="#section3"><p>Meeting with MLA―Shannon Phillips</p></a></li> | ||
+ | <li><a href="#section4"><p>City Council By-Law and Petition</p></a></li> | ||
+ | <li><a href="#section5"><h2>Community</h2></a></li> | ||
+ | <li><a href="#section6"><p>Seed bombs</p></a></li> | ||
+ | <li><a href="#section7"><h2>Integrated Human Practices</h2></a></li> | ||
+ | <li><a href="#section8"><p>Beekeepers Visit and Interview</p></a></li> | ||
+ | <li><a href="#section9"><h2>Outreach</h2></a></li> | ||
+ | <li><a href="#section10"><p>School Presentations</p></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-9 col-sm-12"> | ||
+ | <section id="section1"> | ||
+ | <h1 id="" class="contentSubTitle"> Overview <br><small></small></h1> | ||
+ | <p id="humanpractices_hp">Although the science is an integral part of our project, we put some emphasis on human practices as well. Every team member contributed so that we could have a diverse and engaging set of human practices. We reached out many individuals, including one of our MLAs, who is also the Minister of Environment to get her support of our project; rural beekeepers in Southern Alberta to ask about the viability of our project; we also talked to our city council, and an urban planner to see how we could make our city more “bee-friendly”. We interacted with the public by handing out seed packets in parks, and informing them about the decline of bees and the city by-law that makes urban bee-keeping illegal; many signed a petition that we created to remove this by-law. To promote iGEM, we went to two middle schools to tell the students a little bit about our project and what iGEM is.</p> | ||
+ | </section> | ||
+ | <section id="section2"> | ||
+ | <h1 id="" class="contentSubTitle"> Government <br><small></small></h1> | ||
+ | <section id="section3"> | ||
+ | <h2 id="" class="contentSubSubTitle"> Meeting with MLA—Shannon Phillips<br><small></small></h2> | ||
+ | </section> | ||
+ | <section id="section4"> | ||
+ | <h2 id="" class="contentSubSubTitle"> City Council By-Law<br><small></small></h2> | ||
+ | <p>Prior to 1983, residents of the City of Lethbridge were able to beekeep within city limits. However, an amendment to Bylaw 3383 that pertains to bees now prevents residents from being able to do so. In Southern Alberta, bee populations are currently decreasing with reports saying that North American beekeepers are losing approximately one third of their bees each year. As a way to help the bee population, our team made it a goal to try and have this bylaw amended to allow urban beekeeping within city limits.<br><br> | ||
+ | </section> | ||
+ | </section> | ||
+ | <section id="section5"> | ||
+ | <h1 id="" class="contentSubTitle"> Community<br><small></small></h1> | ||
− | + | <section id="section6"> | |
− | < | + | <h2 id="" class="seedbombs"> Seed bombs<br><small></small></h2> |
− | <p> | + | <p>We made seed bombs to help spread awareness about the decline of bees, while simultaneously promoting bee population growth. A seed bomb is basically a ball of soil, clay, water, and seeds. The idea is that people plant them in empty lots, undeveloped fields, or even their backyards so that flowers can grow, giving the bees more access to food. We used Smooth Blue Aster, Purple Prairie Clover, and Prairie Coneflower to make our seed bombs because they are native to Southern Alberta, and they would not be considered an invasive species.<br><br> |
− | + | ||
− | < | + | We distributed seed bombs to members of the public and informed them about our project and the plight of the bees. Many people accepted our project and showed their support by signing a petition that supported urban beekeeping in Lethbridge, which is currently illegal. </p> |
− | < | + | </section> |
− | < | + | </section> |
− | < | + | <section id="section7"> |
− | </ | + | <h1 id="" class="contentSubTitle"> Integrated Human Practices<br><small></small></h1> |
− | + | <section id="section8"> | |
+ | <h2 id="" class="contentSubSubTitle">Beekeepers Visit and Interview<br><small></small></h2> | ||
+ | </section> | ||
+ | </section> | ||
+ | <section id="section9"> | ||
+ | <h1 id="" class="contentSubTitle"> Outreach<br><small></small></h1> | ||
+ | <section id="section10"> | ||
+ | <h2 id="" class="contentSubSubTitle">School Presentations<br><small></small></h2> | ||
+ | </section> | ||
+ | </section> | ||
</div> | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <script src="https://2015.igem.org/Team:Lethbridge_HS/Animations_JS?action=raw&ctype=text/javascript"></script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 02:43, 10 September 2015
Project
How does our project work?
Overview
Although the science is an integral part of our project, we put some emphasis on human practices as well. Every team member contributed so that we could have a diverse and engaging set of human practices. We reached out many individuals, including one of our MLAs, who is also the Minister of Environment to get her support of our project; rural beekeepers in Southern Alberta to ask about the viability of our project; we also talked to our city council, and an urban planner to see how we could make our city more “bee-friendly”. We interacted with the public by handing out seed packets in parks, and informing them about the decline of bees and the city by-law that makes urban bee-keeping illegal; many signed a petition that we created to remove this by-law. To promote iGEM, we went to two middle schools to tell the students a little bit about our project and what iGEM is.
Government
Meeting with MLA—Shannon Phillips
City Council By-Law
Prior to 1983, residents of the City of Lethbridge were able to beekeep within city limits. However, an amendment to Bylaw 3383 that pertains to bees now prevents residents from being able to do so. In Southern Alberta, bee populations are currently decreasing with reports saying that North American beekeepers are losing approximately one third of their bees each year. As a way to help the bee population, our team made it a goal to try and have this bylaw amended to allow urban beekeeping within city limits.
Community
Seed bombs
We made seed bombs to help spread awareness about the decline of bees, while simultaneously promoting bee population growth. A seed bomb is basically a ball of soil, clay, water, and seeds. The idea is that people plant them in empty lots, undeveloped fields, or even their backyards so that flowers can grow, giving the bees more access to food. We used Smooth Blue Aster, Purple Prairie Clover, and Prairie Coneflower to make our seed bombs because they are native to Southern Alberta, and they would not be considered an invasive species.
We distributed seed bombs to members of the public and informed them about our project and the plight of the bees. Many people accepted our project and showed their support by signing a petition that supported urban beekeeping in Lethbridge, which is currently illegal.