Team:Virginia

From 2012.igem.org

(Difference between revisions)
 
(35 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: visible;
+
#menubar li {visibility: hidden;
}
}
-
#menubar li a:hover{visibility: visible;}
+
#menubar li a:hover{visibility: hidden;}
.navbar {
.navbar {
Line 102: Line 107:
#float_corner {
#float_corner {
z-index:4000;
z-index:4000;
-
position:fixed;_position:absolute;top:0px;left:middle;right:middle;clip:
+
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);}
Line 137: 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 144: 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 170: 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 215: 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/2012/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/2012/b/b8/Igemlogo.fw.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 260: Line 263:
</script>
</script>
<!-- END: Livefyre Embed -->
<!-- END: Livefyre Embed -->
-
 
-
<script type="text/javascript">
 
-
 
-
/******************************************
 
-
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
 
-
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
 
-
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
 
-
******************************************/
 
-
 
 
-
  //Configure below to change URL path to the snow image
 
-
  var snowsrc="https://static.igem.org/mediawiki/2012/b/b0/Phage.png"
 
-
  // Configure below to change number of snow to render
 
-
  var no = 10;
 
-
  // Configure whether snow should disappear after x seconds (0=never):
 
-
  var hidesnowtime = 0;
 
-
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
 
-
  var snowdistance = "pageheight";
 
-
 
-
///////////Stop Config//////////////////////////////////
 
-
 
-
  var ie4up = (document.all) ? 1 : 0;
 
-
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
 
-
 
-
function iecompattest(){
 
-
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
 
-
}
 
-
 
-
  var dx, xp, yp;    // coordinate and position variables
 
-
  var am, stx, sty;  // amplitude and step variables
 
-
  var i, doc_width = 800, doc_height = 600;
 
-
 
 
-
  if (ns6up) {
 
-
    doc_width = self.innerWidth;
 
-
    doc_height = self.innerHeight;
 
-
  } else if (ie4up) {
 
-
    doc_width = iecompattest().clientWidth;
 
-
    doc_height = iecompattest().clientHeight;
 
-
  }
 
-
 
-
  dx = new Array();
 
-
  xp = new Array();
 
-
  yp = new Array();
 
-
  am = new Array();
 
-
  stx = new Array();
 
-
  sty = new Array();
 
-
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
 
-
  for (i = 0; i < no; ++ i) { 
 
-
    dx[i] = 0;                        // set coordinate variables
 
-
    xp[i] = Math.random()*(doc_width-50);  // set position variables
 
-
    yp[i] = Math.random()*doc_height;
 
-
    am[i] = Math.random()*20;        // set amplitude variables
 
-
    stx[i] = 0.02 + Math.random()/10; // set step variables
 
-
    sty[i] = 0.7 + Math.random();    // set step variables
 
-
if (ie4up||ns6up) {
 
-
      if (i == 0) {
 
-
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
 
-
      } else {
 
-
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
 
-
      }
 
-
    }
 
-
  }
 
-
 
-
  function snowIE_NS6() {  // IE and NS6 main animation function
 
-
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
 
-
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
 
-
    for (i = 0; i < no; ++ i) {  // iterate for every dot
 
-
      yp[i] += sty[i];
 
-
      if (yp[i] > doc_height-50) {
 
-
        xp[i] = Math.random()*(doc_width-am[i]-30);
 
-
        yp[i] = 0;
 
-
        stx[i] = 0.02 + Math.random()/10;
 
-
        sty[i] = 0.7 + Math.random();
 
-
      }
 
-
      dx[i] += stx[i];
 
-
      document.getElementById("dot"+i).style.top=yp[i]+"px";
 
-
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; 
 
-
    }
 
-
    snowtimer=setTimeout("snowIE_NS6()", 10);
 
-
  }
 
-
 
-
function hidesnow(){
 
-
if (window.snowtimer) clearTimeout(snowtimer)
 
-
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
 
-
}
 
-
 
-
 
-
if (ie4up||ns6up){
 
-
    snowIE_NS6();
 
-
if (hidesnowtime>0)
 
-
setTimeout("hidesnow()", hidesnowtime*1000)
 
-
}
 
-
 
-
</script>
 
-
 
-
<!--Simply copy and paste into <BODY> 
 
-
    Just above the </BODY> tag. -->
 
-
 
-
<SCRIPT type="text/javascript">
 
-
/*
 
-
Snow Fall Java Script
 
-
Visit http://rainbow.arch.scriptmania.com/scripts/
 
-
  for this script and many more
 
-
*/
 
-
 
-
//Pre-loads your image/s below
 
-
//Configure below - change URL path to the snow image
 
-
 
-
grphcs=new Array(5)
 
-
Image0=new Image();
 
-
Image0.src=grphcs[0]="https://static.igem.org/mediawiki/2012/b/b0/Phage.png";
 
-
Image1=new Image();
 
-
Image1.src=grphcs[1]="https://static.igem.org/mediawiki/2012/b/b0/Phage.png"
 
-
Image2=new Image();
 
-
Image2.src=grphcs[2]="https://static.igem.org/mediawiki/2012/b/b0/Phage.png"
 
-
Image3=new Image();
 
-
Image3.src=grphcs[3]="https://static.igem.org/mediawiki/2012/b/b0/Phage.png"
 
-
Image4=new Image();
 
-
Image4.src=grphcs[4]="https://static.igem.org/mediawiki/2012/b/b0/Phage.png"
 
-
 
-
//Smoothness depends on image file size,
 
-
//the smaller the size the more you can use!
 
-
 
-
// Configure below - change number of snow to render
 
-
Amount=15;
 
-
 
-
Ypos=new Array();
 
-
Xpos=new Array();
 
-
Speed=new Array();
 
-
Step=new Array();
 
-
Cstep=new Array();
 
-
ns=(document.layers)?1:0;
 
-
ns6=(document.getElementById&&!document.all)?1:0;
 
-
 
-
if (ns){
 
-
for (i = 0; i < Amount; i++){
 
-
var P=Math.floor(Math.random()*grphcs.length);
 
-
rndPic=grphcs[P];
 
-
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
 
-
}
 
-
}
 
-
else{
 
-
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
 
-
for (i = 0; i < Amount; i++){
 
-
var P=Math.floor(Math.random()*grphcs.length);
 
-
rndPic=grphcs[P];
 
-
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
 
-
}
 
-
document.write('</div></div>');
 
-
}
 
-
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
 
-
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
 
-
for (i=0; i < Amount; i++){
 
-
Ypos[i] = Math.round(Math.random()*WinHeight);
 
-
Xpos[i] = Math.round(Math.random()*WinWidth);
 
-
Speed[i]= Math.random()*5+3;
 
-
Cstep[i]=0;
 
-
Step[i]=Math.random()*0.1+0.05;
 
-
}
 
-
function fall(){
 
-
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
 
-
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
 
-
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
 
-
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
 
-
for (i=0; i < Amount; i++){
 
-
sy = Speed[i]*Math.sin(90*Math.PI/180);
 
-
sx = Speed[i]*Math.cos(Cstep[i]);
 
-
Ypos[i]+=sy;
 
-
Xpos[i]+=sx;
 
-
if (Ypos[i] > WinHeight){
 
-
Ypos[i]=-60;
 
-
Xpos[i]=Math.round(Math.random()*WinWidth);
 
-
Speed[i]=Math.random()*5+3;
 
-
}
 
-
if (ns){
 
-
document.layers['sn'+i].left=Xpos[i];
 
-
document.layers['sn'+i].top=Ypos[i]+hscrll;
 
-
}
 
-
else if (ns6){
 
-
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
 
-
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
 
-
}
 
-
else{
 
-
eval("document.all.si"+i).style.left=Xpos[i];
 
-
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
 
-
}
 
-
Cstep[i]+=Step[i];
 
-
}
 
-
setTimeout('fall()',115);
 
-
}
 
-
window.onload=fall
 
-
//-->
 
-
</SCRIPT>
 
-
 
-
 
</body>
</body>
</html>
</html>

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.