Team:St Pauls London/Procedures
From 2013hs.igem.org
(Difference between revisions)
(→Procedures) |
|||
(27 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: | + | font-family: 'Open Sans'; |
+ | font-weight: 300; | ||
+ | letter-spacing: 0.5px; | ||
} | } | ||
- | # | + | #p-logo { |
- | + | ||
display: none; | 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 -----*/ | ||
#header { | #header { | ||
+ | padding-top: 20px; | ||
height: 150px; | height: 150px; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#headerTitle { | #headerTitle { | ||
text-align: right; | text-align: right; | ||
- | font-weight: | + | font-weight: 400; |
- | font-size: | + | font-size: 44px; |
+ | color: black; | ||
} | } | ||
Line 60: | Line 78: | ||
/*----- HEADER BUTTONS -----*/ | /*----- HEADER BUTTONS -----*/ | ||
+ | |||
.nav_button { | .nav_button { | ||
bottom: 20%; | bottom: 20%; | ||
Line 69: | 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 { | |
text-decoration: none; | text-decoration: none; | ||
color: black; | color: black; | ||
Line 82: | Line 101: | ||
} | } | ||
- | + | a.mobile-link, a.mobile-link:hover, a.mobile-link:active { | |
- | + | text-decoration:none; | |
} | } | ||
- | + | /*----- END OF BUTTONS -----*/ | |
- | margin- | + | |
+ | 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 { | |
- | margin- | + | 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 HEADER -----*/ | /*----- END OF HEADER -----*/ | ||
Line 113: | Line 158: | ||
} | } | ||
+ | .pdf { | ||
+ | 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 122: | Line 171: | ||
color: #F93; | color: #F93; | ||
} | } | ||
- | + | ||
</style> | </style> | ||
</head> | </head> | ||
Line 128: | Line 177: | ||
<html> | <html> | ||
+ | <div id="top-of-page"> | ||
+ | |||
+ | </div> | ||
+ | |||
<div id="header"> | <div id="header"> | ||
<div id="push-left"> | <div id="push-left"> | ||
Line 151: | Line 204: | ||
</div> | </div> | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
</html> | </html> | ||
Line 161: | Line 211: | ||
<html> | <html> | ||
- | <a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London"><div class="nav_button | + | <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=" | + | <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=" | + | <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=" | + | <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> | ||
- | + | OTHER | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<html> | <html> | ||
- | < | + | </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 | NOTEBOOK | ||
- | <html> | + | ---- |
- | + | <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 209: | Line 313: | ||
===Procedures=== | ===Procedures=== | ||
- | :Our project involves various different digest, ligation, transformation, purification and extraction steps. | + | :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 215: | Line 319: | ||
</html> | </html> | ||
- | ==== | + | ====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===== |
- | ==== | + | <html> |
+ | <div class="pdf"> | ||
+ | <iframe src="http://docs.google.com/viewer?url=http%3A%2F%2F2013hs.igem.org%2Fwiki%2Fimages%2F3%2F35%2FOperon_2_diagram.pdf&embedded=true" width="600" height="780" style="border: none;"></iframe> | ||
+ | </div> | ||
+ | </html> | ||
+ | |||
+ | =====Operon 3===== | ||
+ | |||
+ | <html> | ||
+ | <div class="pdf"> | ||
+ | <iframe src="http://docs.google.com/viewer?url=http%3A%2F%2F2013hs.igem.org%2Fwiki%2Fimages%2F5%2F5c%2FOperon_3_diagram.pdf&embedded=true" width="600" height="780" style="border: none;"></iframe> | ||
+ | </div> | ||
+ | </html> | ||
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