Team:Imperial College London/Testing
From 2009.igem.org
(Difference between revisions)
(→Project Overview) |
(→Project Overview) |
||
(38 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
<script> | <script> | ||
function haxbackground(){ | function haxbackground(){ | ||
- | document.getElementById('cartoonmap').style.backgroundImage=url( | + | document.getElementById('cartoonmap').style.backgroundImage='url(https://static.igem.org/mediawiki/2009/4/4d/II09_MainOverview_Desaturated.png)'; |
+ | |||
} | } | ||
function unhaxbackground(){ | function unhaxbackground(){ | ||
- | document.getElementById('cartoonmap').style.backgroundImage= | + | document.getElementById('cartoonmap').style.backgroundImage='url(https://static.igem.org/mediawiki/2009/a/a2/II09_MainOverview.png)'; |
} | } | ||
</script> | </script> | ||
<style> | <style> | ||
dl#cartoonmap{ | dl#cartoonmap{ | ||
- | background:url('https://static.igem.org/mediawiki/2009/ | + | background:url('https://static.igem.org/mediawiki/2009/a/a2/II09_MainOverview.png') transparent top left no-repeat; |
display:block; | display:block; | ||
position:relative; | position:relative; | ||
Line 18: | Line 19: | ||
height:417px; | height:417px; | ||
margin:0px; | margin:0px; | ||
- | |||
} | } | ||
dl#cartoonmap dt{ | dl#cartoonmap dt{ | ||
Line 27: | Line 27: | ||
dl#cartoonmap dd a{ | dl#cartoonmap dd a{ | ||
position:absolute; | position:absolute; | ||
- | |||
border:1px dashed silver; | border:1px dashed silver; | ||
text-decoration: none; | text-decoration: none; | ||
Line 36: | Line 35: | ||
/* link positions (x,y,w,h) */ | /* link positions (x,y,w,h) */ | ||
- | dl#cartoonmap dd#ph a{ left:15px; bottom:165px; width:125px; height: | + | dl#cartoonmap dd#ph a{ left:15px; bottom:165px; width:125px; height:220px; z-index:200;} |
- | dl#cartoonmap dd#at a{ left:145px; bottom:165px; width:130px; height: | + | dl#cartoonmap dd#at a{ left:145px; bottom:165px; width:130px; height:220px; z-index:200;} |
- | dl#cartoonmap dd#u a{ left:283px; bottom:165px; width:130px; height: | + | dl#cartoonmap dd#u a{ left:283px; bottom:165px; width:130px; height:220px; z-index:200;} |
- | dl#cartoonmap dd#g a{ left:420px; bottom:165px; width:135px; height: | + | dl#cartoonmap dd#g a{ left:420px; bottom:165px; width:135px; height:220px; z-index:200;} |
- | dl#cartoonmap dd#p a{ left:563px; bottom:165px; width:133px; height: | + | dl#cartoonmap dd#p a{ left:563px; bottom:165px; width:133px; height:220px; z-index:200;} |
dl#cartoonmap dd#time a{ left:75px; bottom:18px; width:145px; height:115px; z-index:200;} | dl#cartoonmap dd#time a{ left:75px; bottom:18px; width:145px; height:115px; z-index:200;} | ||
dl#cartoonmap dd#ci a{ left:230px; bottom:18px; width:120px; height:115px; z-index:200;} | dl#cartoonmap dd#ci a{ left:230px; bottom:18px; width:120px; height:115px; z-index:200;} | ||
Line 51: | Line 50: | ||
background:url('https://static.igem.org/mediawiki/2009/a/a2/II09_MainOverview.png') transparent top left no-repeat; | background:url('https://static.igem.org/mediawiki/2009/a/a2/II09_MainOverview.png') transparent top left no-repeat; | ||
} | } | ||
+ | |||
/* colored borders! */ | /* colored borders! */ | ||
dl#cartoonmap dd#ph a:hover, dl#cartoonmap dd#ph a:hover span, dl#cartoonmap dd#ph a:hover span div.first{ border-color:violet; } | dl#cartoonmap dd#ph a:hover, dl#cartoonmap dd#ph a:hover span, dl#cartoonmap dd#ph a:hover span div.first{ border-color:violet; } | ||
Line 70: | Line 70: | ||
dl#cartoonmap dd#t5 a:hover span div.first {background:pink; color:#333;} | dl#cartoonmap dd#t5 a:hover span div.first {background:pink; color:#333;} | ||
- | dl#cartoonmap dd#ph a:hover{ background-position: | + | dl#cartoonmap dd#ph a:hover{ background-position:-16px -33px; } |
- | dl#cartoonmap dd#at a:hover{ background-position: | + | dl#cartoonmap dd#at a:hover{ background-position:-146px -33px; } |
- | dl#cartoonmap dd#u a:hover{ background-position: | + | dl#cartoonmap dd#u a:hover{ background-position:-284px -33px; } |
- | dl#cartoonmap dd#g a:hover{ background-position: | + | dl#cartoonmap dd#g a:hover{ background-position:-419px -33px; } |
- | dl#cartoonmap dd#p a:hover{ background-position:- | + | dl#cartoonmap dd#p a:hover{ background-position:-564px -33px; } |
- | dl#cartoonmap dd#time a:hover{ background-position:- | + | dl#cartoonmap dd#time a:hover{ background-position:-78px -283px; } |
dl#cartoonmap dd#ci a:hover{ background-position:-233px -283px; } | dl#cartoonmap dd#ci a:hover{ background-position:-233px -283px; } | ||
- | dl#cartoonmap dd#t5 a:hover{ background-position:- | + | dl#cartoonmap dd#t5 a:hover{ background-position:-366px -283px; } |
dl#cartoonmap dd a:hover span{ | dl#cartoonmap dd a:hover span{ | ||
Line 93: | Line 93: | ||
font-size:120%; | font-size:120%; | ||
font-weight:bold; | font-weight:bold; | ||
- | |||
text-align:center; | text-align:center; | ||
border-bottom:1px dashed; | border-bottom:1px dashed; | ||
Line 100: | Line 99: | ||
font-size:12pt; | font-size:12pt; | ||
font-face:Arial; | font-face:Arial; | ||
- | + | padding:20px; | |
} | } | ||
dl#cartoonmap dd#ph a:hover span{ | dl#cartoonmap dd#ph a:hover span{ | ||
Line 135: | Line 134: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
<dl id="cartoonmap"> | <dl id="cartoonmap"> | ||
- | <dt> | + | <dt>Growth</dt> |
- | <dd id="ph"><a href="./Team: | + | <dd id="ph"><a href="https://2009.igem.org/Team:Imperial_College_London/Chemoinduction" onmouseover="haxbackground();" onmouseout="unhaxbackground();"> |
- | <span><div class="first"> | + | <span><div class="first">Growth</div> |
- | <div class="rest"> | + | <div class="rest">We are growing the cells to a desired OD of 0.7 in order to ensure that there are enough cells to produce a wanted amount of proteins</div></span> |
</a></dd> | </a></dd> | ||
- | <dt> | + | <dt>Module 1: Protein Production</dt> |
- | <dd id="at"><a href="./Team: | + | <dd id="at"><a href="https://2009.igem.org/Team:Imperial_College_London/M1" onmouseover="haxbackground();" onmouseout="unhaxbackground();"> |
- | <span><div class="first"> | + | <span><div class="first">Module 1: Protein Production</div> |
- | <div class="rest"> | + | <div class="rest">The first module is induced with IPTG and triggers the production of the protein of interest. As part of this project we have looked into two proteins and a peptide of interest. </div></span> |
</a></dd> | </a></dd> | ||
- | <dt> | + | <dt>Module 2: </dt> |
- | <dd id="u"><a href="./Team: | + | <dd id="u"><a href="https://2009.igem.org/Team:Imperial_College_London/M2" onmouseover="haxbackground();" onmouseout="unhaxbackground();"> |
<span><div class="first">Clearance of Urea</div> | <span><div class="first">Clearance of Urea</div> | ||
<div class="rest">A Urea clearance device.</div></span> | <div class="rest">A Urea clearance device.</div></span> | ||
Line 169: | Line 156: | ||
<dt>Guanidine</dt> | <dt>Guanidine</dt> | ||
- | <dd id="g"><a href="./Team: | + | <dd id="g"><a href="https://2009.igem.org/Team:Imperial_College_London/M3" onmouseover="haxbackground();" onmouseout="unhaxbackground();"> |
<span><div class="first">Clearance of Guanidine</div> | <span><div class="first">Clearance of Guanidine</div> | ||
<div class="rest">The device managing the clearance of guanidino compounds.</div></span> | <div class="rest">The device managing the clearance of guanidino compounds.</div></span> |
Latest revision as of 12:04, 20 October 2009
Project Overview
- Growth
-
GrowthWe are growing the cells to a desired OD of 0.7 in order to ensure that there are enough cells to produce a wanted amount of proteins
- Module 1: Protein Production
-
Module 1: Protein ProductionThe first module is induced with IPTG and triggers the production of the protein of interest. As part of this project we have looked into two proteins and a peptide of interest.
- Module 2:
-
Clearance of UreaA Urea clearance device.
- Guanidine
-
Clearance of GuanidineThe device managing the clearance of guanidino compounds.
- Phosphate
-
Clearance of PhosphateA Phosphate clearance and balance device.
- Time Regulation
-
Time RegulationUsing oscillators to measure time, it enables detachment from the small intestine after a certain amount of time.
- Autoinduction
-
Time RegulationUsing oscillators to measure time, it enables detachment from the small intestine after a certain amount of time.
- Another
-
Time RegulationUsing oscillators to measure time, it enables detachment from the small intestine after a certain amount of time.