|
|
(44 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{:Team:Cornell/templates/header}} <!-- paulirish.com/2008/conditional-stylesheets-vs-css-
| + | |
- | hacks-answer-neither/ -->
| + | |
- | <!--[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 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
| + | |
- | <!--[if gt IE 8]><!-->
| + | |
- | <html class="no-js" lang="en">
| + | |
- | <!--<![endif]-->
| + | |
- | <div class="row">
| + | |
- | <div class="two columns">
| + | |
- | <ul class="side-nav">
| + | |
- | <li>
| + | |
- | <h6>Dry Lab</h6>
| + | |
- | </li>
| + | |
- | <li class="divider"></li>
| + | |
- | <li class ="active">
| + | |
- | <a href="https://2012.igem.org/Team:Cornell/project/drylab">How It Works</a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2012.igem.org/Team:Cornell/project/drylab/functional_requirements">Functional Requirements</a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2012.igem.org/Team:Cornell/project/drylab/components">Components</a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | Modeling
| + | |
- | <ul>
| + | |
- | <li>
| + | |
- | <a href="https://2012.igem.org/Team:Cornell/project/drylab/modeling/deployment">Deployment</a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2012.igem.org/Team:Cornell/project/drylab/modeling/time_response">Time Response</a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2012.igem.org/Team:Cornell/project/drylab/status">Device Status</a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2012.igem.org/Team:Cornell/project/drylab/3dmodel">3D Model</a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | <div class="ten columns team-bios-container">
| + | |
- | <div class="row">
| + | |
- | <div class="twelve columns">
| + | |
- | <h2 class="centered">How It Works</h2>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div>
| + | |
- | <b>Scroll over each icon to find out more about the functional requirements for our device!</b>
| + | |
- | </div>
| + | |
- | <div class="row last-ele overflow">
| + | |
- | <div class="eight columns centered overflow" style="position:relative;">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/2012/5/5d/DeviceParts0.png">
| + | |
- | <div class="func-rec-position" style="position:absolute;right:90px;top:50px;">
| + | |
- | <div class="func-req-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/0/09/Charmander_continuous.png">
| + | |
- | </div>
| + | |
- | <div class="func-req-desc">
| + | |
- | <h5>Continuous</h5>
| + | |
- | Pollution events can be hard to spot, making discrete testing inadequate as well as expensive. Monitoring water quality is a 24 hour job.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="func-rec-position" style="position:absolute;right:-33px;top:272px;">
| + | |
- | <div class="func-req-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/2/2a/Charmander_field-deployable.png">
| + | |
- | </div>
| + | |
- | <div class="func-req-desc">
| + | |
- | <h5>Field Deployable</h5>
| + | |
- | Industrial water monitoring is needed in remote and rugged terrain. In order to be applicable in these terrains, our device should be durable, water-proof. Being out in the field also means all food for bacteria and power for electronics must be provided by the device itself.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="func-rec-position" style="position:absolute;right:90px;bottom:25px;">
| + | |
- | <div class="func-req-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/e/ea/Charmander_remote.png">
| + | |
- | </div>
| + | |
- | <div class="func-req-desc">
| + | |
- | <h5>Remote</h5>
| + | |
- | To collect data in isolated locations, wireless communication is essential. This requires digital conversion of signals from our bacteria, so that it can be transmitted to the user and accessed online.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="func-rec-position" style="position:absolute;left:90px;bottom:25px;">
| + | |
- | <div class="func-req-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/1/14/Charmander_electrical-output.png">
| + | |
- | </div>
| + | |
- | <div class="func-req-desc">
| + | |
- | <h5>Electrical Output</h5>
| + | |
- | Our device needs to output signal that is practical and intuitive. Electrical signal is easy to sense, process, and convert to digital signal. </div>
| + | |
- | </div>
| + | |
- | <div class="func-rec-position" style="position:absolute;left:-35px;top:272px;">
| + | |
- | <div class="func-req-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/b/bb/Charmander_long-term.png">
| + | |
- | </div>
| + | |
- | <div class="func-req-desc">
| + | |
- | <h5>Long Term</h5>
| + | |
- | To monitor water quality in a truly continuous fashion, our device must be able to sustain itself without maintenance for long periods of time. Frequent maintenance is impractical.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="func-rec-position" style="position:absolute;left:90px;top:50px;">
| + | |
- | <div class="func-req-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/f/f0/Charmander_safe.png">
| + | |
- | </div>
| + | |
- | <div class="func-req-desc">
| + | |
- | <h5>Safe</h5>
| + | |
- | Releasing modified organisms into the environment is a threat to both human health and biodiversity. To be field-deployable, our device must integrate multiple safeguards against escape and gene transfer.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <!-- <div class="ten columns centered">
| + | |
- | <div id="homepage-slideshow">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/2012/5/5d/DeviceParts0.png">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/2012/d/d3/DeviceParts1.png">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/igem.org/4/48/DeviceParts2.png">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/igem.org/8/8e/DeviceParts3.png">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/igem.org/d/d4/DeviceParts4.png">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/igem.org/d/d3/DeviceParts5.png">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/igem.org/a/a7/DeviceParts6.png">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/igem.org/8/85/DeviceParts7.png">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/igem.org/8/8f/DeviceParts8.png">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/igem.org/a/a3/DeviceParts9.png">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/igem.org/e/ee/DeviceParts10.png">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/igem.org/d/d1/DeviceParts11.png">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/igem.org/d/df/DeviceParts12.png">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/igem.org/9/97/DeviceParts13.png">
| + | |
- | </div>
| + | |
- | </div> -->
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <script src="https://2012.igem.org/Team:Cornell/javascripts/foundation.min?action=raw&ctype=text/javascript"></script>
| + | |
- | <script src="https://2012.igem.org/Team:Cornell/javascripts/app?action=raw&ctype=text/javascript"></script>
| + | |
- | <script src="https://2012.igem.org/Team:Cornell/javascripts/lightbox?action=raw&ctype=text/javascript"></script>
| + | |
- | <script type="text/javascript">
| + | |
- | $(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');
| + | |
- | });
| + | |
- | </script>
| + | |
- | </body>
| + | |
- | </html>
| + | |