Team:Virginia

From 2012.igem.org

(Difference between revisions)
 
(43 intermediate revisions not shown)
Line 19: Line 19:
     visibility:hidden;
     visibility:hidden;
}
}
 +
 +
img.centering {  display: block;  margin-left: auto;  margin-right: auto; }
img
img
Line 24: Line 26:
opacity:0.4;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
filter:alpha(opacity=40); /* For IE8 and earlier */
-
margin-left: auto;
+
margin:0px auto;
-
    margin-right: auto;
+
}
}
img:hover
img:hover
Line 31: Line 32:
opacity:1.0;
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
filter:alpha(opacity=100); /* For IE8 and earlier */
 +
margin:0px auto;
}
}
body {
body {
-
     background-color: rgba(220, 235, 221, 1);
+
     background-color: rgba(235,255,255, 1);
      
      
      
      
Line 57: Line 59:
}
}
 +
#catlinks {
 +
visibility:hidden;
 +
}
#content {
#content {
-
background-color: rgba(255, 255, 255, 0);
+
background-color: rgba(235,255,255, 1);
border-left:none;
border-left:none;
border-right:none;
border-right:none;
Line 91: Line 96:
}
}
 +
#menubar li {visibility: hidden;
 +
}
 +
#menubar li a:hover{visibility: hidden;}
.navbar {
.navbar {
Line 98: Line 106:
#float_corner {
#float_corner {
-
position:fixed;_position:absolute;top:0px;left:middle;right:middle;clip:
+
z-index:4000;
 +
position:fixed;_position:absolute;top:0px; display: block;  margin-left: auto;   margin-right: auto; clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}
navig{position:fixed; top:12px; left:12px; right:12px; z-index:3000; min-width:450px;  
navig{position:fixed; top:12px; left:12px; right:12px; z-index:3000; min-width:450px;  
-
background:url("https://static.igem.org/mediawiki/2012/b/b8/Igemlogo.fw.png") top left  no-repeat;
+
background:url("") top left  no-repeat;
background-position: 20px 0px;
background-position: 20px 0px;
display: inline;
display: inline;
Line 133: Line 142:
ul#tabnav { /* general settings */
ul#tabnav { /* general settings */
-
text-align: right; /* set to left, right or center */
+
text-align: center; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 13px verdana, arial, sans-serif; /* set font as desired */
font: bold 13px verdana, arial, sans-serif; /* set font as desired */
Line 140: Line 149:
list-style-type: none;
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
-
position:fixed; top:12px; left:12px; right:12px; z-index:3000;
+
position:fixed; top:0px; z-index:3000;
 +
width: 900px;
 +
margin-left: auto;    margin-right: auto;
}
}
Line 166: Line 177:
background-color:rgba(74,92,97, 0);
background-color:rgba(74,92,97, 0);
color: #000000;
color: #000000;
-
background-image: -moz-radial-gradient(50% 50%, ellipse cover, rgba(74,92,97, 0.3), rgba(74,92,97, 0) 100%);
+
 
-
background-image: -webkit-radial-gradient(50% 50%, ellipse cover, rgba(74,92,97, 0.3), rgba(74,92,97, 0) 100%);
+
-
background-image: -o-radial-gradient(50% 50%, ellipse cover, rgba(74,92,97, 0.3), rgba(74,92,97, 0) 100%);
+
-
background-image: -ms-radial-gradient(50% 50%, ellipse cover, rgba(74,92,97, 0.3), rgba(74,92,97, 0) 100%);
+
-
background-image: radial-gradient(50% 50%, ellipse cover, rgba(74,92,97, 0.3), rgba(74,92,97, 0) 100%)
+
/*background-color: #cfc;  set unselected tab background color as desired */
/*background-color: #cfc;  set unselected tab background color as desired */
color: #000000; /* set unselected tab link color as desired */
color: #000000; /* set unselected tab link color as desired */
-
margin-right: 0px; /* set additional spacing between tabs as desired */
+
margin-right: 15px; /* set additional spacing between tabs as desired */
text-decoration: none;
text-decoration: none;
border-bottom: none;
border-bottom: none;
Line 211: Line 218:
<navig><ul id="tabnav">
<navig><ul id="tabnav">
-
<li class="tab1"><a href="/Team:Virginia">Home</a></li>
+
-
<li class="tab2"><a href="/Team:Virginia/Team">Team</a></li>
+
-
<li class="tab3"><a href="https://igem.org/Team.cgi?year=2012&amp;team_name=Virginia">Official Team Profile</a></li>
+
-
<li class="tab4"><a href="/Team:Virginia/Project">Project</a></li>
+
<li class="tab2"><a href="/Team:Virginia/Project">Project</a></li>
-
        <li class="tab5"><a href="/Team:Virginia/Parts">Parts</a></li>
+
<li class="tab4"><a href="/Team:Virginia/Parts">Parts</a></li>
-
<li class="tab6"><a href="/Team:Virginia/Modeling">Modeling</a></li>
+
        <li class="tab8"><a href="/Team:Virginia/Team">Team</a></li>
-
<li class="tab7"><a href="/Team:Virginia/Notebook">Notebook</a></li>
+
<li class="tab9"><a href="/Team:Virginia/Practices">Practices</a></li>
-
<li class="tab8"><a href="/Team:Virginia/Safety">Safety</a></li>
+
<li class="tab5"><a href="/Team:Virginia">
-
<li class="tab9"><a href="/Team:Virginia/Attributions">Attributions</a></li>
+
&nbsp;&nbsp;<img src="https://static.igem.org/mediawiki/2012/b/b8/Igemlogo.fw.png" border="0"/>&nbsp;&nbsp;</a></li>
 +
 
 +
<li class="tab3"><a href="/Team:Virginia/Modeling">Modeling</a></li>
 +
<li class="tab6"><a href="http://openwetware.org/wiki/IGEM:Virginia_2012">Notebook</a></li>
 +
<li class="tab7"><a href="/Team:Virginia/Safety">Safety</a></li>
 +
<li class="tab7"><a href="/Team:Virginia/Attributions">Attributions</a></li>
</ul></navig>
</ul></navig>
</p><p><br />
</p><p><br />
</p>
</p>
<p><br />
<p><br />
-
 
+
<a href="/Team:Virginia/Project">
-
<div id="float_corner">
+
<img src="https://static.igem.org/mediawiki/igem.org/2/2e/LogoHCG3.png" alt="Logo VGEM" align="absmiddle" class="centering"/></a>
-
<a href="ENTER TARGET URL HERE">
+
<br /><br />
-
<img src="https://static.igem.org/mediawiki/igem.org/b/b0/Phage.png" border="0" /></a>
+
-
</div>
+
-
 
+
<h1><center>Genetically engineered bacteriophage for diagnosis of whooping cough</h1></center><br/>
<h1><center>Genetically engineered bacteriophage for diagnosis of whooping cough</h1></center><br/>
<p>
<p>
Whooping cough, the infectious respiratory disease caused by <i>Bordetella pertussis</i>, is diagnosed in tens of millions of people and results in almost 300,000 deaths globally each year. Low-income and unvaccinated individuals as well as infants are especially susceptible. Current diagnostic procedures are complicated, costly, and can take up to a week, by which time the disease may have progressed or spread. The enormous impact of this disease urgently motivates the development of a faster, cheaper, and more reliable diagnostic test. Our epidemiology models suggest that earlier diagnosis could drastically reduce the incidence and impact of the disease. We propose an engineered bacteriophage diagnostic system for rapid clinical detection of <i>pertussis</i>. We first engineered T7 bacteriophage to demonstrate this approach in <i>E. coli</i>. Our modular diagnostic approach can be applied to the high-sensitivity detection of other bacteria.
Whooping cough, the infectious respiratory disease caused by <i>Bordetella pertussis</i>, is diagnosed in tens of millions of people and results in almost 300,000 deaths globally each year. Low-income and unvaccinated individuals as well as infants are especially susceptible. Current diagnostic procedures are complicated, costly, and can take up to a week, by which time the disease may have progressed or spread. The enormous impact of this disease urgently motivates the development of a faster, cheaper, and more reliable diagnostic test. Our epidemiology models suggest that earlier diagnosis could drastically reduce the incidence and impact of the disease. We propose an engineered bacteriophage diagnostic system for rapid clinical detection of <i>pertussis</i>. We first engineered T7 bacteriophage to demonstrate this approach in <i>E. coli</i>. Our modular diagnostic approach can be applied to the high-sensitivity detection of other bacteria.
-
   <br /> <br /> <br /><br />
+
   <br /> <br />  
 +
 
 +
<!-- <img src="https://static.igem.org/mediawiki/2012/b/b8/Igemlogo.fw.png" alt="some_text"/>-->
-
<!-- <img src="https://static.igem.org/mediawiki/igem.org/b/b0/Phage.png" alt="some_text"/>-->
 
-
<img src="https://static.igem.org/mediawiki/2012/c/cb/LogoHCG.png" alt="some_text" align="absmiddle"/>
 
<!--  
<!--  
-
<img src="http://www.seas.virginia.edu/students/vgem/tttt.gif" alt="some_text"/>
+
<img src="http://www.seas.virginia.edu/students/vgem/tttt.gif" alt="some_text" class="center"/>
-->
-->
</div><br /><br /><br /><br /><br />
</div><br /><br /><br /><br /><br />
-
 
-
Please let us know if you would like to collaborate or discuss an aspect related to this project. You can can leave a message at igemvirginia at gmail dot com or you can comment below.
 
Line 253: Line 260:
-
 
-
if  ((document.getElementById) &&
 
-
window.addEventListener || window.attachEvent){
 
-
 
-
(function(){
 
-
 
-
 
-
 
-
var num = 30;  //Number of flakes
 
-
var timer = 30; //setTimeout speed. Varies on different comps
 
-
var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).
 
-
 
-
 
-
 
-
var y = [];
 
-
var x = [];
 
-
var fall = [];
 
-
var theFlakes = [];
 
-
var sfs = [];
 
-
var step = [];
 
-
var currStep = [];
 
-
var h,w,r;
 
-
var d = document;
 
-
var pix = "px";
 
-
var domWw = (typeof window.innerWidth == "number");
 
-
var domSy = (typeof window.pageYOffset == "number");
 
-
var idx = d.getElementsByTagName('div').length;
 
-
 
-
if (d.documentElement.style &&
 
-
typeof d.documentElement.style.MozOpacity == "string")
 
-
num = 12;
 
-
 
-
for (i = 0; i < num; i++){
 
-
sfs[i] = Math.round(1 + Math.random() * 1);
 
-
 
-
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'
 
-
+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>');
 
-
 
-
currStep[i] = 0;
 
-
fall[i] = (sfs[i] == 1)?
 
-
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
 
-
step[i] = (sfs[i] == 1)?
 
-
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
 
-
}
 
-
 
-
 
-
if (domWw) r = window;
 
-
else{
 
-
  if (d.documentElement &&
 
-
  typeof d.documentElement.clientWidth == "number" &&
 
-
  d.documentElement.clientWidth != 0)
 
-
  r = d.documentElement;
 
-
else{
 
-
  if (d.body &&
 
-
  typeof d.body.clientWidth == "number")
 
-
  r = d.body;
 
-
}
 
-
}
 
-
 
-
 
-
function winsize(){
 
-
var oh,sy,ow,sx,rh,rw;
 
-
if (domWw){
 
-
  if (d.documentElement && d.defaultView &&
 
-
  typeof d.defaultView.scrollMaxY == "number"){
 
-
  oh = d.documentElement.offsetHeight;
 
-
  sy = d.defaultView.scrollMaxY;
 
-
  ow = d.documentElement.offsetWidth;
 
-
  sx = d.defaultView.scrollMaxX;
 
-
  rh = oh-sy;
 
-
  rw = ow-sx;
 
-
}
 
-
else{
 
-
  rh = r.innerHeight;
 
-
  rw = r.innerWidth;
 
-
}
 
-
h = rh - 2; 
 
-
w = rw - 2;
 
-
}
 
-
else{
 
-
h = r.clientHeight - 2;
 
-
w = r.clientWidth - 2;
 
-
}
 
-
}
 
-
 
-
 
-
function scrl(yx){
 
-
var y,x;
 
-
if (domSy){
 
-
y = r.pageYOffset;
 
-
x = r.pageXOffset;
 
-
}
 
-
else{
 
-
y = r.scrollTop;
 
-
x = r.scrollLeft;
 
-
}
 
-
return (yx == 0)?y:x;
 
-
}
 
-
 
-
 
-
function snow(){
 
-
var dy,dx;
 
-
 
-
for (i = 0; i < num; i++){
 
-
dy = fall[i];
 
-
dx = fall[i] * Math.cos(currStep[i]);
 
-
 
-
y[i]+=dy;
 
-
x[i]+=dx;
 
-
 
-
if (x[i] >= w || y[i] >= h){
 
-
  y[i] = -10;
 
-
  x[i] = Math.round(Math.random() * w);
 
-
  fall[i] = (sfs[i] == 1)?
 
-
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
 
-
  step[i] = (sfs[i] == 1)?
 
-
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
 
-
}
 
-
 
-
theFlakes[i].top = y[i] + scrl(0) + pix;
 
-
theFlakes[i].left = x[i] + scrl(1) + pix;
 
-
 
-
currStep[i]+=step[i];
 
-
}
 
-
setTimeout(snow,timer);
 
-
}
 
-
 
-
 
-
function init(){
 
-
winsize();
 
-
for (i = 0; i < num; i++){
 
-
theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
 
-
y[i] = Math.round(Math.random()*h);
 
-
x[i] = Math.round(Math.random()*w);
 
-
}
 
-
snow();
 
-
}
 
-
 
-
 
-
if (window.addEventListener){
 
-
window.addEventListener("resize",winsize,false);
 
-
window.addEventListener("load",init,false);
 
-
 
-
else if (window.attachEvent){
 
-
window.attachEvent("onresize",winsize);
 
-
window.attachEvent("onload",init);
 
-
}
 
-
 
-
})();
 
-
}
 
</script>
</script>

Latest revision as of 02:23, 27 October 2012



Logo VGEM

Genetically engineered bacteriophage for diagnosis of whooping cough


Whooping cough, the infectious respiratory disease caused by Bordetella pertussis, is diagnosed in tens of millions of people and results in almost 300,000 deaths globally each year. Low-income and unvaccinated individuals as well as infants are especially susceptible. Current diagnostic procedures are complicated, costly, and can take up to a week, by which time the disease may have progressed or spread. The enormous impact of this disease urgently motivates the development of a faster, cheaper, and more reliable diagnostic test. Our epidemiology models suggest that earlier diagnosis could drastically reduce the incidence and impact of the disease. We propose an engineered bacteriophage diagnostic system for rapid clinical detection of pertussis. We first engineered T7 bacteriophage to demonstrate this approach in E. coli. Our modular diagnostic approach can be applied to the high-sensitivity detection of other bacteria.