Team:St Pauls London

From 2013hs.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html> <!-- STYLES -->
 +
  <head>
 +
 
 +
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
 +
   
 +
    <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>
 +
        body {
 +
                font-family: 'Open Sans';
 +
                font-weight: 300;
 +
                letter-spacing: 0.5px;
 +
        }
 +
 +
       
 +
        .fadein {
 +
            position:relative;
 +
            height:420px;
 +
            width:420px;
 +
        }       
 +
 +
        .fadein img {
 +
            position:absolute;
 +
            left:0;
 +
            top:0;
 +
        }
 +
        #p-logo {
 +
                display: none;
 +
        }
 +
 +
        form#searchform {
 +
                display: none;
 +
        }
 +
 +
        h1.firstHeading {
 +
                display: none;
 +
        }
 +
 +
        #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 {
 +
                padding-top: 20px;
 +
height: 150px;
 +
}
 +
 +
#headerTitle {
 +
text-align: right;
 +
font-weight: 400;
 +
font-size: 44px;
 +
                color: black;
 +
}
 +
 +
#logo {
 +
left: 20%;
 +
align: left;
 +
width: 120px;
 +
height: 120px;
 +
}
 +
 +
#headerSubTitle {
 +
font-size: 14px;
 +
letter-spacing: 2px;
 +
color: #666;
 +
}
 +
 +
a#igem, a#igem:visited {
 +
color: inherit;
 +
text-decoration: none;
 +
}
 +
 +
a#igem:hover, a#igem:active {
 +
color: #F93;
 +
text-decoration: underline;
 +
}
 +
 +
/*----- HEADER BUTTONS -----*/
 +
 +
.nav_button {
 +
bottom: 20%;
 +
display: table;
 +
}
 +
 +
.nav_buttonText {
 +
color: #222;
 +
text-align: center;
 +
vertical-align: middle;
 +
display: table-cell;
 +
                font-weight: 100;
 +
}
 +
 +
        a.nav_buttonLink, a.nav_buttonLink:visited {
 +
text-decoration: none;
 +
                color: black;
 +
}
 +
a.nav_buttonLink:hover, a.nav_buttonLink:active {
 +
color: #F93;
 +
text-decoration: underline;
 +
}   
 +
 +
        a.mobile-link, a.mobile-link:hover, a.mobile-link:active {
 +
                text-decoration:none;
 +
        }
 +
 +
/*----- 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 -----*/
 +
 +
/*----- MAIN CONTENT -----*/
 +
 +
.title-link, .title-link:active, .title-link:visited {
 +
text-decoration: none;
 +
color: inherit;
 +
}
 +
 +
.title-link:hover {
 +
                text-decoration: underline;
 +
                color: #F93;
 +
        }
 +
 +
</style>
 +
  </head>
 +
</html>
 +
<html>
<html>
-
<head>
+
  <div id="top-of-page">
-
<style>
+
-
body {
+
-
background-color:red;
+
  </div>
-
}
+
-
</style>
+
-
</head>
+
-
<body>
+
  <div id="header">
-
<p>
+
  <div id="push-left">
-
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
+
  <!--<img src="assets/logo.png" id="logo">-->
-
</p>
+
  <div id="headerTitle">
 +
</html>
 +
<center>SPS_London</center>
 +
<html>
 +
  </div>
 +
</html>
-
</body>
+
<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>
 +
 +
===Home===
 +
 +
<html><div style="text-align:justify; margin-right: 50px;"></html>
 +
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.
 +
 +
 +
<html></div></html>
 +
 +
<center>
 +
<html>
 +
<div class="fadein">
 +
    <img height="400" width="400" src="https://static.igem.org/mediawiki/2013hs/f/f3/Colet.png">
 +
    <img height="400" width="400" src="https://static.igem.org/mediawiki/2013hs/0/0a/Newbuilding.png">
 +
    <img height="400" width="400" src="https://static.igem.org/mediawiki/2013hs/7/77/Newbuilding2.png">
 +
    <img height="400" width="400" src="https://static.igem.org/mediawiki/2013hs/b/ba/River.png">
 +
    <img height="400" width="400" src="https://static.igem.org/mediawiki/2013hs/f/f4/River2.png">
 +
</div>
</html>
</html>
 +
</center>

Revision as of 14:40, 27 March 2014

Home

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.