Team:Imperial College London/Project

From 2009.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 1: Line 1:
{{Imperial/09/TemplateTopPlay}}
{{Imperial/09/TemplateTopPlay}}
 +
<html>
 +
<script>
 +
function haxbackground(){
 +
document.getElementById('cartoonmap').style.backgroundImage='url(/wiki/images/7/7a/NYMU_main_pic_965px-bw.png)';
 +
}
 +
function unhaxbackground(){
 +
document.getElementById('cartoonmap').style.backgroundImage="url('/wiki/images/c/c5/NYMU_main_pic_965px.png')";
 +
}
 +
</script>
 +
<style>
 +
dl#cartoonmap{
 +
background:url(https://2009.igem.org/Image:II09_TimelineText.png) transparent top left no-repeat;
 +
display:block;
 +
position:relative;
 +
width:965px;
 +
height:708px;
 +
margin:0px;
-
<html> <div id="II09_BCW"> </html>
+
border:1px solid gray;
 +
}
 +
dl#cartoonmap dt{
 +
display:none;
 +
}
 +
/* Common stuff between links */
 +
dl#cartoonmap dd a{
 +
position:absolute;
-
[[Image:II09_Encapsulator DK logo.jpg|center|The E.ncapsulator|400px]]
+
border:1px dashed silver;
 +
text-decoration: none;
 +
}
 +
dl#cartoonmap dd a span{
 +
display:none;
 +
}
-
<html></div> </html>
+
/* 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#at a{ left:185px; bottom:85px; width:120px; height:200px; z-index:200;}
 +
dl#cartoonmap dd#u a{ left:305px; bottom:85px; width:100px; height:200px; z-index:200;}
 +
dl#cartoonmap dd#g a{ left:405px; bottom:85px; width:105px; height:200px; z-index:200;}
 +
dl#cartoonmap dd#p a{ left:510px; bottom:85px; width:110px; height:200px; z-index:200;}
 +
dl#cartoonmap dd#time a{ left:620px; bottom:85px; width:230px; height:200px; z-index:100;}
 +
/* link hover doings */
 +
dl#cartoonmap dd a:hover{
 +
border-style:solid;
 +
border-width:1px;
 +
background:url('/wiki/images/c/c5/NYMU_main_pic_965px.png') transparent top left no-repeat;
 +
}
 +
/* 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#at a:hover, dl#cartoonmap dd#at a:hover span, dl#cartoonmap dd#at a:hover span div.first{ border-color:orange; }
 +
dl#cartoonmap dd#u a:hover, dl#cartoonmap dd#u a:hover span, dl#cartoonmap dd#u a:hover span div.first{ border-color:red; }
 +
dl#cartoonmap dd#g a:hover, dl#cartoonmap dd#g a:hover span, dl#cartoonmap dd#g a:hover span div.first{ border-color:gold; }
 +
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; }
-
<html> <div id="II09_BCW"> </html>
+
dl#cartoonmap dd#ph a:hover span div.first {background:#ecf; color:#333;}
 +
dl#cartoonmap dd#at a:hover span div.first {background:#fc3; color:#333;}
 +
dl#cartoonmap dd#u a:hover span div.first {background:#fcc; color:#333;}
 +
dl#cartoonmap dd#g a:hover span div.first {background:#ffa; 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;}
-
Creating ‘The E.ncapsulator’: in situ manufacture and oral delivery of human biopharmaceuticals |
+
/* subsequent hover positions (change when link positions change) (-left,h-imgH) */
-
A major, yet unsolved, challenge in the pharmaceutical industry involves overcoming the harsh acidic environment of the stomach in order to deliver proteins to the gut. This year the Imperial College iGEM team has decided to tackle this problem by developing an innovative, self-contained drug fabrication and delivery system. In our 'E.ncapsulator', Escherichia coli will be engineered not only to efficiently manufacure important biopharmaceuticals, but also to coat and protect protein based drugs until release in the small intestine.
+
dl#cartoonmap dd#ph a:hover{ background-position:-50px -253px; }
 +
dl#cartoonmap dd#at a:hover{ background-position:-185px -423px; }
 +
dl#cartoonmap dd#u a:hover{ background-position:-305px -423px; }
 +
dl#cartoonmap dd#g a:hover{ background-position:-405px -423px; }
 +
dl#cartoonmap dd#p a:hover{ background-position:-510px -423px; }
 +
dl#cartoonmap dd#time a:hover{ background-position:-620px -423px; }
 +
/*
 +
link hover spans place everything at (180,10)
 +
put=new-old puttop=new-(imageheight-(bottom+height))
 +
*/
 +
dl#cartoonmap dd a:hover span{
 +
display:block;
 +
position:absolute;
-
<html></div> </html>
+
width:700px;
 +
height:239px;
 +
border-width:1px;
 +
border-style:solid;
-
<html> <div id="II09_BCW"> </html>
+
color:black;
 +
background-color:white;
 +
}
 +
dl#cartoonmap dd a:hover span div.first{
 +
display:block;
 +
font-size:120%;
 +
font-weight:bold;
 +
padding:2px;
 +
text-align:center;
 +
border-bottom:1px dashed;
 +
}
 +
dl#cartoonmap dd a:hover span div.rest{
 +
font-size:12pt;
 +
font-face:Arial;
 +
margin-left:1em;
 +
}
 +
dl#cartoonmap dd#ph a:hover span{
 +
left:205px;
 +
top:-245px;
 +
}
 +
dl#cartoonmap dd#at a:hover span{
 +
left:70px;
 +
top:-415px;
 +
}
 +
dl#cartoonmap dd#u a:hover span{
 +
left:-50px;
 +
top:-415px;
 +
}
 +
dl#cartoonmap dd#g a:hover span{
 +
left:-150px;
 +
top:-415px;
 +
}
 +
dl#cartoonmap dd#p a:hover span{
 +
left:-255px;
 +
top:-415px;
 +
}
 +
dl#cartoonmap dd#time a:hover span{
 +
left:-365px;
 +
top:-415px;
 +
}
 +
/* 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;
 +
}
-
Furthermore, in order to create E.ncapsulator tablets for oral delivery, there has been much focus on designing and engineering a number of modules for implementation in <i>E.coli</i>. The modularity that is central to our project will be evident in the areas of protein drug production, self-encapsulation and genomic neutralisation. Utilising the <i>E.coli</i> bacterium, we are creating a re-usable chassis that will allow the development of a range of biopharmaceuticals to be delivered to the gut. Our E.ncapsulator is therefore intended as an elegant solution to, not one, but a range of human ailments and conditions, which cannot currently be successfully treated by oral drugs.<br>
+
</style>
 +
<dl id="cartoonmap">
 +
<dt>Banner</dt>
 +
<dd id="banner">
 +
<span><img src="/wiki/images/9/93/NYMU_Bannerinpic_700px.png" width="700" alt="BacToKidney - Toward a better quality of life"></span>
 +
</dd>
-
<html></div> </html>
+
<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>
 +
<dt>Attachment</dt>
 +
<dd id="at"><a href="./Team:NYMU-Taipei/Project/Attachment" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 +
<span><div class="first">Attachment</div>
 +
<div class="rest">Attachment to the small intestine.</div></span>
 +
</a></dd>
-
<html> <div id="II09_BCW"> </html>
+
<dt>Urea</dt>
-
 
+
<dd id="u"><a href="./Team:NYMU-Taipei/Project/Urea" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
-
 
+
<span><div class="first">Clearance of Urea</div>
-
The first module involves engineering <i>E.coli</i> to synthesise the protein drug of interest to a tuneable threshold. Once accomplished, activation of module two initiates the encapsulation phase, in which <i>E.coli</i> coats itself in a protective layer of colanic acid to form the E.ncapsulator. This protective capsule is what shields the biopharmaceutical against the harsh acidic environment of the stomach. The third module, genomic neutralisation, is composed of a ‘suicide trigger’ mechanism that destroys the genetic material of the bacteria. Finally, once in the small intestine, the capsule will be degraded, thereby releasing the designed biopharmaceutical to the gut micro biota where it can carry out its intended function.<br>
+
<div class="rest">A Urea clearance device.</div></span>
-
 
+
</a></dd>
-
 
+
-
<html></div> </html>
+
-
 
+
-
 
+
-
<html> <div id="II09_BCW"> </html>
+
-
 
+
-
The self-encapsulation of a synthetic biology chassis is new to iGEM and represents a completely novel and innovative approach to biopharmaceutical design, manufacture and delivery. Throughout the project we have followed an engineering approach that incorporates modular design, detailed modelling and simulation as well as systematic integration. Using such an approach, we are hopeful that the E.ncapsulator will be coming soon to a Pharmacy near you!<br>
+
-
<html>
+
-
</div>  
+
-
 
+
-
 
+
-
 
+
-
<style type = "text/stylesheet">
+
-
#II09_RoundBox {
+
-
      background: url(https://static.igem.org/mediawiki/2009/c/c8/II09_content_top.png) ;
+
-
      width : 722px;
+
-
}
+
-
</style>
+
-
<div id = "II09_RoundBox">
+
-
</div>
+
 +
<dt>Guanidine</dt>
 +
<dd id="g"><a href="./Team:NYMU-Taipei/Project/Guanidine" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 +
<span><div class="first">Clearance of Guanidine</div>
 +
<div class="rest">The device managing the clearance of guanidino compounds.</div></span>
 +
</a></dd>
-
</html>
+
<dt>Phosphate</dt>
 +
<dd id="p"><a href="./Team:NYMU-Taipei/Project/Phosphate" onmouseover="haxbackground();" onmouseout="unhaxbackground();">
 +
<span><div class="first">Clearance of Phosphate</div>
 +
<div class="rest">A Phosphate clearance and balance device.</div></span>
 +
</a></dd>
-
+
<dt>Time Regulation</dt>
 +
<dd id="time"><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/Box}}
{{Imperial/09/TemplateBottom/Box}}

Latest revision as of 13:12, 9 October 2009

Banner
pH Sensor
pH Sensor
A sensor of proton concentration (pH). Activates in a high pH environment.
Attachment
Attachment
Attachment to the small intestine.
Urea
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.

Mr. Gene   Geneart   Clontech   Giant Microbes

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