Team:Imperial College London/Testing

From 2009.igem.org

(Difference between revisions)
(→Project Overview)
 
(124 intermediate revisions not shown)
Line 1: Line 1:
{{Imperial/09/TemplateTop}}
{{Imperial/09/TemplateTop}}
-
 
+
=Project Overview=
-
<html>
+
-
<center><img src="http://i691.photobucket.com/albums/vv271/dk806/MainOverviewPicPO-1.jpg" usemap="#MAP91791" border="0" width="75%"></center>
+
-
</html>
+
-
 
+
-
 
+
<html>
<html>
<script>
<script>
function haxbackground(){
function haxbackground(){
-
document.getElementById('cartoonmap').style.backgroundImage='url(/wiki/images/7/7a/NYMU_main_pic_965px-bw.png)';
+
    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="url('/wiki/images/c/c5/NYMU_main_pic_965px.png')";
+
    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('/wiki/images/c/c5/NYMU_main_pic_965px.png') transparent top left no-repeat;
+
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;
-
width:965px;
+
width:700px;
-
height:708px;
+
height:417px;
margin:0px;
margin:0px;
-
 
-
border:1px solid gray;
 
}
}
dl#cartoonmap dt{
dl#cartoonmap dt{
Line 33: 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 42: Line 35:
/* link positions (x,y,w,h) */
/* link positions (x,y,w,h) */
-
dl#cartoonmap dd#ph a{ left:50px; bottom:85px; width:135px; height:370px; z-index:200;}
+
dl#cartoonmap dd#ph a{ left:15px; bottom:165px; width:125px; height:220px; z-index:200;}
-
dl#cartoonmap dd#at a{ left:185px; bottom:85px; width:120px; height:200px; z-index:200;}
+
dl#cartoonmap dd#at a{ left:145px; bottom:165px; width:130px; height:220px; z-index:200;}
-
dl#cartoonmap dd#u a{ left:305px; bottom:85px; width:100px; height:200px; z-index:200;}
+
dl#cartoonmap dd#u a{ left:283px; bottom:165px; width:130px; height:220px; z-index:200;}
-
dl#cartoonmap dd#g a{ left:405px; bottom:85px; width:105px; height:200px; z-index:200;}
+
dl#cartoonmap dd#g a{ left:420px; bottom:165px; width:135px; height:220px; z-index:200;}
-
dl#cartoonmap dd#p a{ left:510px; bottom:85px; width:110px; height:200px; z-index:200;}
+
dl#cartoonmap dd#p a{ left:563px; bottom:165px; width:133px; height:220px; z-index:200;}
-
dl#cartoonmap dd#time a{ left:620px; bottom:85px; width:230px; height:200px; z-index:100;}
+
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#t5 a{ left:365px; bottom:18px; width:145px; height:115px; z-index:200;}
/* link hover doings */
/* link hover doings */
Line 53: Line 48:
border-style:solid;
border-style:solid;
border-width:1px;
border-width:1px;
-
background:url('/wiki/images/c/c5/NYMU_main_pic_965px.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 62: Line 58:
dl#cartoonmap dd#p a:hover, dl#cartoonmap dd#p a:hover span, dl#cartoonmap dd#p a:hover span div.first{ border-color:green; }
dl#cartoonmap dd#p a:hover, dl#cartoonmap dd#p a:hover span, dl#cartoonmap dd#p a:hover span div.first{ border-color:green; }
dl#cartoonmap dd#time a:hover, dl#cartoonmap dd#time a:hover span, dl#cartoonmap dd#time a:hover span div.first{ border-color:lightblue; }
dl#cartoonmap dd#time a:hover, dl#cartoonmap dd#time a:hover span, dl#cartoonmap dd#time a:hover span div.first{ border-color:lightblue; }
 +
dl#cartoonmap dd#ci a:hover, dl#cartoonmap dd#ci a:hover span, dl#cartoonmap dd#ci a:hover span div.first{ border-color:yellow; }
 +
dl#cartoonmap dd#t5 a:hover, dl#cartoonmap dd#t5 a:hover span, dl#cartoonmap dd#t5 a:hover span div.first{ border-color:pink; }
dl#cartoonmap dd#ph a:hover span div.first {background:#ecf; color:#333;}
dl#cartoonmap dd#ph a:hover span div.first {background:#ecf; color:#333;}
Line 69: Line 67:
dl#cartoonmap dd#p a:hover span div.first {background:#cfc; color:#333;}
dl#cartoonmap dd#p a:hover span div.first {background:#cfc; color:#333;}
dl#cartoonmap dd#time a:hover span div.first {background:lightblue; color:#333;}
dl#cartoonmap dd#time a:hover span div.first {background:lightblue; color:#333;}
 +
dl#cartoonmap dd#ci a:hover span div.first {background:yellow; color:#333;}
 +
dl#cartoonmap dd#t5 a:hover span div.first {background:pink; color:#333;}
-
/* subsequent hover positions (change when link positions change) (-left,h-imgH) */
+
dl#cartoonmap dd#ph a:hover{ background-position:-16px -33px; }
-
dl#cartoonmap dd#ph a:hover{ background-position:-50px -253px; }
+
dl#cartoonmap dd#at a:hover{ background-position:-146px -33px; }
-
dl#cartoonmap dd#at a:hover{ background-position:-185px -423px; }
+
dl#cartoonmap dd#u a:hover{ background-position:-284px -33px; }
-
dl#cartoonmap dd#u a:hover{ background-position:-305px -423px; }
+
dl#cartoonmap dd#g a:hover{ background-position:-419px -33px; }
-
dl#cartoonmap dd#g a:hover{ background-position:-405px -423px; }
+
dl#cartoonmap dd#p a:hover{ background-position:-564px -33px; }
-
dl#cartoonmap dd#p a:hover{ background-position:-510px -423px; }
+
dl#cartoonmap dd#time a:hover{ background-position:-78px -283px; }
-
dl#cartoonmap dd#time a:hover{ background-position:-620px -423px; }
+
dl#cartoonmap dd#ci a:hover{ background-position:-233px -283px; }
 +
dl#cartoonmap dd#t5 a:hover{ background-position:-366px -283px; }
-
/*
 
-
link hover spans place everything at (180,10)
 
-
put=new-old puttop=new-(imageheight-(bottom+height))
 
-
*/
 
dl#cartoonmap dd a:hover span{
dl#cartoonmap dd a:hover span{
display:block;
display:block;
position:absolute;
position:absolute;
-
 
+
width:400px;
-
width:700px;
+
height:200px;
-
height:239px;
+
-
 
+
border-width:1px;
border-width:1px;
border-style:solid;
border-style:solid;
-
 
color:black;
color:black;
background-color:white;
background-color:white;
Line 99: Line 93:
font-size:120%;
font-size:120%;
font-weight:bold;
font-weight:bold;
-
padding:2px;
 
text-align:center;
text-align:center;
border-bottom:1px dashed;
border-bottom:1px dashed;
Line 106: Line 99:
font-size:12pt;
font-size:12pt;
font-face:Arial;
font-face:Arial;
-
margin-left:1em;
+
        padding:20px;
}
}
dl#cartoonmap dd#ph a:hover span{
dl#cartoonmap dd#ph a:hover span{
-
left:205px;
+
left:250px;
-
top:-245px;
+
top:-250px;
}
}
dl#cartoonmap dd#at a:hover span{
dl#cartoonmap dd#at a:hover span{
-
left:70px;
+
left:120px;
-
top:-415px;
+
top:-250px;
}
}
dl#cartoonmap dd#u a:hover span{
dl#cartoonmap dd#u a:hover span{
-
left:-50px;
+
left:-18px;
-
top:-415px;
+
top:-250px;
}
}
dl#cartoonmap dd#g a:hover span{
dl#cartoonmap dd#g a:hover span{
-
left:-150px;
+
left:-155px;
-
top:-415px;
+
top:-250px;
}
}
dl#cartoonmap dd#p a:hover span{
dl#cartoonmap dd#p a:hover span{
-
left:-255px;
+
left:-298px;
-
top:-415px;
+
top:-250px;
}
}
dl#cartoonmap dd#time a:hover span{
dl#cartoonmap dd#time a:hover span{
-
left:-365px;
+
left:190px;
-
top:-415px;
+
top:-490px;
 +
}
 +
dl#cartoonmap dd#ci a:hover span{
 +
left:35px;
 +
top:-490px;
 +
}
 +
dl#cartoonmap dd#t5 a:hover span{
 +
left:-100px;
 +
top:-490px;
}
}
-
/* Others that don't fit into a pattern */
 
-
dl#cartoonmap dd#banner span img{
 
-
position:absolute;
 
-
/*left:283px;*/
 
-
right:10px;
 
-
top:13px;
 
-
width:700px;
 
-
height:233px;
 
-
 
-
/* For preloading purposes only */
 
-
background:url('/wiki/images/7/7a/NYMU_main_pic_965px-bw.png') transparent no-repeat;
 
-
background-position:-965px -965px;
 
-
}
 
</style>
</style>
<dl id="cartoonmap">
<dl id="cartoonmap">
-
<dt>Banner</dt>
+
<dt>Growth</dt>
-
<dd id="banner">
+
<dd id="ph"><a href="https://2009.igem.org/Team:Imperial_College_London/Chemoinduction" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
-
<span><img src="/wiki/images/9/93/NYMU_Bannerinpic_700px.png" width="700" alt="BacToKidney - Toward a better quality of life"></span>
+
<span><div class="first">Growth</div>
-
</dd>
+
<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>
-
 
+
-
<dt>pH Sensor</dt>
+
-
<dd id="ph"><a href="./Team:NYMU-Taipei/Project/pH_Sensor" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
+
-
<span><div class="first">pH Sensor</div>
+
-
<div class="rest">A sensor of proton concentration (pH). Activates in a high pH environment.</div></span>
+
</a></dd>
</a></dd>
-
<dt>Attachment</dt>
+
<dt>Module 1: Protein Production</dt>
-
<dd id="at"><a href="./Team:NYMU-Taipei/Project/Attachment" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
+
<dd id="at"><a href="https://2009.igem.org/Team:Imperial_College_London/M1" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
-
<span><div class="first">Attachment</div>
+
<span><div class="first">Module 1: Protein Production</div>
-
<div class="rest">Attachment to the small intestine.</div></span>
+
<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>Urea</dt>
+
<dt>Module 2: </dt>
-
<dd id="u"><a href="./Team:NYMU-Taipei/Project/Urea" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
+
<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 173: Line 156:
<dt>Guanidine</dt>
<dt>Guanidine</dt>
-
<dd id="g"><a href="./Team:NYMU-Taipei/Project/Guanidine" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
+
<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>
Line 189: Line 172:
<div class="rest">Using oscillators to measure time, it enables detachment from the small intestine after a certain amount of time.</div></span>
<div class="rest">Using oscillators to measure time, it enables detachment from the small intestine after a certain amount of time.</div></span>
</a></dd>
</a></dd>
-
</dl>
 
-
</html>
 
-
{{:Team:NYMU-Taipei/Links}}
 
-
 
-
 
-
 
-
 
 +
        <dt>Autoinduction</dt>
 +
<dd id="ci"><a href="./Team:NYMU-Taipei/Project/Time_Regulation" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 +
<span><div class="first">Time Regulation</div>
 +
<div class="rest">Using oscillators to measure time, it enables detachment from the small intestine after a certain amount of time.</div></span>
 +
</a></dd>
 +
        <dt>Another</dt>
 +
<dd id="t5"><a href="./Team:NYMU-Taipei/Project/Time_Regulation" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 +
<span><div class="first">Time Regulation</div>
 +
<div class="rest">Using oscillators to measure time, it enables detachment from the small intestine after a certain amount of time.</div></span>
 +
</a></dd>
 +
</dl>
 +
</html>
{{Imperial/09/TemplateBottom}}
{{Imperial/09/TemplateBottom}}

Latest revision as of 12:04, 20 October 2009

Project Overview

Growth
Growth
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
Module 1: Protein Production
Module 1: Protein Production
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.
Module 2:
Clearance of Urea
A Urea clearance device.
Guanidine
Clearance of Guanidine
The device managing the clearance of guanidino compounds.
Phosphate
Clearance of Phosphate
A Phosphate clearance and balance device.
Time Regulation
Time Regulation
Using oscillators to measure time, it enables detachment from the small intestine after a certain amount of time.
Autoinduction
Time Regulation
Using oscillators to measure time, it enables detachment from the small intestine after a certain amount of time.
Another
Time Regulation
Using oscillators to measure time, it enables detachment from the small intestine after a certain amount of time.
Mr. Gene   Geneart   Clontech   Giant Microbes

Retrieved from "http://2009.igem.org/Team:Imperial_College_London/Testing"