Difference between revisions of "Team:Glasgow"

 
(130 intermediate revisions by 9 users not shown)
Line 1: Line 1:
−
<html>
+
{{GlasgowHeader}}<html>
 +
<div class="photo-block" id="Frontpage">
 +
<div class="text left">
 +
<div class="title">
 +
<i>Campy</i>LOCATOR
 +
</div>
 +
<div class="sub">
 +
Detection of <i>Campylobacter jejuni</i> for the prevention of food poisoning </i>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="text-block" id="project-desc">
 +
<div class="title">
 +
Project Description
 +
</div>
 +
<div class="copy_container row">
 +
<div class="large-6 columns">
 +
<p class="copy">
 +
<i>Campylobacter </i> species, especially <i>Campylobacter jejuni</i>, are bacterial pathogens responsible for the majority of food poisoning in the UK. This bacteria is considered to cause over 280,000 cases of bacterial gastroenteritis annually. Although also found on red meat, unpasteurized milk and unfiltered water, 4 out of 5 cases of campylobacteriosis come from contaminated chickens. During the slaughter process the bacterium gets transferred onto the chicken skin and is often found on fresh retail chickens and their packaging. The most important transmission route is consumption of undercooked chicken or other foods that get cross-contaminated from raw poultry meat. </p>
 +
</div>
 +
<div class="large-6 columns">
 +
<p class="copy"> Current detection systems for the pathogen are time-consuming, expensive and inaccessible for everyday users. We therefore aimed to develop a new, cheaper and faster system for detection of <i>C. jejuni</i> using synthetic biology. We approached this by genetically engineering <i>Escherichia coli</i> to serve a function of a dual-input biosensor. The bacterium will sense bacterial quorum sensing signals and xylulose - a sugar naturally present in the outer capsule of <i>Campylobacter jejuni</i>, to detect the pathogen on a swabbed surface. </p>
 +
<p class="copy"></p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="photo-block" id="Ceremony">
 +
<div class="text right">
 +
<div class="title">
 +
<a href="https://2017.igem.org/Team:Glasgow/Accomplishments">Our Accomplishments at the Jamboree!</a>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="photo-block" id="Xylulose">
 +
<div class="text right">
 +
<div class="title">
 +
<a href="https://2017.igem.org/Team:Glasgow/mtlR">Engineering <i>E. coli</i> to Respond to <i>Campylobacter</i>-Associated Sugar</a>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="photo-block" id="AraC">
 +
<div class="text right">
 +
<div class="title">
 +
<a href="https://2017.igem.org/Team:Glasgow/araC">Expanding the Biosensor parts Toolkit, using <i>araC</i> Mutants</a>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="photo-block" id="Hardware">
 +
<div class="text right">
 +
<div class="title">
 +
<a href="https://2017.igem.org/Team:Glasgow/Hardware">Designing a Functional Prototype Biosensor device</a>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="photo-block" id="Public">
 +
<div class="text right">
 +
<div class="title">
 +
<a href="https://2017.igem.org/Team:Glasgow/Outreach">Engaging with the world about <i>Campylobacter</i></a>
 +
</div>
 +
</div>
 +
</div>
  
−
<script>
+
</html>{{GlasgowFooter}}
−
 
+
−
                // allow button on the black menu bar to show/hide the side menu
+
−
function hide_show_menu() {
+
−
+
−
// in case you preview mode is selected, the menu is hidden for better visibility
+
−
if (window.location.href.indexOf("submit") >= 0) {
+
−
$(".igem_2017_menu_wrapper").hide();
+
−
}
+
−
 
+
−
// if the black menu bar has been loaded
+
−
  if (document.getElementById('bars_item')) {
+
−
 
+
−
// when the "bars_item" has been clicked
+
−
$("#bars_item").click(function() {
+
−
$("#sideMenu").hide();
+
−
 
+
−
// show/hide the menu wrapper
+
−
$(".igem_2017_menu_wrapper").fadeToggle("100");
+
−
});
+
−
  }  
+
−
 
+
−
// because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
+
−
else {
+
−
    setTimeout(hide_show_menu, 15);
+
−
}
+
−
}
+
−
 
+
−
 
+
−
});
+
−
 
+
−
 
+
−
</script>
+
−
 
+
−
 
+
−
<style>
+
−
 
+
−
 
+
−
 
+
−
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
+
−
+
−
/* Clear the default wiki settings */
+
−
+
−
#home_logo, #sideMenu { display:none; }
+
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
−
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
−
body {background-color:white; }
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
−
 
+
−
+
−
+
−
+
−
/**************************************************************** MENU ***************************************************************/
+
−
 
+
−
/* this hides the scrollbar to keep view consistency */
+
−
.igem_2017_menu_wrappe::-webkit-scrollbar {
+
−
display: none;
+
−
}
+
−
+
−
/***************************************************** CONTENT OF THE PAGE ****************************************************/
+
−
 
+
−
/* Wrapper for the content */
+
−
.igem_2017_content_wrapper {
+
−
width: 100%;
+
−
                height: 100%;
+
−
                display: block;
+
−
                float: left;
+
−
margin: 0%;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
}
+
−
 
+
−
 
+
−
/********************************* HTML STYLING  *********************************/
+
−
 
+
−
/* styling for the titles h1 h2 */
+
−
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
+
−
padding:5px 15px;
+
−
border-bottom: 0px;
+
−
color: #3399ff;
+
−
}
+
−
 
+
−
 
+
−
/* styling for the titles  h3 h4 h5 h6*/
+
−
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
+
−
padding:5px 15px;
+
−
border-bottom:0px;
+
−
color: #000000; 
+
−
}
+
−
 
+
−
 
+
−
/* font and text */
+
−
.igem_2017_content_wrapper p {
+
−
padding: 0px 15px;
+
−
font-size: 13px;
+
−
}
+
−
 
+
−
/* Links */
+
−
.igem_2017_content_wrapper a {
+
−
font-weight: bold;
+
−
text-decoration: underline;
+
−
text-decoration-color: #3399ff;
+
−
color:  #3399ff;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;
+
−
transition: all 0.4s ease;
+
−
}
+
−
 
+
−
/* hover for the links */
+
−
.igem_2017_content_wrapper a:hover {
+
−
text-decoration:none;
+
−
color:#000000;
+
−
}
+
−
 
+
−
/* non numbered lists */
+
−
.igem_2017_content_wrapper ul {
+
−
padding:0px 20px;
+
−
font-size: 13px;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
}
+
−
 
+
−
/* numbered lists */
+
−
.igem_2017_content_wrapper ol {
+
−
padding:0px;
+
−
font-size: 13px;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
}
+
−
 
+
−
/* Table */
+
−
.igem_2017_content_wrapper table {
+
−
width: 97%;
+
−
margin:15px 10px;
+
−
border: 1px solid #d3d3d3;
+
−
border-collapse: collapse;
+
−
}
+
−
 
+
−
/* table cells */
+
−
.igem_2017_content_wrapper  td {
+
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
border: 1px solid #d3d3d3;
+
−
border-collapse: collapse;
+
−
}
+
−
 
+
−
/* table headers */
+
−
.igem_2017_content_wrapper th {
+
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
border: 1px solid #d3d3d3;
+
−
border-collapse: collapse;
+
−
background-color:#f2f2f2;
+
−
}
+
−
 
+
−
 
+
−
/**********************************LAYOUT CLASSES **********************************/
+
−
 
+
−
/* general class for column divs */
+
−
.igem_2017_content_wrapper .column  {
+
−
padding: 10px 0px;
+
−
float:left;
+
−
}
+
−
 
+
−
/* class for a full width column */
+
−
.column .full_size {
+
−
width:100%;
+
−
}
+
−
 
+
−
/* styling for images in a full width column*/
+
−
.column.full_size img {
+
−
width:97%;
+
−
padding: 10px 15px;
+
−
}
+
−
 
+
−
/* class for a half width column */
+
−
.column.half_size {
+
−
width: 50%;
+
−
}
+
−
/* styling for images in a half width column*/
+
−
.column.half_size img {
+
−
width: 94.5%;
+
−
padding: 10px 15px;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
/********************************* SUPPORT CLASSES ********************************/
+
−
 
+
−
/* class that clears content below*/
+
−
.igem_2017_content_wrapper .clear {
+
−
clear:both;
+
−
}
+
−
+
−
+
−
/* adds extra spacing when clearing content */
+
−
.igem_2017_content_wrapper  .clear.extra_space {
+
−
height: 30px;
+
−
}
+
−
 
+
−
 
+
−
/* highlight class, makes content slightly smaller */
+
−
.igem_2017_content_wrapper .highlight {
+
−
margin: 0px 15px;
+
−
padding: 15px 0px;
+
−
}
+
−
 
+
−
 
+
−
/* highlight class, adds a gray background */
+
−
.igem_2017_content_wrapper .highlight.gray {
+
−
background-color: #f2f2f2;
+
−
}
+
−
 
+
−
/* highlight with decoration blue line on top */
+
−
.igem_2017_content_wrapper .highlight.blue_top {
+
−
    border-top: 4px solid #3399ff;
+
−
}
+
−
 
+
−
/* highlight with a full blue border decoration */
+
−
.igem_2017_content_wrapper .highlight.blue_border {
+
−
    border: 4px solid  #3399ff;
+
−
}
+
−
 
+
−
 
+
−
/* button class */
+
−
.igem_2017_content_wrapper .button{
+
−
max-width: 35%;
+
−
margin: 30px auto;
+
−
padding: 12px 10px;
+
−
    background-color: #3399ff;
+
−
    text-align: center;
+
−
  color: #ffffff;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease; transition: all 0.4s ease; 
+
−
}
+
−
 
+
−
/* styling for button on hover */
+
−
.igem_2017_content_wrapper .button:hover{
+
−
background-color: #3399ff;
+
−
    color: #000000;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
/***************************************************** RESPONSIVE STYLING ****************************************************/
+
−
 
+
−
/* IF THE SCREEN IS LESS THAN 1200PX */
+
−
@media only screen and (max-width: 1200px) {
+
−
 
+
−
#content {width:100%; }
+
−
.igem_2017_menu_wrapper {width:15%; right:0;}
+
−
.highlight {padding:10px 0px;}
+
−
.igem_2017_menu_wrapper #display_menu_control { display:none; }
+
−
#menu_content { display:block;}
+
−
.menu_button.direct_to_page {padding-left: 17px;}
+
−
+
−
}
+
−
 
+
−
/* IF THE SCREEN IS LESS THAN 800PX */
+
−
@media only screen and (max-width: 800px) {
+
−
 
+
−
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
+
−
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
+
−
.column.half_size  {width:100%; }
+
−
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
+
−
.highlight {padding:15px 5px;}
+
−
.igem_2017_menu_wrapper #display_menu_control { display:block; }
+
−
#menu_content { display:none;}
+
−
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
+
−
.menu_bottom_padding {display:none;}
+
−
.menu_button.direct_to_page { padding-left: 36px; }
+
−
}
+
−
 
+
−
 
+
−
+
−
+
−
/* special class that the system uses to make sure the team wants a page to be evaluated */
+
−
.judges-will-not-evaluate {
+
−
    width: 96.6%;
+
−
  margin: 5px 15px;
+
−
  display: block;
+
−
border: 4px solid #3399ff;
+
−
    font-weight: bold;
+
−
}
+
−
+
−
</style>
+
−
 
+
−
  <head>
+
−
    <title>IGEM Bootstrap Template</title>
+
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
−
+
−
    <!-- Bootstrap core CSS -->
+
−
    <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" media="screen">
+
−
+
−
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
−
    <!--[if lt IE 9]>
+
−
      <script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.js"></script>
+
−
      <script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script>
+
−
    <![endif]-->
+
−
  </head>
+
−
  <body>
+
−
    <h1>IGEM Glasgow Team</h1>
+
−
+
−
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
−
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
+
−
    <!-- Include all compiled plugins (below), or include individual files as needed -->
+
−
    <script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script>
+
−
  </body>
+

Latest revision as of 21:00, 15 December 2017

Glasgow iGEM 2017
CampyLOCATOR
Detection of Campylobacter jejuni for the prevention of food poisoning
Project Description

Campylobacter species, especially Campylobacter jejuni, are bacterial pathogens responsible for the majority of food poisoning in the UK. This bacteria is considered to cause over 280,000 cases of bacterial gastroenteritis annually. Although also found on red meat, unpasteurized milk and unfiltered water, 4 out of 5 cases of campylobacteriosis come from contaminated chickens. During the slaughter process the bacterium gets transferred onto the chicken skin and is often found on fresh retail chickens and their packaging. The most important transmission route is consumption of undercooked chicken or other foods that get cross-contaminated from raw poultry meat.

Current detection systems for the pathogen are time-consuming, expensive and inaccessible for everyday users. We therefore aimed to develop a new, cheaper and faster system for detection of C. jejuni using synthetic biology. We approached this by genetically engineering Escherichia coli to serve a function of a dual-input biosensor. The bacterium will sense bacterial quorum sensing signals and xylulose - a sugar naturally present in the outer capsule of Campylobacter jejuni, to detect the pathogen on a swabbed surface.

iGEM 2017 Glasgow

Using synthetic biology to create a biosensor for detection of Campylobacter jejuni, a bacteria linked to food poisoning.

Contact Info

iGEM 2017 Glasgow
Wilkins Teaching Laboratory
Bower Building
University of Glasgow

igem.glasgow2017@gmail.com

Sponsors