Team:Calgary/Sandbox

From 2013.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Calgary/Main}}
<html>
<html>
<head>
<head>
-
<!-- Reset for BodyContent -->
+
<link href="https://2013.igem.org/Team:Calgary/StyleSheets/HomePage?action=raw&ctype=text/css" rel="stylesheet">
-
<style>
+
-
#content{
+
-
width: 100%;
+
-
margin: 0;
+
-
padding: 0;
+
-
background-color:transparent;
+
-
border: none;
+
-
}
+
-
+
-
#bodyContent{
+
-
width: 100%;
+
-
margin: 0;
+
-
padding: 0;
+
-
background-color:transparent;
+
-
border: none;
+
-
}
+
-
</style>
+
-
+
-
<!-- Fonts -->
+
-
<link href='http://fonts.googleapis.com/css?family=Roboto:300,400,500' rel='stylesheet' type='text/css'>
+
-
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
+
-
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans:700' rel='stylesheet' type='text/css'>
+
-
<link href='http://fonts.googleapis.com/css?family=Cabin:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+
-
+
-
<!-- CSS -->
+
-
<link href="https://2013.igem.org/Team:Calgary/Sandbox/StyleSheets/Reset?action=raw&ctype=text/css" rel="stylesheet">
+
-
<link href="https://2013.igem.org/Team:Calgary/Sandbox/StyleSheets/Navigation?action=raw&ctype=text/css" rel="stylesheet">
+
-
<link href="https://2013.igem.org/Team:Calgary/Sandbox/StyleSheets/HomePage?action=raw&ctype=text/css" rel="stylesheet">
+
-
+
-
<!-- JavaScript and JQuery -->
+
<script>
<script>
-
$(document).ready(function() {
+
$(document).ready(function() {
-
if ($('body').width() > 868) {
+
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2));
+
-
$('#LogoItem').css('display', 'block');
+
-
}
+
-
else if ($('body').width() <= 868) {
+
-
if ($('body').width() > 744) {
+
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 744) / 2));
+
-
$('#LogoItem').css('display', 'none');
+
-
}
+
-
}
+
-
var ScreenWidth = $('body').width();
+
-
if (ScreenWidth > 1007) {
+
-
var Margins = Math.floor(ScreenWidth * .086666);
+
-
var ElementWidth = Math.floor(ScreenWidth * .37);
+
-
+
-
$('#SectionLinks').css('padding-left', Margins);
+
-
$('#SectionLinks').css('padding-top', Margins);
+
-
$('#SectionLinks .DescriptionLink').css('margin-right', Margins);
+
-
$('#SectionLinks .DescriptionLink').css('margin-bottom', Margins);
+
-
$('#SectionLinks .DescriptionLink').css('width', ElementWidth);
+
-
}
+
-
+
-
$(window).resize(function() {
+
-
if ($('body').width() > 868) {
+
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2));
+
-
$('#LogoItem').css('display', 'block');
+
-
}
+
-
else if ($('body').width() <= 868) {
+
-
if ($('body').width() > 744) {
+
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 744) / 2));
+
-
$('#LogoItem').css('display', 'none');
+
-
}
+
-
}
+
-
 
+
var ScreenWidth = $('body').width();
var ScreenWidth = $('body').width();
if (ScreenWidth > 1007) {
if (ScreenWidth > 1007) {
Line 79: Line 16:
$('#SectionLinks .DescriptionLink').css('width', ElementWidth);
$('#SectionLinks .DescriptionLink').css('width', ElementWidth);
}
}
-
 
+
 +
$(window).resize(function() {
 +
var ScreenWidth = $('body').width();
 +
if (ScreenWidth > 1007) {
 +
var Margins = Math.floor(ScreenWidth * .086666);
 +
var ElementWidth = Math.floor(ScreenWidth * .37);
 +
 +
$('#SectionLinks').css('padding-left', Margins);
 +
$('#SectionLinks').css('padding-top', Margins);
 +
$('#SectionLinks .DescriptionLink').css('margin-right', Margins);
 +
$('#SectionLinks .DescriptionLink').css('margin-bottom', Margins);
 +
$('#SectionLinks .DescriptionLink').css('width', ElementWidth);
 +
}
 +
});
});
});
-
});
 
</script>
</script>
<script>
<script>
-
$(document).ready(function() {
+
$(document).ready(function() {
-
//Set height of slider (12/7 ratio)
+
//Display slider for Javascript users
-
$('#Slider').css('height', ($('body').width() / 2.4));
+
$('#Slider').css('display', 'block');
-
+
-
//Position right/left arrows
+
//Set height of slider (16/5 ratio)
-
var BarHeight = $('#Slider').height() -  $('#BottomLinks').height();
+
$('#Slider').css('height', ($('body').width() / 3.2));
-
$('#LeftBar, #RightBar').css('height', BarHeight);
+
-
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
+
-
 
+
-
//Repeats for window resize
+
-
$(window).resize(function() {
+
-
$('#Slider').css('height', ($('body').width() / 2.4));
+
 +
//Position right/left arrows
var BarHeight = $('#Slider').height() -  $('#BottomLinks').height();
var BarHeight = $('#Slider').height() -  $('#BottomLinks').height();
$('#LeftBar, #RightBar').css('height', BarHeight);
$('#LeftBar, #RightBar').css('height', BarHeight);
$('#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'];
+
//Repeats for window resize
-
// var images = [];
+
$(window).resize(function() {
-
// for (var count = 0; count < preloadImages.length; count++) {
+
$('#Slider').css('height', ($('body').width() / 3.2));
-
// images[count] = new Image();
+
-
// images[count].src = preloadImages[count];
+
var BarHeight = $('#Slider').height() - $('#BottomLinks').height();
-
// }
+
$('#LeftBar, #RightBar').css('height', BarHeight);
-
+
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
-
var TotalSlides = $('.Slides').length
+
});
-
var CurrentSlide = 0;
+
-
 
+
var TotalSlides = $('.Slides').length
-
$('#RightArrow').click(function() {
+
var CurrentSlide = 0;
-
CurrentSlide = ++CurrentSlide % TotalSlides;
+
-
$('.Slides').css('display', 'none');
+
-
SlideID = '#Slide' + CurrentSlide;
+
-
$(SlideID).css('display', 'block');
+
-
 
+
-
});
+
-
+
-
$('#LeftArrow').click(function() {
+
-
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
+
-
$('.Slides').css('display', 'none');
+
-
SlideID = '#Slide' + CurrentSlide;
+
-
$(SlideID).css('display', 'block');
+
-
 
+
-
});
+
-
+
-
$('.SlideLink').click(function() {
+
-
var ClickedSlide = $(this).attr('id');
+
-
CurrentSlide = parseInt(ClickedSlide.replace('Link', ''));
+
-
$('.Slides').css('display', 'none');
+
-
SlideID = '#Slide' + CurrentSlide;
+
-
$(SlideID).css('display', 'block');
+
 +
$('#RightArrow').click(function() {
 +
CurrentSlide = ++CurrentSlide % TotalSlides;
 +
$('.Slides').css('display', 'none');
 +
SlideID = '#Slide' + CurrentSlide;
 +
$(SlideID).css('display', 'block');
 +
});
 +
 +
$('#LeftArrow').click(function() {
 +
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
 +
$('.Slides').css('display', 'none');
 +
SlideID = '#Slide' + CurrentSlide;
 +
$(SlideID).css('display', 'block');
 +
});
 +
 +
$('.SlideLink').click(function() {
 +
var ClickedSlide = $(this).attr('id');
 +
CurrentSlide = parseInt(ClickedSlide.replace('Link', ''));
 +
$('.Slides').css('display', 'none');
 +
SlideID = '#Slide' + CurrentSlide;
 +
$(SlideID).css('display', 'block');
 +
});
});
});
-
});
 
</script>
</script>
</head>
</head>
 +
 +
<body>
 +
<section id="HomePageContent">
-
<body>
+
<h1 style="border: 0;">This is not the homepage you are looking for.</h1>
-
<header id="TopBar">
+
<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>
-
<ul id="TopLvlNav">
+
 
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/">Home</a></li>
+
<div id="Slider">
-
<li>
+
<div id="Slide0" class="Slides"></div>
-
<a href="https://2013.igem.org/Team:Calgary/Sandbox/Project">Project</a>
+
<div id="Slide1" class="Slides"></div>
-
<ul>
+
<div id="Slide2" class="Slides"></div>
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/Tales">Tales</a>
+
<div id="Slide3" class="Slides"></div>
-
<ul>
+
<div id="Slide4" class="Slides"></div>
-
<li><a href="#">Sub-Page</a></li>
+
<div id="LeftBar" class="SideBar"><div id="LeftArrow"></div></div>
-
<li><a href="#">Sub-Page</a></li>
+
<div id="RightBar" class="SideBar"><div id="RightArrow"></div></div>
-
<li><a href="#">Sub-Page</a></li>
+
<ul id="BottomLinks">
-
</ul>
+
<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>
-
</li>
+
</ul>
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/Ferritin">Ferritin</a>
+
</div>
-
<ul>
+
-
<li><a href="#">Sub-Page</a></li>
+
<section id="Overview">
-
<li><a href="#">Sub-Page</a></li>
+
<h2>Our Project</h2>
-
<li><a href="#">Sub-Page</a></li>
+
<p>
-
</ul>
+
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>.
-
</li>
+
</p>
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/Linker">Linker</a>
+
<p>
-
<ul>
+
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.
-
<li><a href="#">Sub-Page</a></li>
+
</p>
-
<li><a href="#">Sub-Page</a></li>
+
</section>
-
<li><a href="#">Sub-Page</a></li>
+
-
</ul>
+
<section id="SectionLinks">
-
</li>
+
<a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/Detector">
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/Engineering">Engineering</a>
+
<div id="DescriptionLink1" class="DescriptionLink">
-
<ul>
+
<h2>Detector</h2>
-
<li><a href="#">Sub-Page</a></li>
+
<p>
-
<li><a href="#">Sub-Page</a></li>
+
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.
-
<li><a href="#">Sub-Page</a></li>
+
</p>
-
</ul>
+
</div>
-
</li>
+
</a>
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/HumanPractices">Human Practices</a>
+
-
<ul>
+
<a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/Reporter">
-
<li><a href="#">Sub-Page</a></li>
+
<div id="DescriptionLink2" class="DescriptionLink">
-
<li><a href="#">Sub-Page</a></li>
+
<h2>Reporter</h2>
-
<li><a href="#">Sub-Page</a></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.
-
</li>
+
</p>
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/References">References</a></li>
+
</div>
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/Attributions">Attributions</a></li>
+
</a>
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/Sponsors">Sponsors</a></li>
+
-
</ul>
+
<a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/Modeling">
-
</li>
+
<div id="DescriptionLink3" class="DescriptionLink">
-
<li>
+
<h2>Modeling</h2>
-
<a href="https://2013.igem.org/Team:Calgary/Sandbox/OurTeam">Our Team</a>
+
<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.
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/OurTeam/TeamMembers">Team Members</a></li>
+
</p>
-
<li><a href="https://igem.org/Team.cgi?id=1189" target="_blank">Our Profile</a></li>
+
</div>
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/OurTeam/TheUniversity">The<br>University</a></li>
+
</a>
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/OurTeam/ContactUs">Contact Us</a></li>
+
-
</ul>
+
<a href="https://2013.igem.org/Team:Calgary/Sandbox/Project/HumanPractices">
-
</li>
+
<div id="DescriptionLink4" class="DescriptionLink">
-
<li id="LogoItem"><img id="NavLogo" src="HexLogo.png"></li>
+
<h2>Human Practices</h2>
-
<li>
+
<p>
-
<a href="https://2013.igem.org/Team:Calgary/Sandbox/Notebook">Notebook</a>
+
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.
-
<ul>
+
</p>
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Notebook/Journal">Journal</a>
+
</div>
-
<ul>
+
</a>
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Notebook/Journal/TalesJournal">Tales</a></li>
+
</section>
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Notebook/Journal/FerritinJournal">Ferritin</a></li>
+
</section>
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Notebook/Journal/LinkerJournal">Linker</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Notebook/Journal/EngineeringJournal">Engineering</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Notebook/Journal/HumanPracticesJournal">Human Practices</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Notebook/Protocols">Protocols</a>
+
-
<ul>
+
-
<li><a href="#">Sub-Page</a></li>
+
-
<li><a href="#">Sub-Page</a></li>
+
-
<li><a href="#">Sub-Page</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2013.igem.org/Team:Calgary/Sandbox/Notebook/Parts">Parts</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>
+
-
<a href="https://2013.igem.org/Team:Calgary/Sandbox/Outreach">Outreach</a>
+
-
<ul>
+
-
<li><a href="#">Sub-Page</a></li>
+
-
<li><a href="#">Sub-Page</a></li>
+
-
<li><a href="#">Sub-Page</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>
+
-
<a href="https://2013.igem.org" target="_blank">iGEM</a>
+
-
</li>
+
-
</ul>
+
-
</header>
+
-
+
-
<div id="NavHeight"></div>
+
</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.