Team:St Pauls London

From 2013hs.igem.org

(Difference between revisions)
 
(255 intermediate revisions not shown)
Line 1: Line 1:
<html> <!-- STYLES -->
<html> <!-- STYLES -->
   <head>
   <head>
 +
 
 +
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
 +
   
     <style>
     <style>
         body {
         body {
-
                 font-family: arial;
+
                 font-family: 'Open Sans';
 +
                font-weight: 300;
 +
                letter-spacing: 0.5px;
         }
         }
-
         #toc
+
         #p-logo {
-
        {
+
                 display: none;
                 display: none;
         }
         }
-
     
+
 
-
         #back-to-top {
+
         form#searchform {
 +
                display: none;
 +
        }
 +
 
 +
        h1.firstHeading {
 +
                display: none;
 +
        }
 +
 
 +
        #top-of-page {
                 position: absolute;
                 position: absolute;
-
                 float: right;
+
                 margin-top: -125px;
-
                 bottom: 20%;
+
                 margin-left: -5px;
 +
                height: 120px;
 +
                width: 975px;
 +
                background-image: url('https://static.igem.org/mediawiki/2013hs/b/b5/Banner.jpg');
 +
        }
 +
 
 +
        #toc {
 +
                display: none;
 +
        }
 +
 
 +
        #catlinks {
 +
                display: none;
         }
         }
-
 
-
#internet-explorer {
 
-
margin-top: 0px;
 
-
text-align: center;
 
-
color: #C30;
 
-
font-family: monospace;
 
-
font-weight: bold;
 
-
}
 
-
 
/*----- HEADER -----*/
/*----- HEADER -----*/
#header {
#header {
-
height: 200px;
+
                padding-top: 20px;
-
padding-bottom: 20px;
+
height: 150px;
}
}
#headerTitle {
#headerTitle {
text-align: right;
text-align: right;
-
font-weight: bold;
+
font-weight: 400;
-
font-size: 36px;
+
font-size: 44px;
 +
                color: black;
}
}
Line 62: Line 77:
/*----- HEADER BUTTONS -----*/
/*----- HEADER BUTTONS -----*/
 +
.nav_button {
.nav_button {
bottom: 20%;
bottom: 20%;
Line 71: Line 87:
text-align: center;
text-align: center;
vertical-align: middle;
vertical-align: middle;
-
display: table-cell;
+
display: table-cell;
 +
                font-weight: 100;
}
}
-
+
 
-
a.nav_buttonLink, a.nav_buttonLink:visited {
+
        a.nav_buttonLink, a.nav_buttonLink:visited {
text-decoration: none;
text-decoration: none;
                 color: black;
                 color: black;
Line 81: Line 98:
color: #F93;
color: #F93;
text-decoration: underline;
text-decoration: underline;
-
}
+
}   
 +
 +
        a.mobile-link, a.mobile-link:hover, a.mobile-link:active {
 +
                text-decoration:none;
 +
        }
/*----- END OF BUTTONS -----*/
/*----- END OF BUTTONS -----*/
-
+
 
 +
        ul.drop-down {
 +
                list-style: none;
 +
                margin-top: 0px;
 +
                position: absolute;
 +
                padding: 0;
 +
        }
 +
 
 +
        ul.drop-down li {
 +
                display: none;
 +
                position: relative;
 +
                text-align: left;
 +
                margin: 5px;               
 +
        }
 +
 
 +
        div.drop-down {
 +
                background-color: #EAEAEA;
 +
        }
 +
 
 +
        div.drop-down-top {
 +
                background-color: transparent;
 +
                margin-bottom: -7px;
 +
        }
 +
 
 +
        ul.drop-down:hover div.drop-down-top {
 +
                background-color: #EAEAEA;
 +
        }
 +
 
 +
        ul.drop-down li.top-of-list {  /*----- makes sure top item is always shown -----*/
 +
                display: block;
 +
        }
 +
             
 +
        ul.drop-down:hover li {  /*----- shows drop down -----*/
 +
                display: block;             
 +
        }
 +
 
 +
        ul.drop-down:hover li.top-of-list {
 +
                color: #F93;
 +
text-decoration: underline;             
 +
        }
 +
 
/*----- END OF HEADER -----*/
/*----- END OF HEADER -----*/
/*----- MAIN CONTENT -----*/
/*----- MAIN CONTENT -----*/
-
        .indent_div {
 
-
                text-indent: 3em;
 
-
        }
 
-
 
.title-link, .title-link:active, .title-link:visited {
.title-link, .title-link:active, .title-link:visited {
text-decoration: none;
text-decoration: none;
Line 102: Line 159:
                 color: #F93;
                 color: #F93;
         }
         }
-
#first-panel {
+
 
-
display: ;
+
-
background: white;
+
-
border:1px solid white;
+
-
padding-left: 15px;
+
-
-moz-border-radius-topright: 20px;
+
-
-webkit-border-top-right-radius: 20px;
+
-
-moz-border-radius-bottomright: 20px;
+
-
-webkit-border-bottom-right-radius: 20px;
+
-
width: 100%;
+
-
height: auto;
+
-
}
+
-
+
-
#second-panel {
+
-
display: none;
+
-
background: white;
+
-
border:1px solid white;
+
-
padding-left: 15px;
+
-
-moz-border-radius-topright: 20px;
+
-
-webkit-border-top-right-radius: 20px;
+
-
-moz-border-radius-bottomright: 20px;
+
-
-webkit-border-bottom-right-radius: 20px;
+
-
width: 100%;
+
-
height: auto;
+
-
}
+
-
+
-
#third-panel {
+
-
display: none;
+
-
background: white;
+
-
border:1px solid white;
+
-
padding-left: 15px;
+
-
-moz-border-radius-topright: 20px;
+
-
-webkit-border-top-right-radius: 20px;
+
-
-moz-border-radius-bottomright: 20px;
+
-
-webkit-border-bottom-right-radius: 20px;
+
-
width: 100%;
+
-
height: auto;
+
-
}
+
-
+
-
#fourth-panel {
+
-
display: none;
+
-
background: white;
+
-
border:1px solid white;
+
-
padding-left: 15px;
+
-
-moz-border-radius-topright: 20px;
+
-
-webkit-border-top-right-radius: 20px;
+
-
-moz-border-radius-bottomright: 20px;
+
-
-webkit-border-bottom-right-radius: 20px;
+
-
width: 100%;
+
-
height: auto;
+
-
}
+
-
+
-
/*----- FIRST CONTENT -----*/
+
-
+
-
/*----- SECOND CONTENT -----*/
+
-
+
-
/*----- THIRD CONTENT -----*/
+
-
+
-
/*----- FOURTH CONTENT -----*/
+
-
+
</style>
</style>
   </head>
   </head>
Line 167: Line 165:
<html>
<html>
-
   <head>
+
   <div id="top-of-page">
-
   
+
 
-
    <!-- FIRST BUTTON -->
+
   </div>
-
<script type="text/javascript">
+
-
$(document).ready(function(){
+
-
    $("#nav-button-link-first").click(function(){
+
-
        $("#first-panel").toggle("fast");
+
-
$("#second-panel").hide("fast");
+
-
$("#third-panel").hide("fast");
+
-
$("#fourth-panel").hide("fast");
+
-
        $(this).toggleClass("active");
+
-
        return false;
+
-
    });
+
-
});
+
-
</script>
+
-
   
+
-
    <script type="text/javascript">
+
-
$(document).ready(function(){
+
-
    $("#first-title-link").click(function(){
+
-
        $("#first-panel").toggle("fast");
+
-
$("#second-panel").hide("fast");
+
-
$("#third-panel").hide("fast");
+
-
$("#fourth-panel").hide("fast");
+
-
        $(this).toggleClass("active");
+
-
        return false;
+
-
    });
+
-
});
+
-
</script>
+
-
   
+
-
    <!-- SECOND BUTTON -->
+
-
   
+
-
    <script type="text/javascript">
+
-
$(document).ready(function(){
+
-
    $("#nav-button-link-second").click(function(){
+
-
        $("#second-panel").toggle("fast");
+
-
$("#first-panel").hide("fast");
+
-
$("#third-panel").hide("fast");
+
-
$("#fourth-panel").hide("fast");
+
-
        $(this).toggleClass("active");
+
-
        return false;
+
-
    });
+
-
});
+
-
</script>
+
-
   
+
-
    <script type="text/javascript">
+
-
$(document).ready(function(){
+
-
    $("#second-title-link").click(function(){
+
-
        $("#second-panel").toggle("fast");
+
-
$("#first-panel").hide("fast");
+
-
$("#third-panel").hide("fast");
+
-
$("#fourth-panel").hide("fast");
+
-
        $(this).toggleClass("active");
+
-
        return false;
+
-
    });
+
-
});
+
-
</script>
+
-
   
+
-
    <!-- THIRD BUTTON -->
+
-
   
+
-
    <script type="text/javascript">
+
-
$(document).ready(function(){
+
-
    $("#nav-button-link-third").click(function(){
+
-
        $("#third-panel").toggle("fast");
+
-
$("#first-panel").hide("fast");
+
-
$("#second-panel").hide("fast");
+
-
$("#fourth-panel").hide("fast");
+
-
        $(this).toggleClass("active");
+
-
        return false;
+
-
    });
+
-
});
+
-
</script>
+
-
   
+
-
    <script type="text/javascript">
+
-
$(document).ready(function(){
+
-
    $("#third-title-link").click(function(){
+
-
        $("#third-panel").toggle("fast");
+
-
$("#first-panel").hide("fast");
+
-
$("#second-panel").hide("fast");
+
-
$("#fourth-panel").hide("fast");
+
-
        $(this).toggleClass("active");
+
-
        return false;
+
-
    });
+
-
});
+
-
</script>
+
-
   
+
-
    <!-- FOURTH BUTTON -->
+
-
   
+
-
    <script type="text/javascript">
+
-
$(document).ready(function(){
+
-
    $("#nav-button-link-fourth").click(function(){
+
-
        $("#fourth-panel").toggle("fast");
+
-
$("#first-panel").hide("fast");
+
-
$("#second-panel").hide("fast");
+
-
$("#third-panel").hide("fast");
+
-
        $(this).toggleClass("active");
+
-
        return false;
+
-
    });
+
-
});
+
-
</script>
+
-
   
+
-
    <script type="text/javascript">
+
-
$(document).ready(function(){
+
-
    $("#fourth-title-link").click(function(){
+
-
        $("#fourth-panel").toggle("fast");
+
-
$("#first-panel").hide("fast");
+
-
$("#second-panel").hide("fast");
+
-
$("#third-panel").hide("fast");
+
-
        $(this).toggleClass("active");
+
-
        return false;
+
-
    });
+
-
});
+
-
</script>
+
-
   </head>
+
-
</html>
+
-
<html>
 
   <div id="header">
   <div id="header">
 +
  <div id="push-left">
   <!--<img src="assets/logo.png" id="logo">-->
   <!--<img src="assets/logo.png" id="logo">-->
   <div id="headerTitle">
   <div id="headerTitle">
Line 300: Line 187:
   <div id="headerSubTitle">
   <div id="headerSubTitle">
</html>
</html>
-
<center>An <html><a id="igem"></html>iGEM<html></a></html> Team</center>
+
<center>An <html><a id="igem" href="https://2013hs.igem.org/Main_Page"></html>iGEM<html></a></html> Team</center>
<html>
<html>
   </div>
   </div>
-
    <!--[if gte IE 2 ]>
+
  </div>
-
<p id="internet-explorer">This Wiki is designed for best use on <a href="https://www.google.com/intl/en_uk/chrome/browser/?hl=en-GB">Google Chrome</a> and <a href="https://www.mozilla.org/en-US/firefox/fx/#desktop">Mozilla Firefox</a>. Some key features are not available to your browser, please use a different browser or click <a href="">here</a>.</p>
+
-
    <![endif]-->
+
</html>
</html>
<center>
<center>
-
{| style="text-align: center; margin-left: 50px; width: 500px;"
+
{| style="text-align: center; width: 500px;"
|
|
 +
<html>
<html>
-
   <a class="nav_buttonLink" id="nav-button-link-first" href="#first"><div class="nav_button" id="first"><p class="nav_buttonText">
+
   <ul class="drop-down">
-
HOME
+
  <div class="drop-down-top">
 +
  <li class="top-of-list">
 +
    <a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London">
 +
    <div class="nav_button">
 +
    <p class="nav_buttonText">
</html>
</html>
 +
HOME
<html>
<html>
-
   </p></div></a>
+
   </p></div></a></li></div></ul>
</html>
</html>
|
|
<html>
<html>
-
<a class="nav_buttonLink" id="nav-button-link-second" href="#second"><div class="nav_button" style="margin-left: 10px;" id="second"><p class="nav_buttonText">
+
  <ul class="drop-down">
 +
  <div class="drop-down-top">
 +
  <li class="top-of-list">  
 +
    <a class="mobile-link" href="">
 +
    <div class="nav_button">
 +
    <p class="nav_buttonText">
</html>
</html>
PROJECT
PROJECT
<html>
<html>
-
   </p></div></a>
+
   </p></div></a></li></div>
</html>
</html>
 +
<html><div class="drop-down"><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Abstract"></html>
 +
----
 +
ABSTRACT
 +
----
 +
<html></a></li></html>
 +
<html><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Parts"></html>
 +
PARTS
 +
----
 +
<html></a></li></html>
 +
<html><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Procedures"></html>
 +
PROCEDURES
 +
----
 +
<html></a></li></html>
 +
<html><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Protocols"></html>
 +
PROTOCOLS
 +
----
 +
<html></a></li></html>
 +
<html></div></ul></html>
|
|
<html>
<html>
-
   <a class="nav_buttonLink" id="nav-button-link-third" href="#third"><div class="nav_button" id="third"><p class="nav_buttonText">
+
   <ul class="drop-down">
 +
  <div class="drop-down-top">
 +
  <li class="top-of-list">
 +
    <a class="mobile-link" href="">
 +
    <div class="nav_button">
 +
    <p class="nav_buttonText">
</html>
</html>
THE TEAM
THE TEAM
<html>
<html>
-
   </p></div></a>
+
   </p></div></a></li></div>
</html>
</html>
-
 
+
<html><div class="drop-down"><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Participants"></html>
 +
----
 +
PARTICIPANTS
 +
----
 +
<html></a></li></html>
 +
<html><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Supervisors"></html>
 +
SUPERVISORS
 +
----
 +
<html></a></li></html>
 +
<html></div></html>
|
|
<html>
<html>
-
   <a class="nav_buttonLink" id="nav-button-link-fourth" href="#fourth"><div class="nav_button" id="fourth"><p class="nav_buttonText">
+
   <ul class="drop-down">
 +
  <div class="drop-down-top">
 +
  <li class="top-of-list">
 +
    <a style="text-decoration: none" href="">
 +
    <div class="nav_button">
 +
    <p class="nav_buttonText">
</html>
</html>
-
NOTEBOOK
+
OTHER
<html>
<html>
-
   </p></div></a>
+
   </p></div></a></li></div>
</html>
</html>
 +
<html><div class="drop-down"><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Notebook"></html>
 +
----
 +
NOTEBOOK
 +
----
 +
<html></a></li></html>
 +
<html><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Human_Practices"></html>
 +
HUMAN PRACTICES
 +
----
 +
<html></a></li></html>
 +
<html><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Safety"></html>
 +
SAFETY
 +
----
 +
<html></a></li></html>
 +
<html><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Attributions"></html>
 +
ATTRIBUTIONS
 +
----
 +
<html></a></li></html>
 +
<html></div></html>
|-
|-
|}
|}
Line 352: Line 303:
</html>
</html>
-
<html>
+
<p>Hi! We are a team of five 17 year olds from St Paul’s School, the first team from our school, and indeed the first ever UK school team to enter iGEM. St Paul’s is a day school in South West London, UK and was founded over 500 years ago by John Colet, dean of St Paul’s. The school was originally established in St Paul’s Cathedral in the city centre (hence the name) but has since expanded from Colet’s original 153 boys to accommodate over 800 boys between the ages of 13-18 and consequently the school now sits in Barnes on the River Thames.</p>
-
  <div name="first"></div>
+
            <p>We are aiming to produce a lactose sensor, a project which you can read more about in the project section of this page, but promises to be both a challenging and stimulating one. The fiver of us were inspired to compete in the competition after the school hosted a speaker from the scientific work who introduced us to some the exciting work that past high-school and university teams has completed. </p>
-
</html>
+
-
===Home===
+
-
 
+
-
:This year, a team of students from St Paul’s School, London, has decided to take up the challenge of competing in the IGEM competition - the first to represent the UK at High School Level. Our aim is to mutate E.coli to create a semi-quantitative lactose detector; we intend to create three mutant operons on a single plasmid, with each operon responding to a different concentration of lactose in the environment the E.coli finds itself in. 
+
-
 
+
-
:We plan to use red, yellow and green fluorescent proteins in a “traffic light” system, whereby the colour of the protein translated corresponds to the concentration of lactose, with red fluorescent protein denoting a high concentration of lactose, yellow fluorescent protein representing a low concentration of lactose and green fluorescent protein showing that there is no lactose present in the immediate environment the E.coli is exposed to.  It is our hope that this could potentially be used in allergy testing and in the analysis of food samples, and by individuals who are lactose intolerant; because we hope to design a semi-quantitative detector it will show a spectrum of lactose concentrations so mild intolerants and severe intolerants will be able to use the sensor in different ways.
+
-
 
+
-
:So far we have been designing our project and selecting appropriate biobricks for use in each operon. We have also been using the 3A assembly kit to practice assembling biobricks on a plasmid backbone. During the past year, the team has also been involved in a plasmid mutagenesis project to modify T4 bacteriophage lysozyme, and in so doing we have practiced many of the lab techniques needed for biobrick assembly.
+
-
 
+
-
 
+
-
<html>
+
-
  <div name="second"></div>
+
-
</html>
+
-
 
+
-
===Project===
+
-
 
+
-
:The school team is aiming to create a semi-quantitative detector for lactose, a sugar molecule which causes intolerance in 9% Caucasians, and between 70-90% in Asians and Africans. It is most commonly found in milk and dairy products and intolerance has been linked to recent over consumption of milk and dairy, particularly in Europe and North America. Individuals who are lactose intolerant have an insufficient lactase concentrations in their digestive tract. As a result they are unable to hydrolyse lactose into galactose and glucose. As a result these  disaccharide lactose molecules pass straight through the small intestine and into the colon. Bacteria in the colon can hydrolyse and then metabolise lactose and their anaerobic respiration of lactose produces C02 and CH4 in the colon. This leads to the bloated feeling and symptoms associated with intolerance. Unabsorbed glucose and galactose monosaccharides in the colon also reduce water potential in the colon leading to an influx of water and hence diarrhea.
+
-
 
+
-
:We hope to go some way to fix this problem but providing the mechanism for a lactose detector. This should enable lactose intolerants to better decide what food produce to eat and help them avoid painful symptoms of intolerance. Furthermore the semi-quantitative nature of the project should enable people with a range of different tolerance levels to be catered for by the sensor; so individuals with higher lactose tolerance can eat more lactose rich food, but individuals with low tolerance can avoid it altogether.
+
-
 
+
-
==== Parts ====
+
-
===== Operon 1 =====
+
-
===== Operon 2 =====
+
-
===== Operon 3 =====
+
-
 
+
-
 
+
-
<html>
+
-
  <div name="third"></div>
+
-
</html>
+
-
 
+
-
===The Team===
+
-
 
+
-
 
+
-
<html>
+
-
  <div name="fourth"></div>
+
-
</html>
+
-
===Notebook===
+
<html></div></html>

Latest revision as of 21:19, 12 May 2014

Hi! We are a team of five 17 year olds from St Paul’s School, the first team from our school, and indeed the first ever UK school team to enter iGEM. St Paul’s is a day school in South West London, UK and was founded over 500 years ago by John Colet, dean of St Paul’s. The school was originally established in St Paul’s Cathedral in the city centre (hence the name) but has since expanded from Colet’s original 153 boys to accommodate over 800 boys between the ages of 13-18 and consequently the school now sits in Barnes on the River Thames.

We are aiming to produce a lactose sensor, a project which you can read more about in the project section of this page, but promises to be both a challenging and stimulating one. The fiver of us were inspired to compete in the competition after the school hosted a speaker from the scientific work who introduced us to some the exciting work that past high-school and university teams has completed.

Retrieved from "http://2013hs.igem.org/Team:St_Pauls_London"