Team:Cornell/project/drylab

From 2012.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Cornell/templates/header}} <!-- paulirish.com/2008/conditional-stylesheets-vs-css-
{{:Team:Cornell/templates/header}} <!-- paulirish.com/2008/conditional-stylesheets-vs-css-
hacks-answer-neither/ -->
hacks-answer-neither/ -->
-
 
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
-
 
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
-
 
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
-
 
<!--[if gt IE 8]><!-->
<!--[if gt IE 8]><!-->
-
 
<html class="no-js" lang="en">
<html class="no-js" lang="en">
-
 
+
<!--<![endif]-->
-
<!--<![endif]-->
+
<div class="row">
-
 
+
<div class="two columns">
-
<div class="row">
+
<ul class="side-nav">
-
 
+
<li>
-
<div class="two columns">
+
<h6>Dry Lab</h6>
-
 
+
</li>
-
<ul class="side-nav">
+
<li class="divider"></li>
-
 
+
<li class ="active">
-
<li>
+
<a href="http://2012.igem.org/Team:Cornell/project/drylab">How It Works</a>
-
 
+
</li>
-
<h6>Dry Lab</h6>
+
<li>
-
 
+
<a href="http://2012.igem.org/Team:Cornell/project/drylab/functional_requirements">Functional Requirements</a>
-
</li>
+
</li>
-
 
+
<li>
-
<li class="divider"></li>
+
<a href="http://2012.igem.org/Team:Cornell/project/drylab/components">Components</a>
-
 
+
</li>
-
<li class ="active">
+
<li>
-
 
+
Modeling
-
<a href="http://2012.igem.org/Team:Cornell/project/drylab">How It Works</a>
+
<ul>
-
 
+
<li>
-
</li>
+
<a href="http://2012.igem.org/Team:Cornell/project/drylab/modeling/deployment">Deployment</a>
-
 
+
</li>
-
<li>
+
<li>
-
 
+
<a href="http://2012.igem.org/Team:Cornell/project/drylab/modeling/time_response">Time Response</a>
-
<a href="http://2012.igem.org/Team:Cornell/project/drylab/
+
</li>
-
functional_requirements">Functional Requirements</a>
+
</ul>
-
 
+
</li>
-
</li>
+
<li>
-
 
+
<a href="http://2012.igem.org/Team:Cornell/project/drylab/status">Device Status</a>
-
<li>
+
</li>
-
 
+
<li>
-
<a href="http://2012.igem.org/Team:Cornell/project/drylab/components">Components</a>
+
<a href="http://2012.igem.org/Team:Cornell/project/drylab/3dmodel">3D Model</a>
-
 
+
</li>
-
</li>
+
</ul>
-
 
+
</div>
-
<li>
+
<div class="ten columns team-bios-container">
-
 
+
<div class="row">
-
Modeling
+
<div class="twelve columns">
-
 
+
<h2 class="centered">How It Works</h2>
-
<ul>
+
</div>
-
 
+
</div>
-
<li>
+
<div>
-
 
+
<b>Scroll over each number to find out more about the components of our device!</b>
-
<a href="http://2012.igem.org/Team:Cornell/project/drylab/modeling/
+
</div>
-
deployment">Deployment</a>
+
<div class="row last-ele overflow">
-
 
+
<div class="twelve columns centered overflow no-pad" style="position:relative;">
-
</li>
+
<div class="device-position">
-
 
+
<div class="device-hover" style="position:absolute;left:103px;top:98px"></div>
-
<li>
+
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
-
 
+
<div class="device-desc">
-
<a href="http://2012.igem.org/Team:Cornell/project/drylab/modeling/time_response">Time
+
<h5>Inlet</h5>
-
Response</a>
+
Water flows into our system, providing a sample to test water quality.
-
 
+
</div>
-
</li>
+
<img class="inline" src="http://2012.igem.org/wiki/images/d/d3/DeviceParts1.png">
-
 
+
</div>
-
</ul>
+
</div>
-
 
+
<div class="device-position">
-
</li>
+
<div class="device-hover" style="position:absolute;left:253px;top:283px">
-
 
+
<img src="http://2012.igem.org/wiki/images/9/91/TransBlock.png">
-
<li>
+
</div>
-
 
+
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
-
<a href="http://2012.igem.org/Team:Cornell/project/drylab/status">Device Status</a>
+
<div class="device-desc">
-
 
+
<h5>Filter</h5>
-
</li>
+
Prevents foreign microbes from entering and contaminating our reactor.
-
 
+
</div>
-
<li>
+
<img class="inline" src="http://igem.org/wiki/images/4/48/DeviceParts2.png">
-
 
+
</div>
-
<a href="http://2012.igem.org/Team:Cornell/project/drylab/3dmodel">3D Model</a>
+
</div>
-
 
+
<div class="device-position">
-
</li>
+
<div class="device-hover" style="position:absolute;left:333px;top:174px"></div>
-
 
+
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
-
</ul>
+
<div class="device-desc">
-
 
+
<h5>Pumps</h5>
-
</div>
+
Move water and food to and from the reactor.
-
 
+
</div>
-
<div class="ten columns team-bios-container">
+
<img class="inline" src="http://igem.org/wiki/images/8/8e/DeviceParts3.png">
-
 
+
</div>
-
<div class="row">
+
</div>
-
 
+
<div class="device-position">
-
<div class="twelve columns">
+
<div class="device-hover" style="position:absolute;left:352px;top:82px"></div>
-
 
+
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
-
<h2 class="centered">How It Works</h2>
+
<div class="device-desc">
-
 
+
<h5>Piping and Calibration</h5>
-
</div>
+
Resist corrosion and set flow rates to the optimal level.
-
 
+
</div>
-
</div>
+
<img class="inline" src="http://igem.org/wiki/images/d/d4/DeviceParts4.png">
-
 
+
</div>
-
<div class="twelve columns no-pad" style="margin-bottom:20px;">
+
</div>
-
 
+
<div class="device-position">
-
<div id="homepage-slideshow">
+
<div class="device-hover" style="position:absolute;left:248px;top:84px"></div>
-
<img src="http://2012.igem.org/wiki/images/1/19/Cornell1Sliders.jpg" />
+
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
-
 
+
<div class="device-desc">
-
<img class="inline" src="http://2012.igem.org/wiki/images/5/5d/DeviceParts0.png">
+
<h5>Reactors</h5>
-
 
+
House bacteria that produce electrical current in response to toxins.
-
<img class="inline" src="http://2012.igem.org/wiki/images/d/d3/DeviceParts1.png">
+
</div>
-
 
+
<img class="inline" src="http://igem.org/wiki/images/d/d3/DeviceParts5.png">
-
<img class="inline" src="http://igem.org/wiki/images/4/48/DeviceParts2.png">
+
</div>
-
 
+
</div>
-
<img class="inline" src="http://igem.org/wiki/images/8/8e/DeviceParts3.png">
+
<div class="device-position">
-
 
+
<div class="device-hover" style="position:absolute;left:398px;top:299px"></div>
-
<img class="inline" src="http://igem.org/wiki/images/d/d4/DeviceParts4.png">
+
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
-
 
+
<div class="device-desc">
-
<img class="inline" src="http://igem.org/wiki/images/d/d3/DeviceParts5.png">
+
<h5>Food Tanks</h5>
-
 
+
Supply our bacteria with lactate to keep them alive.
-
<img class="inline" src="http://igem.org/wiki/images/a/a7/DeviceParts6.png">
+
</div>
-
 
+
<img class="inline" src="http://igem.org/wiki/images/a/a7/DeviceParts6.png">
-
<img class="inline" src="http://igem.org/wiki/images/8/85/DeviceParts7.png">
+
</div>
-
 
+
</div>
-
<img class="inline" src="http://igem.org/wiki/images/8/8f/DeviceParts8.png">
+
<div class="device-position">
-
 
+
<div class="device-hover" style="position:absolute;left:189px;top:73px"></div>
-
<img class="inline" src="http://igem.org/wiki/images/a/a3/DeviceParts9.png">
+
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
-
 
+
<div class="device-desc">
-
<img class="inline" src="http://igem.org/wiki/images/e/ee/DeviceParts10.png">
+
<h5>Electronics</h5>
-
 
+
Record bacterial current and transmit data wirelessly to the user.
-
<img class="inline" src="http://igem.org/wiki/images/d/d1/DeviceParts11.png">
+
</div>
-
 
+
<img class="inline" src="http://igem.org/wiki/images/8/85/DeviceParts7.png">
-
<img class="inline" src="http://igem.org/wiki/images/d/df/DeviceParts12.png">
+
</div>
-
 
+
</div>
-
<img class="inline" src="http://igem.org/wiki/images/9/97/DeviceParts13.png">
+
<div class="device-position">
-
 
+
<div class="device-hover" style="position:absolute;left:359px;top:251px"></div>
-
</div>
+
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
-
 
+
<div class="device-desc">
-
</div>
+
<h5>Battery</h5>
-
 
+
Keeps our device running.
-
</div>
+
</div>
-
 
+
<img class="inline" src="http://igem.org/wiki/images/8/8f/DeviceParts8.png">
-
</div>
+
</div>
-
 
+
</div>
-
<script src="http://2012.igem.org/Team:Cornell/javascripts/foundation.min?
+
<div class="device-position">
-
action=raw&amp;ctype=text/javascript"></script>
+
<div class="device-hover" style="position:absolute;left:395px;top:6px"></div>
-
 
+
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
-
<script src="http://2012.igem.org/Team:Cornell/javascripts/app?action=raw&amp;ctype=text/
+
<div class="device-desc">
-
javascript"></script>
+
<h5>Solar Panel</h5>
-
 
+
Extends the longevity of our device by providing extra power.
-
<script src="http://2012.igem.org/Team:Cornell/javascripts/lightbox?
+
</div>
-
action=raw&amp;ctype=text/javascript"></script>
+
<img class="inline" src="http://igem.org/wiki/images/a/a3/DeviceParts9.png">
-
 
+
</div>
-
<script type="text/javascript">
+
</div>
-
 
+
<div class="device-position">
-
$(window).load(function() {
+
<div class="device-hover" style="position:absolute;left:475px;top:230px"></div>
-
 
+
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
-
$('#homepage-slideshow').orbit({
+
<div class="device-desc">
-
 
+
<h5>Filter</h5>
-
animation : 'fade', // fade, horizontal-slide, vertical-slide, horizontal-push
+
Prevents our microbes from leaving the device.
-
 
+
</div>
-
animationSpeed : 400, // how fast animtions are
+
<img class="inline" src="http://igem.org/wiki/images/e/ee/DeviceParts10.png">
-
 
+
</div>
-
timer : false, // true or false to have the timer
+
</div>
-
 
+
<div class="device-position">
-
resetTimerOnClick : false, // true resets the timer instead of pausing slideshow progress
+
<div class="device-hover" style="position:absolute;left:522px;top:112px"></div>
-
 
+
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
-
advanceSpeed : 8000, // if timer is enabled, time between transitions
+
<div class="device-desc">
-
 
+
<h5>Outlet</h5>
-
pauseOnHover : false, // if you hover pauses the slider
+
Water flows back to the source.
-
 
+
</div>
-
startClockOnMouseOut : false, // if clock should start on MouseOut
+
<img class="inline" src="http://igem.org/wiki/images/d/d1/DeviceParts11.png">
-
 
+
</div>
-
startClockOnMouseOutAfter : 1000, // how long after MouseOut should the timer start again
+
</div>
-
 
+
<div class="device-position">
-
directionalNav : true, // manual advancing directional navs
+
<div class="device-hover" style="position:absolute;left:543px;top:323px"></div>
-
 
+
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
-
captions : false, // do you want captions?
+
<div class="device-desc">
-
 
+
<h5>Support</h5>
-
captionAnimation : 'fade', // fade, slideOpen, none
+
Keeps the device safe from weather, rocks, and, of course, bears.
-
 
+
</div>
-
captionAnimationSpeed : 400, // if so how quickly should they animate in
+
<img class="inline" src="http://igem.org/wiki/images/d/df/DeviceParts12.png">
-
 
+
</div>
-
bullets : true, // true or false to activate the bullet navigation
+
</div>
-
 
+
<div class="device-position">
-
bulletThumbs : false, // thumbnails for the bullets
+
<div class="device-hover total" style="position:absolute;left:651px;top:42px"></div>
-
 
+
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
-
bulletThumbLocation : '', // location from this file where thumbs will be
+
<div class="device-desc">
-
 
+
<h5>The Full Device</h5>
-
afterSlideChange : function() {
+
In all of its glory.
-
 
+
</div>
-
}, // empty function
+
<img class="inline" src="http://igem.org/wiki/images/9/97/DeviceParts13.png">
-
 
+
</div>
-
fluid : true // or set a aspect ratio for content slides (ex: '4x3')
+
</div>
-
 
+
<img class="inline" src="http://2012.igem.org/wiki/images/5/5d/DeviceParts0.png" style="margin:0px">
-
});
+
</div>
-
 
+
</div>
-
$('li.pg-project_drylab').addClass('active');
+
</div>
-
 
+
</div>
-
});
+
<script src="http://2012.igem.org/Team:Cornell/javascripts/foundation.min?action=raw&amp;ctype=text/javascript"></script>
-
 
+
<script src="http://2012.igem.org/Team:Cornell/javascripts/app?action=raw&amp;ctype=text/javascript"></script>
-
</script>
+
<script src="http://2012.igem.org/Team:Cornell/javascripts/lightbox?action=raw&amp;ctype=text/javascript"></script>
-
 
+
<script type="text/javascript">
-
</body>
+
$(window).load(function() {
-
 
+
$('li.pg-project_drylab').addClass('active');
 +
});
 +
</script>
 +
</body>
</html>
</html>

Latest revision as of 22:29, 15 November 2012

How It Works

Scroll over each number to find out more about the components of our device!
Inlet
Water flows into our system, providing a sample to test water quality.
Filter
Prevents foreign microbes from entering and contaminating our reactor.
Pumps
Move water and food to and from the reactor.
Piping and Calibration
Resist corrosion and set flow rates to the optimal level.
Reactors
House bacteria that produce electrical current in response to toxins.
Food Tanks
Supply our bacteria with lactate to keep them alive.
Electronics
Record bacterial current and transmit data wirelessly to the user.
Battery
Keeps our device running.
Solar Panel
Extends the longevity of our device by providing extra power.
Filter
Prevents our microbes from leaving the device.
Outlet
Water flows back to the source.
Support
Keeps the device safe from weather, rocks, and, of course, bears.
The Full Device
In all of its glory.