Team:Cornell/project/drylab

From 2012.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 48: Line 48:
</div>
</div>
</div>
</div>
-
<div class="twelve columns no-pad" style="width:700px;margin:20px auto;">
+
<div>
-
<div id="homepage-slideshow">
+
<b>Scroll over each number to find out more about the components of our device!</b>
-
<img class="inline" src="http://2012.igem.org/wiki/images/5/5d/DeviceParts0.png">
+
</div>
-
<img class="inline" src="http://2012.igem.org/wiki/images/d/d3/DeviceParts1.png">
+
<div class="row last-ele overflow">
-
<img class="inline" src="http://igem.org/wiki/images/4/48/DeviceParts2.png">
+
<div class="twelve columns centered overflow no-pad" style="position:relative;">
-
<img class="inline" src="http://igem.org/wiki/images/8/8e/DeviceParts3.png">
+
<div class="device-position">
-
<img class="inline" src="http://igem.org/wiki/images/d/d4/DeviceParts4.png">
+
<div class="device-hover" style="position:absolute;left:103px;top:98px"></div>
-
<img class="inline" src="http://igem.org/wiki/images/d/d3/DeviceParts5.png">
+
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
-
<img class="inline" src="http://igem.org/wiki/images/a/a7/DeviceParts6.png">
+
<div class="device-desc">
-
<img class="inline" src="http://igem.org/wiki/images/8/85/DeviceParts7.png">
+
<h5>Inlet</h5>
-
<img class="inline" src="http://igem.org/wiki/images/8/8f/DeviceParts8.png">
+
Water flows into our system, providing a sample to test water quality.
-
<img class="inline" src="http://igem.org/wiki/images/a/a3/DeviceParts9.png">
+
</div>
-
<img class="inline" src="http://igem.org/wiki/images/e/ee/DeviceParts10.png">
+
<img class="inline" src="http://2012.igem.org/wiki/images/d/d3/DeviceParts1.png">
-
<img class="inline" src="http://igem.org/wiki/images/d/d1/DeviceParts11.png">
+
</div>
-
<img class="inline" src="http://igem.org/wiki/images/d/df/DeviceParts12.png">
+
</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:253px;top:283px">
 +
<img src="http://2012.igem.org/wiki/images/9/91/TransBlock.png">
 +
</div>
 +
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
 +
<div class="device-desc">
 +
<h5>Filter</h5>
 +
Prevents foreign microbes from entering and contaminating our reactor.
 +
</div>
 +
<img class="inline" src="http://igem.org/wiki/images/4/48/DeviceParts2.png">
 +
</div>
 +
</div>
 +
<div class="device-position">
 +
<div class="device-hover" style="position:absolute;left:333px;top:174px"></div>
 +
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
 +
<div class="device-desc">
 +
<h5>Pumps</h5>
 +
Move water and food to and from the reactor.
 +
</div>
 +
<img class="inline" src="http://igem.org/wiki/images/8/8e/DeviceParts3.png">
 +
</div>
 +
</div>
 +
<div class="device-position">
 +
<div class="device-hover" style="position:absolute;left:352px;top:82px"></div>
 +
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
 +
<div class="device-desc">
 +
<h5>Piping and Calibration</h5>
 +
Resist corrosion and set flow rates to the optimal level.
 +
</div>
 +
<img class="inline" src="http://igem.org/wiki/images/d/d4/DeviceParts4.png">
 +
</div>
 +
</div>
 +
<div class="device-position">
 +
<div class="device-hover" style="position:absolute;left:248px;top:84px"></div>
 +
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
 +
<div class="device-desc">
 +
<h5>Reactors</h5>
 +
House bacteria that produce electrical current in response to toxins.
 +
</div>
 +
<img class="inline" src="http://igem.org/wiki/images/d/d3/DeviceParts5.png">
 +
</div>
 +
</div>
 +
<div class="device-position">
 +
<div class="device-hover" style="position:absolute;left:398px;top:299px"></div>
 +
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
 +
<div class="device-desc">
 +
<h5>Food Tanks</h5>
 +
Supply our bacteria with lactate to keep them alive.
 +
</div>
 +
<img class="inline" src="http://igem.org/wiki/images/a/a7/DeviceParts6.png">
 +
</div>
 +
</div>
 +
<div class="device-position">
 +
<div class="device-hover" style="position:absolute;left:189px;top:73px"></div>
 +
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
 +
<div class="device-desc">
 +
<h5>Electronics</h5>
 +
Record bacterial current and transmit data wirelessly to the user.
 +
</div>
 +
<img class="inline" src="http://igem.org/wiki/images/8/85/DeviceParts7.png">
 +
</div>
 +
</div>
 +
<div class="device-position">
 +
<div class="device-hover" style="position:absolute;left:359px;top:251px"></div>
 +
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
 +
<div class="device-desc">
 +
<h5>Battery</h5>
 +
Keeps our device running.
 +
</div>
 +
<img class="inline" src="http://igem.org/wiki/images/8/8f/DeviceParts8.png">
 +
</div>
 +
</div>
 +
<div class="device-position">
 +
<div class="device-hover" style="position:absolute;left:395px;top:6px"></div>
 +
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
 +
<div class="device-desc">
 +
<h5>Solar Panel</h5>
 +
Extends the longevity of our device by providing extra power.
 +
</div>
 +
<img class="inline" src="http://igem.org/wiki/images/a/a3/DeviceParts9.png">
 +
</div>
 +
</div>
 +
<div class="device-position">
 +
<div class="device-hover" style="position:absolute;left:475px;top:230px"></div>
 +
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
 +
<div class="device-desc">
 +
<h5>Filter</h5>
 +
Prevents our microbes from leaving the device.
 +
</div>
 +
<img class="inline" src="http://igem.org/wiki/images/e/ee/DeviceParts10.png">
 +
</div>
 +
</div>
 +
<div class="device-position">
 +
<div class="device-hover" style="position:absolute;left:522px;top:112px"></div>
 +
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
 +
<div class="device-desc">
 +
<h5>Outlet</h5>
 +
Water flows back to the source.
 +
</div>
 +
<img class="inline" src="http://igem.org/wiki/images/d/d1/DeviceParts11.png">
 +
</div>
 +
</div>
 +
<div class="device-position">
 +
<div class="device-hover" style="position:absolute;left:543px;top:323px"></div>
 +
<div class="device-hover-pic" style="position:absolute;left:0px;top:0px">
 +
<div class="device-desc">
 +
<h5>Support</h5>
 +
Keeps the device safe from weather, rocks, and, of course, bears.
 +
</div>
 +
<img class="inline" src="http://igem.org/wiki/images/d/df/DeviceParts12.png">
 +
</div>
 +
</div>
 +
<div class="device-position">
 +
<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">
 +
<div class="device-desc">
 +
<h5>The Full Device</h5>
 +
In all of its glory.
 +
</div>
 +
<img class="inline" src="http://igem.org/wiki/images/9/97/DeviceParts13.png">
 +
</div>
 +
</div>
 +
<img class="inline" src="http://2012.igem.org/wiki/images/5/5d/DeviceParts0.png" style="margin:0px">
</div>
</div>
</div>
</div>
Line 73: Line 195:
<script type="text/javascript">
<script type="text/javascript">
$(window).load(function() {
$(window).load(function() {
-
$('#homepage-slideshow').orbit({
 
-
animation : 'fade', // fade, horizontal-slide, vertical-slide, horizontal-push
 
-
animationSpeed : 400, // how fast animtions are
 
-
timer : false, // true or false to have the timer
 
-
resetTimerOnClick : false, // true resets the timer instead of pausing slideshow progress
 
-
advanceSpeed : 8000, // if timer is enabled, time between transitions
 
-
pauseOnHover : false, // if you hover pauses the slider
 
-
startClockOnMouseOut : false, // if clock should start on MouseOut
 
-
startClockOnMouseOutAfter : 1000, // how long after MouseOut should the timer start again
 
-
directionalNav : true, // manual advancing directional navs
 
-
captions : false, // do you want captions?
 
-
captionAnimation : 'fade', // fade, slideOpen, none
 
-
captionAnimationSpeed : 400, // if so how quickly should they animate in
 
-
bullets : true, // true or false to activate the bullet navigation
 
-
bulletThumbs : false, // thumbnails for the bullets
 
-
bulletThumbLocation : '', // location from this file where thumbs will be
 
-
afterSlideChange : function() {
 
-
}, // empty function
 
-
fluid : true // or set a aspect ratio for content slides (ex: '4x3')
 
-
});
 
$('li.pg-project_drylab').addClass('active');
$('li.pg-project_drylab').addClass('active');
});
});

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.