Team:St Pauls London/Procedures

From 2013hs.igem.org

(Difference between revisions)
(→Operons)
(Undo revision 4856 by Paul Fady (talk))
 
(19 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;
         }
         }
         #p-logo {
         #p-logo {
 +
                display: none;
 +
        }
 +
 +
        form#searchform {
                 display: none;
                 display: none;
         }
         }
Line 18: Line 27:
                 margin-top: -125px;
                 margin-top: -125px;
                 margin-left: -5px;
                 margin-left: -5px;
-
                 height: 101px;
+
                 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');
         }
         }
-
         #toc
+
         #toc {
-
        {
+
                 display: none;
                 display: none;
         }
         }
-
     
 
-
 
-
#internet-explorer {
 
-
margin-top: 0px;
 
-
text-align: center;
 
-
color: #C30;
 
-
font-family: monospace;
 
-
font-weight: bold;
 
-
}
 
-
 
 +
        #catlinks {
 +
                display: none;
 +
        }
 +
/*----- HEADER -----*/
/*----- HEADER -----*/
#header {
#header {
 +
                padding-top: 20px;
height: 150px;
height: 150px;
}
}
-
        #push-left {
+
     
-
                margin-right: 80px;
+
-
        }
+
-
+
#headerTitle {
#headerTitle {
text-align: right;
text-align: right;
-
font-weight: bold;
+
font-weight: 400;
-
font-size: 36px;
+
font-size: 44px;
 +
                color: black;
}
}
Line 77: Line 78:
/*----- HEADER BUTTONS -----*/
/*----- HEADER BUTTONS -----*/
 +
.nav_button {
.nav_button {
bottom: 20%;
bottom: 20%;
Line 86: Line 88:
text-align: center;
text-align: center;
vertical-align: middle;
vertical-align: middle;
-
display: table-cell;
+
display: table-cell;
-
                 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 99: Line 101:
}
}
-
         #first {
+
         a.mobile-link, a.mobile-link:hover, a.mobile-link:active {
-
                 margin-left: 0px;
+
                 text-decoration:none;
         }
         }
-
         #second {
+
/*----- END OF BUTTONS -----*/
-
                 margin-left: 0px;
+
 
 +
         ul.drop-down {
 +
                list-style: none;
 +
                 margin-top: 0px;
 +
                position: absolute;
 +
                padding: 0;
         }
         }
-
         #third {
+
         ul.drop-down li {
-
                 margin-right: -10px;
+
                 display: none;
-
                 margin-left: -10px;
+
                 position: relative;
 +
                text-align: left;
 +
                margin: 5px;              
         }
         }
-
         #fourth {
+
         div.drop-down {
-
                 margin-right: -20px;
+
                 background-color: #EAEAEA;
         }
         }
-
         #fifth {
+
         div.drop-down-top {
-
                 margin-right: 20px;
+
                background-color: transparent;
 +
                 margin-bottom: -7px;
 +
        }
 +
 
 +
        ul.drop-down:hover div.drop-down-top {
 +
                background-color: #EAEAEA;
 +
        }
 +
 
 +
        ul.drop-down li.top-of-list {
 +
                display: block;
 +
                background-color: transparent;
 +
                color: black;
 +
                text-decoration: none;
 +
        }
 +
             
 +
        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 BUTTONS -----*/
 
-
 
/*----- END OF HEADER -----*/
/*----- END OF HEADER -----*/
Line 133: Line 161:
                 text-align: center;
                 text-align: center;
         }
         }
 +
.title-link, .title-link:active, .title-link:visited {
.title-link, .title-link:active, .title-link:visited {
text-decoration: none;
text-decoration: none;
Line 142: Line 171:
                 color: #F93;
                 color: #F93;
         }
         }
-
+
 
</style>
</style>
   </head>
   </head>
Line 175: Line 204:
   </div>
   </div>
   </div>
   </div>
-
    <!--[if gte IE 2 ]>
 
-
<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>
Line 185: Line 211:
<html>
<html>
-
   <a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London"><div class="nav_button" id="first"><p class="nav_buttonText">
+
   <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>
</html>
HOME
HOME
<html>
<html>
-
   </p></div></a>
+
   </p></div></a></li></div></ul>
</html>
</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">
 +
  <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" 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">
 +
  <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" href="https://2013hs.igem.org/Team:St_Pauls_London/Procedures"><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 class="mobile-link" href="">
 +
    <div class="nav_button">
 +
    <p class="nav_buttonText">
</html>
</html>
-
PROCEDURES
+
OTHER
<html>
<html>
-
   </p></div></a>
+
   </p></div></a></li></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 233: Line 313:
===Procedures===
===Procedures===
-
:Our project involves various different digest, ligation, transformation, purification and extraction steps. For each step we used a standardised procedure as detailed below.
+
:Our project involves various different digest, ligation, transformation, purification and extraction steps. The PDFs below illustrate which methods we used (and at which stage they were used) during the construction of our operons.
<html>
<html>
Line 240: Line 320:
====Operons====
====Operons====
 +
 +
=====Operon 1=====
 +
Fortunately, this entire operon came as one single BioBrick, allowing us to save a lot of time by simply using the agar stab sent to us by iGEM HQ (after we had incorrectly resuspended the lyophilised plasmid) as our operon-containing bacterium.
=====Operon 2=====
=====Operon 2=====
Line 256: Line 339:
   </div>
   </div>
</html>
</html>
-
 
-
====Restriction Digest====
 
-
 
-
====Ligation====
 
-
 
-
====Transformation Purification and Extraction====
 
-
 
-
====Safety====
 

Latest revision as of 11:47, 7 June 2013

Contents

Procedures

Our project involves various different digest, ligation, transformation, purification and extraction steps. The PDFs below illustrate which methods we used (and at which stage they were used) during the construction of our operons.

Operons

Operon 1

Fortunately, this entire operon came as one single BioBrick, allowing us to save a lot of time by simply using the agar stab sent to us by iGEM HQ (after we had incorrectly resuspended the lyophilised plasmid) as our operon-containing bacterium.

Operon 2

Operon 3


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