Difference between revisions of "Team:Manchester"

 
(182 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<html>
 
  
 +
{{Manchester/Navbar}}
  
<style>
+
<html lang="en">
 +
<title>Man-Cheester</title>
  
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
<head>
 +
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
 +
<meta name="description" content="iGEM WIKI">
 +
<meta name="keywords" content="Listeria Biosensor">
 +
<meta name="author" content="igemmanchester">
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  
#sideMenu, #top_title {display:none;}
+
<!-- Main css -->
#content { padding:0px; width:100%; margin-top:0px; margin-left:0px;}
+
<link rel="stylesheet" href="https://2018.igem.org/Team:Manchester/CSS">
body {background-color:white; }
+
</head>
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
<title> The University of Man-cheester</title>
 +
<body>
  
/********************************* CONTENT OF THE PAGE ********************************/
 
  
  
/********************************* RESPONSIVE STYLING ********************************/
+
<h1> FIGHTING <i>LISTERIA</i> HYSTERIA</h1>
 +
 
 +
 
 +
</div>
 +
</div>
 +
 
 +
<center><img src="https://static.igem.org/mediawiki/2018/0/01/T--Manchester--Homepage1.jpeg"></center>
 +
 
 +
<div id="abstract">
 +
  <h2>ABSTRACT</h2>
 +
 
 +
<p><i><b>Listeria monocytogenes</b></i> is a Gram-positive, rod-shaped, food-borne bacterium, capable of causing the rare, but potentially fatal, disease <b>listeriosis</b>. <i>L. monocytogenes</i> can replicate at temperatures as low as 0°C, allowing it to survive in industrial and domestic refrigerators. <i>L. monocytogenes</i> is often found in soft cheeses, making many varieties of cheese unavailable to those who are immunosuppressed. <b>MAN-CHEESTER</b> aims to introduce the <i>agr</i> quorum sensing system from <i>L. monocytogenes</i> into bacteria used in the cheese making process. On detection of AIP, a key quorum sensing molecule of <i>L. monocytogenes</i>, a colour change will occur, causing the cheese to turn purple and alerting the consumer to its contamination. Our concept could be further developed to include other sources of <i>L. monocytogenes</i> contamination, such as meats, vegetables or kitchen surfaces, to prevent as many cases of listeriosis as possible.</p>
 +
 
 +
<br>
 +
 
 +
<center><button class="btn5"><a style="text-decoration:none; color: white"; width="auto" href="https://2018.igem.org/Team:Manchester/Description">Read more</a></button></center>
 +
 
 +
<br>
 +
<br>
 +
<center><button class="btn1"><a style="text-decoration:none; color: white" href="https://2018.igem.org/Team:Manchester/Experiments">Wet Lab</a></button> &nbsp; &nbsp; &nbsp; &nbsp;
 +
 
 +
 
 +
<button class="btn2"><a style="text-decoration:none; color: black" href="https://2018.igem.org/Team:Manchester/Model">Dry Lab</a></button>&nbsp; &nbsp; &nbsp; &nbsp;
 +
 
 +
 
 +
<button class="btn3"><a style="text-decoration:none; color: #62628c" href="https://2018.igem.org/Team:Manchester/Human_Practices">Human Practices</a></button> &nbsp; &nbsp; &nbsp; &nbsp;
 +
 
 +
<button class="btn4"><a style="text-decoration:none; color: white" href="https://2018.igem.org/Team:Manchester/Results">Achievements</a></button></center> &nbsp; &nbsp; &nbsp; &nbsp;
 +
 
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
</div>
  
/* IF THE SCREEN IS LESS THAN 1000PX */
 
  
@media only screen and (max-width: 1000px) {
 
  
#content {width:100%; }
 
.menu_wrapper {width:15%;}
 
.content_wrapper {margin-left: 15%;}
 
.menu_item {display:block;}
 
.icon {display:none;}
 
.highlight {padding:10px 0px;}
 
}
 
  
/* IF THE SCREEN IS LESS THAN 680PX */
 
  
@media only screen and (max-width: 680px) {
 
.collapsable_menu_control { display:block;}
 
.menu_item {display:none;}
 
.menu_wrapper { width:100%; height: 15%; position:relative;}
 
.content_wrapper {width:100%; margin-left:0px;}
 
.column.half_size {width:100%; }
 
.column img { width: 100%; padding: 5px 0px;}
 
.icon {display:block;}
 
.highlight {padding:15px 5px;}
 
}
 
  
</style>
 
  
<html lang="en">
 
  <head>
 
    <meta charset="utf-8">
 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
    <meta name="description" content="">
 
    <meta name="author" content="">
 
  
<title> The University of Man-cheeseter</title>
+
</body>
<link rel="stylesheet" type="text/css" href="style.css"/>
+
 
<style>
 
<style>
 +
 +
 +
 +
 +
a {
 +
text-decoration: none;
 +
}
 +
 
h1 {
 
h1 {
    text-align: center;
+
border-bottom: none;
 +
text-align: center;
 +
padding-top: 7%;
 +
color: #47476b;
 
}
 
}
  
h2 {
+
h3 {
    text-align: center;
+
border-bottom: none;!important
 +
text-align: center;
 +
color: #62628c;
 
}
 
}
</style>
 
<body id="top-page">
 
  
  <!-- Navigation -->
+
h2{
<style>
+
text-align: center;
ul {
+
color: #52527a;
    list-style-type: none;
+
text-decoration: none;
    margin: 0;
+
    padding: 0;
+
    overflow: hidden;
+
    border: 1px solid #e7e7e7;
+
    background-color: #f2f2f2;
+
 
}
 
}
  
li {
+
      
     float: left;
+
 
}
 
}
  
li a {
+
#main {
    display: block;
+
    color: #d9d9d9;
+
 
     text-align: center;
 
     text-align: center;
    padding: 20px 30px;
 
    text-decoration: none;
 
 
}
 
}
  
li a:hover:not(.active) {
+
#mainpgpic {
    background-color: #ddd;
+
  text-align: center;
 
}
 
}
  
li a.active {
+
p1 {
     color: white;
+
 
     background-color: #4CAF50;
+
     text-align: justify;
 +
     text-justify: inter-word;
 +
    Font-size: 20px;
 +
    line-height: 2.6em;
 
}
 
}
</style>
 
</head>
 
  
<body>
+
#abstract {
 +
  text-align: justify;
 +
  background-colour: white;
 +
  padding-right:10%;
 +
padding-left:10%;
 +
padding-bottom:10%;
  
<ul>
+
}
<li class="logo image">
+
  <img src="https://2018.igem.org/wiki/image/T--Manchester--clear_back_logo.jpg" width = "100" height="65"/> <b>The University of Man-cheester</b>
+
  <li><a class="active" href="https://2018.igem.org/Team:Manchester">Home</a></li>
+
  <li><a href="https://2017.igem.org/Team:Manchester/Project">Project</a></li>
+
  <li><a href="">Dry Lab</a></li>
+
  <li><a href="">Wet Lab</a></li>
+
  <li><a href="https://2018.igem.org/Team:Manchester/Human_Practices">Human Practices</a></li>
+
  <li><a href="https://2018.igem.org/Team:Manchester/Team">Team</a></li>
+
</ul>
+
  
 +
.btn2 {
 +
height: 250px;
 +
width: 250px;
 +
background:transparent url('https://static.igem.org/mediawiki/2018/d/d1/T--Manchester--DryLabButton2.jpeg') no-repeat;
 +
border-radius: 75px;
 +
border: 0;
 +
overflow: hidden;
 +
color: black;
 +
alignment: center;
 +
transition-duration: 0.6s;
 +
padding: 10%
 +
/* IE 6/7 fallback */
 +
*text-indent: -9999px;
 +
font-size: 300%;
 +
}
  
</div>
+
.btn2:hover {
+
    background: transparent url('https://static.igem.org/mediawiki/2018/9/96/T--Manchester--DryLabButton1.jpeg') no-repeat;
<div id="main">
+
    color: black;
<h2>Development of a soft cheese with integrated <i>Listeria monocytogenes</i> biosensor</h2>
+
}
<p><i>Listeria monocytogenes </i> is a gram-positive, rod-shaped, food-borne bacterium, capable of causing the rare but potentially fatal disease listeriosis. L.monocytogenes can replicate at temperatures as low as 0°C allowing it to survive in industrial and domestic refrigerators. <i>L.monocytogenes</i> can often grow in soft cheeses, making many varieties of cheese unavailable to those who are immunosuppressed. Man-Cheester aims to modify <i>Lactococcus lactis</i>, a common bacterium in cheese manufacture. We will transform <i>L. lactis</i> in a cheese starter culture to detect AIP, a key quorum signalling molecule produced by <i>L. monocytogenes</i>. This will be done by expressing the agr quorum-sensing system used by <i>L.monocytogenes</i> in <i>L. lactis</i>. On detection of AIP, a colour change will occur within <i>L. lactis</i> causing the cheese to turn purple, alerting the consumer to its contamination. Our concept could be further developed to include other sources of <i>L. monocytogenes</i>  contamination such as meats and vegetables to prevent as many cases of listeriosis as possible.</p>
+
</div>
+
  
<section id="footer-sec">
 
        <div class="container">
 
            <div class="row" style="padding-top: 30px;">
 
                <div class="col-md-3">
 
</div>
 
  
</body>
+
.btn1 {
 +
height: 250px;
 +
width: 250px;
 +
background:transparent url('https://static.igem.org/mediawiki/2018/e/e9/T--Manchester--WetLabButton2.jpeg') no-repeat;
 +
border-radius: 75px;
 +
border: 0;
 +
overflow: hidden;
 +
color: white;
 +
alignment: center;
 +
transition-duration: 0.6s;
 +
padding: 10%
 +
/* IE 6/7 fallback */
 +
*text-indent: -9999px;
 +
font-size: 300%;
 +
}
 +
 
 +
.btn1:hover {
 +
    background: transparent url('https://static.igem.org/mediawiki/2018/a/a6/T--Manchester--WetLabButton1.jpeg') no-repeat;
 +
    color:white;
 +
}
 +
 
 +
 
 +
.btn3 {
 +
height: 250px;
 +
width: 250px;
 +
background:transparent url('https://static.igem.org/mediawiki/2018/2/29/T--Manchester--HPButton2.jpeg') no-repeat;
 +
border-radius: 75px;
 +
border: 0;
 +
overflow: hidden;
 +
color: white;
 +
alignment: center;
 +
transition-duration: 0.6s;
 +
padding: 10%
 +
/* IE 6/7 fallback */
 +
*text-indent: -9999px;
 +
font-size: 250%;
 +
}
 +
 
 +
.btn3:hover {
 +
    background: transparent url('https://static.igem.org/mediawiki/2018/9/91/T--Manchester--HPButton1.jpeg') no-repeat;
 +
    color:white;
 +
}
 +
 
 +
 
 +
.btn4 {
 +
height: 250px;
 +
width: 250px;
 +
background:transparent url('https://static.igem.org/mediawiki/2018/8/89/T--Manchester--TeamButton2.jpeg') no-repeat;
 +
border-radius: 75px;
 +
border: 0;
 +
overflow: hidden;
 +
color: white;
 +
alignment: center;
 +
transition-duration: 0.6s;
 +
padding: 10%
 +
/* IE 6/7 fallback */
 +
*text-indent: -9999px;
 +
font-size: 280%;
 +
}
 +
 
 +
.btn4:hover {
 +
    background: transparent url('https://static.igem.org/mediawiki/2018/5/59/T--Manchester--TeamButton1.jpeg') no-repeat;
 +
    color:white;
 +
}
 +
 
 +
 
 +
 
 +
.btn5 {
 +
height: 100px;
 +
width: 1100px;
 +
background:goldenrod;
 +
border-radius: 75px;
 +
border: 0;
 +
overflow: hidden;
 +
color: white;
 +
text-align: center;
 +
transition-duration: 0.6s;
 +
font-size: 300%;
 +
}
 +
 
 +
.btn5:hover {
 +
    background: #c6961d;
 +
    color:white;
 +
}
 +
 
 +
</style>
 +
 
 
</html>
 
</html>
 +
{{Manchester/Footer}}

Latest revision as of 14:35, 9 November 2018


Man-Cheester The University of Man-cheester

FIGHTING LISTERIA HYSTERIA

ABSTRACT

Listeria monocytogenes is a Gram-positive, rod-shaped, food-borne bacterium, capable of causing the rare, but potentially fatal, disease listeriosis. L. monocytogenes can replicate at temperatures as low as 0°C, allowing it to survive in industrial and domestic refrigerators. L. monocytogenes is often found in soft cheeses, making many varieties of cheese unavailable to those who are immunosuppressed. MAN-CHEESTER aims to introduce the agr quorum sensing system from L. monocytogenes into bacteria used in the cheese making process. On detection of AIP, a key quorum sensing molecule of L. monocytogenes, a colour change will occur, causing the cheese to turn purple and alerting the consumer to its contamination. Our concept could be further developed to include other sources of L. monocytogenes contamination, such as meats, vegetables or kitchen surfaces, to prevent as many cases of listeriosis as possible.