Team:St Pauls London

From 2013hs.igem.org

(Difference between revisions)
 
(354 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html> <!-- STYLES -->
 +
  <head>
 +
 
 +
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
 +
   
 +
    <style>
 +
        body {
 +
                font-family: 'Open Sans';
 +
                font-weight: 300;
 +
                letter-spacing: 0.5px;
 +
        }
-
<head>
+
        #p-logo {
-
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
+
                display: none;
 +
        }
-
<style>
+
        form#searchform {
-
    body {
+
                display: none;
-
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+
        }
-
background-color: white;
+
 
-
margin: 0 auto;
+
        h1.firstHeading {
-
padding-top:20px;
+
                display: none;
-
font-size: 16px;
+
        }
-
}
+
-
+
-
#internet-explorer {
+
-
margin-top: 0px;
+
-
text-align: center;
+
-
color: #C30;
+
-
font-family: monospace;
+
-
font-weight: bold;
+
-
}
+
-
+
-
/*----- HEADER -----*/
+
        #top-of-page {
 +
                position: absolute;
 +
                margin-top: -125px;
 +
                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;
 +
        }
 +
 
 +
/*----- HEADER -----*/
#header {
#header {
-
width: 900px;
+
                padding-top: 20px;
-
height: 200px;
+
height: 150px;
-
position: absolute;
+
-
left: 50%;
+
-
margin-left: -450px;
+
-
background-color: ;
+
-
padding-bottom: 20px;
+
}
}
#headerTitle {
#headerTitle {
-
text-align: center;
+
text-align: right;
-
padding-left: 10px;
+
font-weight: 400;
-
font-weight: bold;
+
font-size: 44px;
-
font-size: 36px;
+
                color: black;
}
}
-
+
 
-
#headerBackground {
+
#logo {
-
position: absolute;
+
left: 20%;
-
z-index: -1;
+
align: left;
-
width: 100%;
+
width: 120px;
-
height: 100px;
+
height: 120px;
-
bottom: 0px;
+
}
}
#headerSubTitle {
#headerSubTitle {
-
text-align: center;
 
font-size: 14px;
font-size: 14px;
letter-spacing: 2px;
letter-spacing: 2px;
Line 66: Line 77:
/*----- HEADER BUTTONS -----*/
/*----- HEADER BUTTONS -----*/
 +
.nav_button {
.nav_button {
-
width: 100px;
 
-
height: 50px;
 
-
position: absolute;
 
bottom: 20%;
bottom: 20%;
-
margin-left: -50px;
 
display: table;
display: table;
}
}
Line 79: 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;
}
}
a.nav_buttonLink:hover, a.nav_buttonLink:active {
a.nav_buttonLink:hover, a.nav_buttonLink:active {
color: #F93;
color: #F93;
text-decoration: underline;
text-decoration: underline;
-
}
+
}   
 +
 +
        a.mobile-link, a.mobile-link:hover, a.mobile-link:active {
 +
                text-decoration:none;
 +
        }
-
#first {
 
-
left: 20%;
 
-
}
 
-
 
-
#second {
 
-
left: 40%;
 
-
}
 
-
 
-
#third {
 
-
left: 60%;
 
-
}
 
-
 
-
#fourth {
 
-
left: 80%;
 
-
}
 
/*----- END OF BUTTONS -----*/
/*----- END OF BUTTONS -----*/
-
 
-
/*----- END OF HEADER -----*/
 
-
/*----- MAIN CONTENT -----*/
+
        ul.drop-down {
-
#wrapper {
+
                list-style: none;
-
clear: both;
+
                margin-top: 0px;
-
position: absolute;
+
                position: absolute;
-
width: 900px;
+
                padding: 0;
-
height: 90%;
+
        }
-
margin-top: 250px; /* stops overlap with header */
+
 
-
left: 50%;
+
        ul.drop-down li {
-
margin-left: -450px;
+
                display: none;
-
border: medium 2px black;
+
                position: relative;
-
background-color: ;
+
                text-align: left;
-
}
+
                margin: 5px;               
-
+
        }
-
.title-link {
+
 
 +
        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 -----*/
 +
 
 +
/*----- MAIN CONTENT -----*/
 +
 
 +
.title-link, .title-link:active, .title-link:visited {
text-decoration: none;
text-decoration: none;
color: inherit;
color: inherit;
}
}
-
+
-
#first-panel {
+
.title-link:hover {
-
display: ;
+
                text-decoration: underline;
-
background: white;
+
                color: #F93;
-
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 -----*/
+
-
+
-
/*----- FOOTER -----*/
+
-
#footer {
+
</style>
-
position: absolute;
+
  </head>
-
bottom: 0;
+
</html>
-
}
+
-
</style>
+
-
   
+
-
    <!-- FIRST BUTTON -->
+
-
<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>
+
-
<body>
+
<html>
-
<div id="header">
+
  <div id="top-of-page">
-
<div id="headerTitle">SPS_London</div>
+
 
-
    <div id="headerSubTitle">An <a id="igem" href="https://igem.org">iGEM</a> Team</div>
+
  </div>
-
    <div id="headerBackground"></div> <!--put image in here-->
+
 
-
    <!--[if gte IE 2 ]>
+
  <div id="header">
-
<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>
+
  <div id="push-left">
-
    <![endif]-->
+
  <!--<img src="assets/logo.png" id="logo">-->
-
    <a class="nav_buttonLink" id="nav-button-link-first" href="#first"><div class="nav_button" id="first"><p class="nav_buttonText">HOME</p></div></a>
+
  <div id="headerTitle">
-
    <a class="nav_buttonLink" id="nav-button-link-second" href="#second"><div class="nav_button" id="second"><p class="nav_buttonText">PROJECT</p></div></a>
+
-
    <a class="nav_buttonLink" id="nav-button-link-third" href="#third"><div class="nav_button" id="third"><p class="nav_buttonText">THE TEAM</p></div></a>
+
-
<a class="nav_buttonLink" id="nav-button-link-fourth" href="#fourth"><div class="nav_button" id="fourth"><p class="nav_buttonText">NOTEBOOK</p></div></a>
+
-
   
+
-
</div> <!--of header-->
+
-
   
+
-
   
+
-
    <div id="wrapper">
+
-
    <a class="title-link" id="first-title-link" id="#first"><h3>first</h3></a>
+
-
    <div id="first-panel">
+
-
      <p>this is all inside the first panel</p>
+
-
       
+
-
    </div>
+
-
       
+
-
    <a class="title-link" id="second-title-link" id="#second"><h3>second</h3></a>
+
-
    <div id="second-panel">
+
-
      <p>this is all inside the second panel</p>
+
-
       
+
-
    </div>
+
-
       
+
-
        <a class="title-link" id="third-title-link" id="#third"><h3>third</h3></a>
+
-
        <div id="third-panel">
+
-
            <p>this is all inside the third panel</p>
+
-
   
+
-
        </div>
+
-
       
+
-
        <a class="title-link" id="fourth-title-link" id="#fourth"><h3>fourth</h3></a>
+
-
        <div id="fourth-panel">
+
-
            <p>this is all inside the fourth panel</p>
+
-
   
+
-
        </div>
+
-
       
+
-
       
+
-
    </div> <!-- of wrapper -->
+
-
  <div id="footer">footer</div>
+
-
   
+
-
   
+
-
</body>
+
</html>
</html>
 +
<center>SPS_London</center>
 +
<html>
 +
  </div>
 +
</html>
 +
 +
<html>
 +
<div id="headerSubTitle">
 +
</html>
 +
<center>TMNP Collective</center>
 +
<html>
 +
  </div>
 +
  <div id="headerSubTitle">
 +
</html>
 +
<center>An <html><a id="igem" href="https://2013hs.igem.org/Main_Page"></html>iGEM<html></a></html> Team</center>
 +
 +
<html>
 +
  </div>
 +
  </div>
 +
</html>
 +
 +
<center>
 +
{| style="text-align: center; width: 500px;"
 +
|
 +
 +
<html>
 +
  <ul class="drop-down">
 +
  <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>
 +
HOME
 +
<html>
 +
  </p></div></a></li></div></ul>
 +
</html>
 +
|
 +
<html>
 +
  <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>
 +
PROJECT
 +
<html>
 +
  </p></div></a></li></div>
 +
</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>
 +
  <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>
 +
THE TEAM
 +
<html>
 +
  </p></div></a></li></div>
 +
</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>
 +
  <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>
 +
OTHER
 +
<html>
 +
  </p></div></a></li></div>
 +
</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>
 +
|-
 +
|}
 +
</center>
 +
 +
<html>
 +
  </div>
 +
</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>
 +
            <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></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.