Team:Calgary/Sandbox

From 2013.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 35: Line 35:
$(document).ready(function() {
$(document).ready(function() {
//Display slider for Javascript users
//Display slider for Javascript users
-
$('Slider').css('display', 'block');
+
$('#Slider').css('display', 'block');
-
//Set height of slider (12/7 ratio)
+
//Set height of slider (16/5 ratio)
-
$('#Slider').css('height', ($('body').width() / 2.4));
+
$('#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() / 2.4));
+
$('#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 preloadImages = ['TestSlide0.jpg','TestSlide1.jpg','TestSlide2.jpg','TestSlide3.jpg','TestSlide4.jpg'];
 
-
// var images = [];
 
-
// for (var count = 0; count < preloadImages.length; count++) {
 
-
// images[count] = new Image();
 
-
// images[count].src = preloadImages[count];
 
-
// }
 
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">
-
<div id="Slide0" class="Slides"></div>
+
 
-
<div id="Slide1" class="Slides"></div>
+
<h1 style="border: 0;">This is not the homepage you are looking for.</h1>
-
<div id="Slide2" class="Slides"></div>
+
<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="Slide3" class="Slides"></div>
+
 
-
<div id="Slide4" class="Slides"></div>
+
<div id="Slider">
-
<div id="LeftBar" class="SideBar"><div id="LeftArrow"></div></div>
+
<div id="Slide0" class="Slides"></div>
-
<div id="RightBar" class="SideBar"><div id="RightArrow"></div></div>
+
<div id="Slide1" class="Slides"></div>
-
<ul id="BottomLinks">
+
<div id="Slide2" class="Slides"></div>
-
<li id="Link0" class="SlideLink">Red<!--London--></li><li id="Link1" class="SlideLink">Orange<!--Flower--></li><li id="Link2" class="SlideLink">Green<!--Blue--></li><li id="Link3" class="SlideLink">Blue<!--Tea--></li><li id="Link4" class="SlideLink">Purple<!--Macarons--></li>
+
<div id="Slide3" class="Slides"></div>
-
</ul>
+
<div id="Slide4" class="Slides"></div>
-
</div>
+
<div id="LeftBar" class="SideBar"><div id="LeftArrow"></div></div>
-
+
<div id="RightBar" class="SideBar"><div id="RightArrow"></div></div>
-
<section id="Overview">
+
<ul id="BottomLinks">
-
<h2>Generic Title Goes Here</h2>
+
<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>
-
<p>
+
</ul>
-
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. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
+
-
</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. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
+
-
</p>
+
-
</section>
+
-
+
-
<section id="SectionLinks">
+
-
<div class="DescriptionLink">
+
-
<h2>Link 1</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>
</div>
-
<div class="DescriptionLink">
+
<section id="Overview">
-
<h2>Link 2</h2>
+
<h2>Our Project</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.
+
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>
-
</div>
 
-
 
-
<div class="DescriptionLink">
 
-
<h2>Link 3</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.
+
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>
-
</div>
+
</section>
-
<div class="DescriptionLink">
+
<section id="SectionLinks">
-
<h2>Link 4</h2>
+
<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>
-
</div>
+
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.)

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.