Team:Arizona State

From 2012.igem.org

(Difference between revisions)
 
(95 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Arizona_State/Template:Header}}
{{:Team:Arizona_State/Template:Header}}
-
<html lang="en">
 
-
<br>
 
-
<!-- Made by Jordan with help from the "https://2011.igem.org/Team:Imperial_College_London" page -->
 
-
<head>  
+
<html>
-
<meta http-equiv="content-type" content="text/html;charset=utf-8">
+
<br/><br/>
-
    <style type="text/css">
+
<head>
-
/*** ESSENTIAL STYLES ***/
+
<style type="text/css">
-
a.collapseLink {
+
/* use, put this in <a>: class="linkopacity" */
-
font-weight:bold;
+
a.linkopacity img
-
  font-size:1em;
+
{
-
color:#225323;
+
    filter:alpha(opacity=90)/* For IE8 and earlier */
 +
    opacity: 0.9;
}
}
-
.sf-menu, .sf-menu * {
+
a.linkopacity:hover img
-
margin: 0;
+
{
-
padding: 0;
+
    filter:alpha(opacity=100); /* For IE8 and earlier */
-
list-style: none;
+
    opacity: 1.0;
-
}
+
-
.sf-menu {
+
-
line-height: 1.0;
+
-
}
+
-
.sf-menu ul {
+
-
position: absolute;
+
-
top: -999em;
+
-
width: 195px; /* left offset of submenus need to match (see below) */
+
-
}
+
-
.sf-menu ul li {
+
-
width: 100%;
+
-
}
+
-
.sf-menu li:hover {
+
-
visibility: inherit; /* fixes IE7 'sticky bug' */
+
-
}
+
-
.sf-menu li {
+
-
float: left;
+
-
position: relative;
+
-
        width:                  195px;
+
-
}
+
-
.sf-menu a {
+
-
display: block;
+
-
position: relative;
+
-
}
+
-
.sf-menu li:hover ul,
+
-
.sf-menu li.sfHover ul {
+
-
left: 0;
+
-
top: 2.5em; /* match top ul list item height */
+
-
z-index: 99;
+
-
}
+
-
ul.sf-menu li:hover li ul,
+
-
ul.sf-menu li.sfHover li ul {
+
-
top: -999em;
+
-
}
+
-
ul.sf-menu li li:hover ul,
+
-
ul.sf-menu li li.sfHover ul {
+
-
left: 15.3em; /* match ul width */
+
-
top: 0;
+
-
}
+
-
ul.sf-menu li li:hover li ul,
+
-
ul.sf-menu li li.sfHover li ul {
+
-
top: -999em;
+
-
}
+
-
ul.sf-menu li li li:hover ul,
+
-
ul.sf-menu li li li.sfHover ul {
+
-
left: 10em; /* match ul width */
+
-
top: 0;
+
}
}
 +
</style>
 +
</head>
-
/*** DEMO SKIN ***/
+
<body>
-
.sf-menu {
+
<div>
-
float: left;
+
  <div align="center">
-
margin-bottom: 1em;
+
    <table cellpadding="10">
-
}
+
    <tr>
-
.sf-menu a {
+
      <td width="463">
-
border-left: 1px solid #fff;
+
-
border-top: 1px solid #826554;
+
-
padding: 0.37em 1em 0.37em 1em;
+
-
text-decoration:none;
+
-
        font-family: 'Lucida Grande', sans-serif;
+
-
        font-size:1.4em;
+
-
}
+
-
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
+
-
color: #ffd700;
+
-
}
+
-
.sf-menu li {
+
-
background: #800000;
+
-
}
+
-
.sf-menu li li {
+
-
background: #800000;
+
-
}
+
-
.sf-menu li li li {
+
-
background: #800000;
+
-
}
+
-
.sf-menu li:hover, .sf-menu li.sfHover,
+
-
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
+
-
background: #b30000;
+
-
outline: 0;
+
-
}
+
-
/*** arrows **/
+
<table width="463" height="391">
-
.sf-menu a.sf-with-ul {
+
  <tr>
-
cursor: default;
+
    <td width="57"><img src="https://static.igem.org/mediawiki/2012/1/13/Raindrop.png" alt="" width="53" height="62" /></td>
-
padding-right: 2.25em;
+
    <td width="415"><h4>The Problem:<br />
-
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
+
      Childhood Diarrhea From Contaminated Water</h4></td>
-
}
+
    </tr>
-
.sf-sub-indicator {
+
  <tr>
-
position: absolute;
+
    <td colspan="2"><a class="linkopacity" href="https://2012.igem.org/Team:Arizona_State/Problem"><img src="https://static.igem.org/mediawiki/2012/0/03/Asuigem_diseasemap.png" alt="" width="450" /></td>
-
display: block;
+
    </tr>
-
right: .75em;
+
  <tr>
-
top: 1.05em; /* IE6 only */
+
    <td colspan="2"><medium>Viewed as a minor inconvenience in the developed world, diarrhea can be a death sentence in developing countries. Diarrhea can be life threatening as it causes severe dehydration as a result of extensive fluid loss. An estimated 2.0 billion cases of diarrhea occur each year amongst children under five years of age. Of these cases, 1.5 million children die. The major bacterial pathogens that most frequently cause acute childhood diarrhea are <i>E. coli, Shigella, Campylobacter</i> and <i>Salmonella</i>. Currently, existing biosensors for water-borne pathogens are either costly, inaccessible to developing countries, require expensive equipment constrained to a lab setting, difficult to use without training, and not very reliable...<a href="https://2012.igem.org/Team:Arizona_State/Problem"><strong>More &gt;</strong></a></small></td>
-
width: 10px;
+
    </tr>
-
height: 10px;
+
</table>
-
text-indent: -999em;
+
-
overflow: hidden;
+
-
background: url('https://static.igem.org/mediawiki/2011/2/2f/ICL_MenuArrow.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
+
-
}
+
-
a > .sf-sub-indicator { /* give all except IE6 the correct values */
+
-
top: .8em;
+
-
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
+
-
}
+
-
/* apply hovers to modern browsers */
+
-
a:focus > .sf-sub-indicator,
+
-
a:hover > .sf-sub-indicator,
+
-
a:active > .sf-sub-indicator,
+
-
li:hover > a > .sf-sub-indicator,
+
-
li.sfHover > a > .sf-sub-indicator {
+
-
background-position: -10px -100px; /* arrow hovers for modern browsers*/
+
-
}
+
-
/* point right for anchors in subs */
+
      </td>
-
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
+
      <td><table width="376" cellpadding="10">
-
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
+
        <tr>
-
/* apply hovers to modern browsers */
+
          <td width="155"><p align="center"><a class="linkopacity" href="https://2012.igem.org/Team:Arizona_State/Overview">
-
.sf-menu ul a:focus > .sf-sub-indicator,
+
              <img src="https://static.igem.org/mediawiki/2012/e/e6/Backgrou_d.png" width="150" />
-
.sf-menu ul a:hover > .sf-sub-indicator,
+
          </a></p></td>
-
.sf-menu ul a:active > .sf-sub-indicator,
+
          <td width="155"><p align="center"><a class="linkopacity" href="https://2012.igem.org/Team:Arizona_State/Team">
-
.sf-menu ul li:hover > a > .sf-sub-indicator,
+
              <img src="https://static.igem.org/mediawiki/2012/a/ac/DNA_Biosensor.png" width="150" />
-
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
+
          </a></p></td>
-
background-position: -10px 0; /* arrow hovers for modern browsers*/
+
        </tr>
-
}
+
        <tr>
 +
          <td><p align="center"><a class="linkopacity" href="https://2012.igem.org/Team:Arizona_State/Data">
 +
              <img src="https://static.igem.org/mediawiki/2012/5/50/Further_Engineering.png" width="150" />
 +
          </a></p></td>
 +
          <td><p align="center"><a class="linkopacity" href="https://2012.igem.org/Team:Arizona_State/International">
 +
              <img src="https://static.igem.org/mediawiki/2012/d/d8/Human_PRactices_.png" width="150" />
 +
          </a></p></td>
 +
        </tr>
 +
      </table></td>
 +
    </tr>
 +
  </table>
 +
  <p>&nbsp;</p>
 +
  </div>
 +
</div>
-
/*** shadows for all but IE6 ***/
 
-
.sf-shadow ul {
 
-
background: url('https://static.igem.org/mediawiki/2011/9/9f/ICL_Shadow.png') no-repeat bottom right;
 
-
padding: 0 8px 9px 0;
 
-
-moz-border-radius-bottomleft: 17px;
 
-
-moz-border-radius-topright: 17px;
 
-
-webkit-border-top-right-radius: 17px;
 
-
-webkit-border-bottom-left-radius: 17px;
 
-
}
 
-
.sf-shadow ul.sf-shadow-off {
 
-
background: transparent;
 
-
}
 
-
</style>
 
-
   
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
 
-
    </script>
 
-
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/hoverIntent?action=raw&ctype=text/js">
 
-
    </script>
 
-
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/superfishjs?action=raw&ctype=text/js">
 
-
    </script>
 
-
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/magnifier?action=raw&ctype=text/js">
 
-
/***********************************************
 
-
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
 
-
* This notice MUST stay intact for legal use
 
-
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
 
-
***********************************************/
 
-
 
-
<script type="text/javascript">
 
-
var $ = jQuery;
 
-
jQuery.imageMagnify.zIndexcounter = 1000;
 
-
</script>
 
-
 
-
<script>
 
-
$(document).ready(function() {
 
-
$("sup").click(function () {
 
-
if ($(this).html().substr(0,1)=="[")
 
-
{
 
-
if ($('.technology').length>0)
 
-
{
 
-
ddaccordion.expandone('technology', $('.technology').length-1)
 
-
setTimeout("window.scrollBy(0,50000)",200)
 
-
}
 
-
else window.scrollBy(0,50000)
 
-
}
 
-
});
 
-
$("sup").mouseover(function () {
 
-
if ($(this).html().substr(0,1)=="[") $(this).css('cursor', 'pointer');
 
-
});
 
-
});
 
-
</script>
 
-
 
-
<script>
 
-
$(document).ready(function() {
 
-
$('ul.sf-menu').superfish({
 
-
});
 
-
});
 
-
</script>
 
-
</head>
 
-
 
-
<body>
 
-
<div id='menucontainer'>
 
-
<ul class="sf-menu sf-navbar">
 
-
<li>
 
-
<a class="sf-with-ul" href="#">Project<span class="sf-sub-indicator"> &#187;</span></a>
 
-
<ul>
 
-
<li><a href="https://2012.igem.org/Team:Arizona_State/Problem">Problem</a> </li>
 
-
<li><a href="http://www.collegesintamilnadu.com/images/page-not-found-404.jpg">Overview</a> </li>
 
-
<li><a href="http://www.collegesintamilnadu.com/images/page-not-found-404.jpg">Magainin</a> </li>
 
-
<li><a href="http://www.collegesintamilnadu.com/images/page-not-found-404.jpg">Chimeric Reporter</a>
 
-
<li><a href="http://www.collegesintamilnadu.com/images/page-not-found-404.jpg">ssDNA</a>
 
-
</ul>
 
-
</li>
 
-
<li>
 
-
<a class="sf-with-ul" href="#">Results<span class="sf-sub-indicator"> &#187;</span></a>
 
-
<ul>
 
-
<li><a href="http://www.collegesintamilnadu.com/images/page-not-found-404.jpg">Data</a> </li>
 
-
<li><a href="http://www.collegesintamilnadu.com/images/page-not-found-404.jpg">Main Results</a> </li>
 
-
</ul>
 
-
</li>
 
-
<li>
 
-
<a class="sf-with-ul" href="#">Outreach<span class="sf-sub-indicator"> &#187;</span></a>
 
-
<ul>
 
-
<li><a href="http://www.collegesintamilnadu.com/images/page-not-found-404.jpg">University</a> </li>
 
-
<li><a href="http://www.collegesintamilnadu.com/images/page-not-found-404.jpg">Community</a> </li>
 
-
<li><a href="http://www.collegesintamilnadu.com/images/page-not-found-404.jpg">International</a> </li>
 
-
  <li><a href="http://www.collegesintamilnadu.com/images/page-not-found-404.jpg">Human Practices</a> </li>
 
-
</ul>
 
-
</li>
 
-
<li>
 
-
<a class="sf-with-ul" href="#">Team<span class="sf-sub-indicator"> &#187;</span></a>
 
-
<ul>
 
-
<li><a href="http://www.collegesintamilnadu.com/images/page-not-found-404.jpg">Bio</a> </li>
 
-
</ul>
 
-
</li>
 
-
<li>
 
-
<a class="sf-with-ul" href="#">Achievements<span class="sf-sub-indicator"> &#187;</span></a>
 
-
<ul>
 
-
<li><a href="http://www.collegesintamilnadu.com/images/page-not-found-404.jpg">Judging Criteria</a> </li>
 
-
<li><a href="http://www.collegesintamilnadu.com/images/page-not-found-404.jpg">Regional Jamboree</a> </li>
 
-
</ul>
 
-
</li>
 
-
  </ul>
 
-
</div>
 
</body>
</body>
-
 
</html>
</html>
 +
{{:Team:Arizona_State/Templates/footer}}

Latest revision as of 03:39, 27 October 2012



The Problem:
Childhood Diarrhea From Contaminated Water

Viewed as a minor inconvenience in the developed world, diarrhea can be a death sentence in developing countries. Diarrhea can be life threatening as it causes severe dehydration as a result of extensive fluid loss. An estimated 2.0 billion cases of diarrhea occur each year amongst children under five years of age. Of these cases, 1.5 million children die. The major bacterial pathogens that most frequently cause acute childhood diarrhea are E. coli, Shigella, Campylobacter and Salmonella. Currently, existing biosensors for water-borne pathogens are either costly, inaccessible to developing countries, require expensive equipment constrained to a lab setting, difficult to use without training, and not very reliable...More >

 

Quick Links

Official Team Profile

Notebook

Safety

Media

Photos