Team:St Pauls London/Test Page

From 2013hs.igem.org

(Difference between revisions)
 
(96 intermediate revisions not shown)
Line 2: Line 2:
   <head>
   <head>
    
    
-
     <link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,300italic,300' rel='stylesheet' type='text/css'>
+
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
-
      
+
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
$(function() {
 +
$('.fadein img:gt(0)').hide();
 +
 
 +
setInterval(function () {
 +
    $('.fadein :first-child').fadeOut()
 +
                            .next('img')
 +
                            .fadeIn()
 +
                            .end()
 +
                            .appendTo('.fadein');
 +
}, 4000); // 4 seconds
 +
});
 +
</script>
     <style>
     <style>
         body {
         body {
-
                 font-family: Lato;
+
                 font-family: 'Open Sans';
-
                 font-weight: 400;
+
                 font-weight: 300;
                 letter-spacing: 0.5px;
                 letter-spacing: 0.5px;
-
                color: #BCBCCA;
 
         }
         }
 +
 +
.fadein {
 +
    position:relative;
 +
    height:320px;
 +
    width:320px;
 +
}
 +
 +
.fadein img {
 +
    position:absolute;
 +
    left:0;
 +
    top:0;
 +
}
         #p-logo {
         #p-logo {
 +
                display: none;
 +
        }
 +
 +
        form#searchform {
                 display: none;
                 display: none;
         }
         }
Line 26: Line 54:
                 height: 120px;
                 height: 120px;
                 width: 975px;
                 width: 975px;
-
                 background-image: url('https://static.igem.org/mediawiki/2013hs/1/17/Header_img_1.jpg');
+
                 background-image: url('https://static.igem.org/mediawiki/2013hs/b/b5/Banner.jpg');
         }
         }
-
         #menubar.right-menu{}
+
         #toc {
 +
                display: none;
 +
        }
-
         #toc
+
         #catlinks {
-
        {
+
                 display: none;
                 display: none;
         }
         }
Line 59: Line 88:
font-weight: 400;
font-weight: 400;
font-size: 44px;
font-size: 44px;
 +
                color: black;
}
}
Line 98: Line 128:
                 font-weight: 100;
                 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 106: Line 136:
color: #F93;
color: #F93;
text-decoration: underline;
text-decoration: underline;
-
 
}
}
 +
 +
        a.no-decoration {
 +
                text-decoration: none;
 +
                color: inherit;
 +
        }
         #first {
         #first {
Line 114: Line 148:
         #second {
         #second {
-
                 margin-left: 0px;
+
                 margin-left: -10px;
         }
         }
Line 123: Line 157:
         #fourth {
         #fourth {
-
                 margin-right: -20px;
+
                 margin-left: -0px;
-
        }
+
-
 
+
-
        #fifth {
+
-
                margin-right: 20px;
+
         }
         }
/*----- END OF BUTTONS -----*/
/*----- END OF BUTTONS -----*/
Line 133: Line 163:
         ul.drop-down {
         ul.drop-down {
                 list-style: none;
                 list-style: none;
-
                 margin-top: -20px;
+
                 margin-top: 0px;
 +
                position: absolute;
                 padding: 0;
                 padding: 0;
-
                position: fixed;
 
         }
         }
Line 141: Line 171:
                 display: none;
                 display: none;
                 position: relative;
                 position: relative;
 +
                text-align: left;
 +
                margin: 5px;               
 +
        }
 +
 +
        div.drop-down {
 +
                background-color: #EAEAEA;
         }
         }
         ul.drop-down li.top-of-list {
         ul.drop-down li.top-of-list {
                 display: block;
                 display: block;
 +
                background-color: transparent;
 +
                color: black;
 +
                text-decoration: none;
         }
         }
                
                
         ul.drop-down:hover li {  /*----- shows drop down -----*/
         ul.drop-down:hover li {  /*----- shows drop down -----*/
-
                 display: block;
+
                 display: block;            
         }
         }
-
         ul:hover li {
+
         ul.drop-down:hover li.top-of-list {
-
                 display: block;
+
                 color: #F93;
 +
text-decoration: underline;
         }
         }
Line 213: Line 253:
   <ul class="drop-down" id="first">
   <ul class="drop-down" id="first">
   <li class="top-of-list">
   <li class="top-of-list">
 +
    <a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London">
     <div class="nav_button">
     <div class="nav_button">
     <p class="nav_buttonText">
     <p class="nav_buttonText">
Line 218: Line 259:
HOME
HOME
<html>
<html>
-
   </li></p></div>
+
   </p></div></a></li></ul>
</html>
</html>
-
<html><li></html>
 
-
temp
 
-
<html></li></html>
 
-
<html><li></html>
 
-
temp2
 
-
<html></li></html>
 
|
|
<html>
<html>
-
<a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Project"><div class="nav_button" id="second"><p class="nav_buttonText">
+
  <ul class="drop-down" id="second">
 +
  <li class="top-of-list">
 +
    <div class="nav_button">
 +
    <p class="nav_buttonText">
</html>
</html>
PROJECT
PROJECT
<html>
<html>
-
   </p></div></a>
+
   </p></li></div>
</html>
</html>
 +
<html><div class="drop-down"><li><a class="no-decoration" 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/Parts"></html>
 +
PARTS
 +
----
 +
<html></a></li></html>
 +
<html><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/Protocols"></html>
 +
PROTOCOLS
 +
----
 +
<html></a></li></html>
 +
<html></div></ul></html>
|
|
<html>
<html>
-
   <a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/The_Team"><div class="nav_button" id="third"><p class="nav_buttonText">
+
   <ul class="drop-down" id="third">
 +
  <li class="top-of-list">
 +
    <div class="nav_button">
 +
    <p class="nav_buttonText">
</html>
</html>
THE TEAM
THE TEAM
<html>
<html>
-
   </p></div></a>
+
   </li></p></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" href="https://2013hs.igem.org/Team:St_Pauls_London/Procedures"><div class="nav_button" id="fourth"><p class="nav_buttonText">
+
   <ul class="drop-down" id="fourth">
 +
  <li class="top-of-list">
 +
    <div class="nav_button">
 +
    <p class="nav_buttonText">
</html>
</html>
-
PROCEDURES
+
OTHER
<html>
<html>
-
   </p></div></a>
+
   </li></p></div>
-
</html>
+
-
|
+
-
<html>
+
-
  <a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Notebook"><div class="nav_button" id="fifth"><p class="nav_buttonText">
+
</html>
</html>
 +
<html><div class="drop-down"><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Notebook"></html>
NOTEBOOK
NOTEBOOK
-
<html>
+
----
-
  </p></div></a>
+
<html></a></li></html>
-
</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></div></html>
|-
|-
|}
|}
Line 267: Line 342:
===Home===
===Home===
-
 
+
<center>
-
<html><div style="text-align:justify; margin-right: 50px;"></html>
+
<html>
-
: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. 
+
<div class="fadein">
-
 
+
    <img src="http://farm9.staticflickr.com/8359/8450229021_9d660578b4_n.jpg">
-
: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.
+
    <img src="http://farm9.staticflickr.com/8510/8452880627_0e673b24d8_n.jpg">
-
 
+
    <img src="http://farm9.staticflickr.com/8108/8456552856_a843b7a5e1_n.jpg">
-
: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.
+
    <img src="http://farm9.staticflickr.com/8230/8457936603_f2c8f48691_n.jpg">
-
<html></div></html>
+
    <img src="http://farm9.staticflickr.com/8329/8447290659_02c4765928_n.jpg">
 +
</div>
 +
</html>
 +
</center>

Latest revision as of 17:10, 13 June 2013

Home

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