Team:Arizona State

From 2012.igem.org

(Difference between revisions)
 
(99 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Arizona_State/Template:Header}}
{{:Team:Arizona_State/Template:Header}}
-
<html lang="en">
 
-
<br>
 
-
<!-- Horizontal Accordion -->
 
-
<head>
 
-
<meta http-equiv="content-type" content="text/html;charset=utf-8">
 
-
<!-- <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Imperial_College_London/superfish?action=raw&ctype=text/css" media="screen"> -->
 
-
   
 
-
    <style type="text/css">
 
-
/*** ESSENTIAL STYLES ***/
 
-
a.collapseLink {
 
-
font-weight:bold;
 
-
font-size:1em;
 
-
color:#225323;
 
-
}
 
-
.sf-menu, .sf-menu * {
 
-
margin: 0;
 
-
padding: 0;
 
-
list-style: none;
 
-
}
 
-
.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;
 
-
}
 
-
/*** DEMO SKIN ***/
+
<html>
-
.sf-menu {
+
<br/><br/>
-
float: left;
+
<head>
-
margin-bottom: 1em;
+
<style type="text/css">
 +
/* use, put this in <a>: class="linkopacity" */
 +
a.linkopacity img
 +
{
 +
    filter:alpha(opacity=90); /* For IE8 and earlier */
 +
    opacity: 0.9;
}
}
-
.sf-menu a {
+
a.linkopacity:hover img
-
border-left: 1px solid #fff;
+
{
-
border-top: 1px solid #826554;
+
    filter:alpha(opacity=100);  /* For IE8 and earlier */
-
padding: 0.37em 1em 0.37em 1em;
+
    opacity: 1.0;
-
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;
+
}
}
 +
</style>
 +
</head>
-
/*** arrows **/
+
<body>
-
.sf-menu a.sf-with-ul {
+
<div>
-
cursor: default;
+
  <div align="center">
-
padding-right: 2.25em;
+
    <table cellpadding="10">
-
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
+
    <tr>
-
}
+
      <td width="463">
-
.sf-sub-indicator {
+
-
position: absolute;
+
-
display: block;
+
-
right: .75em;
+
-
top: 1.05em; /* IE6 only */
+
-
width: 10px;
+
-
height: 10px;
+
-
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 */
+
<table width="463" height="391">
-
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
+
  <tr>
-
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
+
    <td width="57"><img src="https://static.igem.org/mediawiki/2012/1/13/Raindrop.png" alt="" width="53" height="62" /></td>
-
/* apply hovers to modern browsers */
+
    <td width="415"><h4>The Problem:<br />
-
.sf-menu ul a:focus > .sf-sub-indicator,
+
      Childhood Diarrhea From Contaminated Water</h4></td>
-
.sf-menu ul a:hover > .sf-sub-indicator,
+
    </tr>
-
.sf-menu ul a:active > .sf-sub-indicator,
+
  <tr>
-
.sf-menu ul li:hover > a > .sf-sub-indicator,
+
    <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>
-
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
+
    </tr>
-
background-position: -10px 0; /* arrow hovers for modern browsers*/
+
  <tr>
-
}
+
    <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>
 +
    </tr>
 +
</table>
-
/*** shadows for all but IE6 ***/
+
      </td>
-
.sf-shadow ul {
+
      <td><table width="376" cellpadding="10">
-
background: url('https://static.igem.org/mediawiki/2011/9/9f/ICL_Shadow.png') no-repeat bottom right;
+
        <tr>
-
padding: 0 8px 9px 0;
+
          <td width="155"><p align="center"><a class="linkopacity" href="https://2012.igem.org/Team:Arizona_State/Overview">
-
-moz-border-radius-bottomleft: 17px;
+
              <img src="https://static.igem.org/mediawiki/2012/e/e6/Backgrou_d.png" width="150" />
-
-moz-border-radius-topright: 17px;
+
          </a></p></td>
-
-webkit-border-top-right-radius: 17px;
+
          <td width="155"><p align="center"><a class="linkopacity" href="https://2012.igem.org/Team:Arizona_State/Team">
-
-webkit-border-bottom-left-radius: 17px;
+
              <img src="https://static.igem.org/mediawiki/2012/a/ac/DNA_Biosensor.png" width="150" />
-
}
+
          </a></p></td>
-
.sf-shadow ul.sf-shadow-off {
+
        </tr>
-
background: transparent;
+
        <tr>
-
}
+
          <td><p align="center"><a class="linkopacity" href="https://2012.igem.org/Team:Arizona_State/Data">
-
</style>
+
              <img src="https://static.igem.org/mediawiki/2012/5/50/Further_Engineering.png" width="150" />
-
   
+
          </a></p></td>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
+
          <td><p align="center"><a class="linkopacity" href="https://2012.igem.org/Team:Arizona_State/International">
-
    </script>  
+
              <img src="https://static.igem.org/mediawiki/2012/d/d8/Human_PRactices_.png" width="150" />
-
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/hoverIntent?action=raw&ctype=text/js">
+
          </a></p></td>
-
    </script>  
+
        </tr>
-
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/superfishjs?action=raw&ctype=text/js">
+
      </table></td>
-
    </script>
+
    </tr>
-
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/magnifier?action=raw&ctype=text/js">
+
  </table>
 +
  <p>&nbsp;</p>
 +
  </div>
 +
</div>
-
/***********************************************
 
-
* 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 Overview<span class="sf-sub-indicator"> &#187;</span></a>
 
-
<ul>
 
-
<li><a href="http://www.collegesintamilnadu.com/images/page-not-found-404.jpg">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">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