Team:Calgary/Sandbox
From 2013.igem.org
(12 intermediate revisions not shown) | |||
Line 37: | Line 37: | ||
$('#Slider').css('display', 'block'); | $('#Slider').css('display', 'block'); | ||
- | //Set height of slider ( | + | //Set height of slider (16/5 ratio) |
- | $('#Slider').css('height', ($('body').width() / | + | $('#Slider').css('height', ($('body').width() / 3.2)); |
//Position right/left arrows | //Position right/left arrows | ||
Line 47: | Line 47: | ||
//Repeats for window resize | //Repeats for window resize | ||
$(window).resize(function() { | $(window).resize(function() { | ||
- | $('#Slider').css('height', ($('body').width() / | + | $('#Slider').css('height', ($('body').width() / 3.2)); |
var BarHeight = $('#Slider').height() - $('#BottomLinks').height(); | var BarHeight = $('#Slider').height() - $('#BottomLinks').height(); | ||
Line 53: | Line 53: | ||
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2); | $('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2); | ||
}); | }); | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
var TotalSlides = $('.Slides').length | var TotalSlides = $('.Slides').length | ||
Line 69: | Line 62: | ||
SlideID = '#Slide' + CurrentSlide; | SlideID = '#Slide' + CurrentSlide; | ||
$(SlideID).css('display', 'block'); | $(SlideID).css('display', 'block'); | ||
- | |||
}); | }); | ||
Line 77: | Line 69: | ||
SlideID = '#Slide' + CurrentSlide; | SlideID = '#Slide' + CurrentSlide; | ||
$(SlideID).css('display', 'block'); | $(SlideID).css('display', 'block'); | ||
- | |||
}); | }); | ||
Line 86: | Line 77: | ||
SlideID = '#Slide' + CurrentSlide; | SlideID = '#Slide' + CurrentSlide; | ||
$(SlideID).css('display', 'block'); | $(SlideID).css('display', 'block'); | ||
- | |||
}); | }); | ||
}); | }); | ||
Line 93: | Line 83: | ||
<body> | <body> | ||
- | <div id="Slider"> | + | <section id="HomePageContent"> |
- | + | ||
- | + | <h1 style="border: 0;">This is not the homepage you are looking for.</h1> | |
- | + | <h2 style="border: 0;"><a href="https://2013.igem.org/Team:Calgary">Try this link instead.</a> (Sorry Keith, this note has to be here.)</h2> | |
- | + | ||
- | + | <div id="Slider"> | |
- | + | <div id="Slide0" class="Slides"></div> | |
- | + | <div id="Slide1" class="Slides"></div> | |
- | + | <div id="Slide2" class="Slides"></div> | |
- | + | <div id="Slide3" class="Slides"></div> | |
- | + | <div id="Slide4" 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">Red</li><li id="Link1" class="SlideLink">Orange</li><li id="Link2" class="SlideLink">Green</li><li id="Link3" class="SlideLink">Blue</li><li id="Link4" class="SlideLink">Purple</li> | |
- | + | </ul> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | < | + | <section id="Overview"> |
- | <h2> | + | <h2>Our Project</h2> |
<p> | <p> | ||
- | + | Outbreaks of foodborne illnesses are a growing problem in our lives. In 2011, the Centers for Disease Control and Prevention (CDC) in the United States, identified 767 outbreaks affecting nearly 14,000 people of foodborne illnesses. Of these, pathogenic <i>E. coli</i> was a recurring theme in many of these outbreaks. In Alberta, we recently experienced our own foodborne disease outbreak in late 2012. This outbreak was the result of pathogenic <i>E. coli</i> serotype O157 and led to significant food recall alongside many hospitalizations, deaths, massive economic losses and an overall loss of consumer confidence in food safety. Current detection methods require long incubation times to amplify <i>E. coli</i> in the sample and followed by amplification to verify the presence of known genes that are associated with pathogenic <i>E. coli</i>. | |
</p> | </p> | ||
- | |||
- | |||
- | |||
- | |||
<p> | <p> | ||
- | + | One of the contributing factors connected with the outbreak in Alberta was the lack of rapid on-site detection systems available. Thus, the University of Calgary 2013 iGEM Collegiate team is using synthetic biology to develop system to rapidly detect the presence of pathogenic <i>E. coli</i> in the beef industry. By using engineered biological nanoparticles and DNA binding proteins we can specifically detect pathogenic DNA sequences. Our biosensor functions at the genomic level to detect the presence or absence of pathogenic <i>E. coli</i> in a given sample. This system allows us to pinpoint contamination during meat processing and also provides the ability to prescreen cattle in a preventative way to limit potential sources of contamination from the processing chain. Our system provides a powerful new tool for food safety, but also shows promise as a platform for the rapid detection of target organisms that are identified as key targets in a myriad of sectors from health to environment to biosecurity. | |
</p> | </p> | ||
- | </ | + | </section> |
- | <div class="DescriptionLink"> | + | <section id="SectionLinks"> |
- | + | <a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/Detector"> | |
- | <p> | + | <div id="DescriptionLink1" class="DescriptionLink"> |
- | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. | + | <h2>Detector</h2> |
- | </p> | + | <p> |
- | + | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. | |
+ | </p> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/Reporter"> | ||
+ | <div id="DescriptionLink2" class="DescriptionLink"> | ||
+ | <h2>Reporter</h2> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. | ||
+ | </p> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/Modeling"> | ||
+ | <div id="DescriptionLink3" class="DescriptionLink"> | ||
+ | <h2>Modeling</h2> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. | ||
+ | </p> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/HumanPractices"> | ||
+ | <div id="DescriptionLink4" class="DescriptionLink"> | ||
+ | <h2>Human Practices</h2> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. | ||
+ | </p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </section> | ||
</section> | </section> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 17:15, 15 August 2014
This is not the homepage you are looking for.
Try this link instead. (Sorry Keith, this note has to be here.)
- Red
- Orange
- Green
- Blue
- Purple
Our Project
Outbreaks of foodborne illnesses are a growing problem in our lives. In 2011, the Centers for Disease Control and Prevention (CDC) in the United States, identified 767 outbreaks affecting nearly 14,000 people of foodborne illnesses. Of these, pathogenic E. coli was a recurring theme in many of these outbreaks. In Alberta, we recently experienced our own foodborne disease outbreak in late 2012. This outbreak was the result of pathogenic E. coli serotype O157 and led to significant food recall alongside many hospitalizations, deaths, massive economic losses and an overall loss of consumer confidence in food safety. Current detection methods require long incubation times to amplify E. coli in the sample and followed by amplification to verify the presence of known genes that are associated with pathogenic E. coli.
One of the contributing factors connected with the outbreak in Alberta was the lack of rapid on-site detection systems available. Thus, the University of Calgary 2013 iGEM Collegiate team is using synthetic biology to develop system to rapidly detect the presence of pathogenic E. coli in the beef industry. By using engineered biological nanoparticles and DNA binding proteins we can specifically detect pathogenic DNA sequences. Our biosensor functions at the genomic level to detect the presence or absence of pathogenic E. coli in a given sample. This system allows us to pinpoint contamination during meat processing and also provides the ability to prescreen cattle in a preventative way to limit potential sources of contamination from the processing chain. Our system provides a powerful new tool for food safety, but also shows promise as a platform for the rapid detection of target organisms that are identified as key targets in a myriad of sectors from health to environment to biosecurity.
Detector
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Reporter
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Modeling
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Human Practices
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.