Difference between revisions of "Team:Manchester"

 
(177 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
<html>
 
−
<style>
 
  
−
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
{{Manchester/Navbar}}
  
−
#sideMenu, #top_title {display:none;}
+
<html lang="en">
−
#content { padding:0px; width:100%; margin-top:0px; margin-left:0px;}
+
<title>Man-Cheester</title>
−
body {background-color:white; }
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  
−
/********************************* CONTENT OF THE PAGE ********************************/
+
<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">
  
 +
<!-- Main css -->
 +
<link rel="stylesheet" href="https://2018.igem.org/Team:Manchester/CSS">
 +
</head>
 +
<title> The University of Man-cheester</title>
 +
<body>
  
−
/********************************* RESPONSIVE STYLING ********************************/
 
  
−
/* IF THE SCREEN IS LESS THAN 1000PX */
 
  
−
@media only screen and (max-width: 1000px) {
+
<h1> FIGHTING <i>LISTERIA</i> HYSTERIA</h1>
  
−
#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 */
+
</div>
 +
</div>
  
−
@media only screen and (max-width: 680px) {
+
<center><img src="https://static.igem.org/mediawiki/2018/0/01/T--Manchester--Homepage1.jpeg"></center>
−
.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>
+
<div id="abstract">
 +
  <h2>ABSTRACT</h2>
  
−
<html lang="en">
+
<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>
−
  <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>
+
<br>
−
<link rel="stylesheet" type="text/css" href="style.css"/>
+
 
 +
<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>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</body>
 
<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>
 
  
−
  <!-- 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;
+
−
    padding-left: 50px;
+
 
}
 
}
  
−
li a {
+
#main {
−
    display: block;
+
−
    color: #4d4d4d;
+
 
     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: #4d4d4d;
+
 
−
     background-color: #d9d9d9;
+
     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 style= none>
+
}
−
<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>
+
  
−
</div>
+
.btn2 {
−
+
height: 250px;
−
<div id="main">
+
width: 250px;
−
<h2>Development of a soft cheese with integrated <i>Listeria monocytogenes</i> biosensor</h2>
+
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%;
 +
}
  
−
<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>
+
.btn2:hover {
−
</div>
+
    background: transparent url('https://static.igem.org/mediawiki/2018/9/96/T--Manchester--DryLabButton1.jpeg') no-repeat;
 +
    color: black;
 +
}
  
−
<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


HOME
PROJECT
Project Description
Results
Collaborations
Cheese Making
WET LAB
InterLab
Experiments
Protocols
Lab Book
Parts
DRY LAB
Promoter Tool
Experimental Model
HUMAN PRACTICES
Intergrated Human Practices
Outreach
Burt's Cheese
Rokiškio sūris
News Feed Analysis
Gmo's and Brexit
European Commission
TEAM

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.