|
|
Line 48: |
Line 48: |
| </div> | | </div> |
| </div> | | </div> |
- | <div> | + | <div> |
- | <b>Scroll over each number to find out more about the components of our device!</b> | + | <b>Scroll over each number to find out more about the components of our device!</b> |
- | </div> | + | </div> |
| <div class="row last-ele overflow"> | | <div class="row last-ele overflow"> |
| <div class="twelve columns centered overflow no-pad" style="position:relative;"> | | <div class="twelve columns centered overflow no-pad" style="position:relative;"> |
Line 185: |
Line 185: |
| </div> | | </div> |
| </div> | | </div> |
- | <!-- <div class="device-position" style="position:absolute;left:103px;top:98px;z-index:6">
| + | <img class="inline" src="https://static.igem.org/mediawiki/2012/5/5d/DeviceParts0.png" style="margin:0px"> |
- | <div class="device-hover" >
| + | |
- | <div class="device-hover-pic" style="position:absolute;left:-103px;top:-98px">
| + | |
- | <img class="inline" src="https://static.igem.org/mediawiki/2012/d/d3/DeviceParts1.png">
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="device-desc">
| + | |
- | <h5>Inlet</h5>
| + | |
- | Water flows into our system, providing a sample to test water quality.
| + | |
- | </div>
| + | |
- | </div> | + | |
- | <div class="device-position" style="position:absolute;left:253px;top:283px;z-index:11">
| + | |
- | <div class="device-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/91/TransBlock.png">
| + | |
- | </div>
| + | |
- | <div class="device-desc">
| + | |
- | <h5>Filter</h5>
| + | |
- | Prevents foreign microbes from entering and contaminating our reactor.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="device-position" style="position:absolute;left:333px;top:174px;z-index:8">
| + | |
- | <div class="device-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/91/TransBlock.png">
| + | |
- | </div>
| + | |
- | <div class="device-desc">
| + | |
- | <h5>Pumps</h5>
| + | |
- | Move water and food to and from the reactor.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="device-position" style="position:absolute;left:352px;top:82px;z-index:4">
| + | |
- | <div class="device-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/91/TransBlock.png">
| + | |
- | </div>
| + | |
- | <div class="device-desc">
| + | |
- | <h5>Piping and Calibration</h5>
| + | |
- | Resist corrosion and set flow rates to the optimal level.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="device-position" style="position:absolute;left:248px;top:84px;z-index:5">
| + | |
- | <div class="device-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/91/TransBlock.png">
| + | |
- | </div>
| + | |
- | <div class="device-desc">
| + | |
- | <h5>Reactors</h5>
| + | |
- | House bacteria that produce electrical current in response to toxins.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="device-position" style="position:absolute;left:398px;top:299px;z-index:12">
| + | |
- | <div class="device-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/91/TransBlock.png">
| + | |
- | </div>
| + | |
- | <div class="device-desc">
| + | |
- | <h5>Food Tanks</h5>
| + | |
- | Supply our bacteria with lactate to keep them alive.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="device-position" style="position:absolute;left:189px;top:73px;z-index:3">
| + | |
- | <div class="device-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/91/TransBlock.png">
| + | |
- | </div>
| + | |
- | <div class="device-desc">
| + | |
- | <h5>Electronics</h5>
| + | |
- | Record bacterial current and transmit data wirelessly to the user.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="device-position" style="position:absolute;left:359px;top:251px;z-index:10">
| + | |
- | <div class="device-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/91/TransBlock.png">
| + | |
- | </div>
| + | |
- | <div class="device-desc">
| + | |
- | <h5>Battery</h5>
| + | |
- | Keeps our device running.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="device-position" style="position:absolute;left:395px;top:6px;z-index:1">
| + | |
- | <div class="device-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/91/TransBlock.png">
| + | |
- | </div>
| + | |
- | <div class="device-desc">
| + | |
- | <h5>Solar Panel</h5>
| + | |
- | Extends the longevity of our device by providing extra power.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="device-position" style="position:absolute;left:475px;top:230px;z-index:9">
| + | |
- | <div class="device-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/91/TransBlock.png">
| + | |
- | </div>
| + | |
- | <div class="device-desc">
| + | |
- | <h5>Filter</h5>
| + | |
- | Prevents our microbes from leaving the device.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="device-position" style="position:absolute;left:522px;top:112px;z-index:7">
| + | |
- | <div class="device-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/91/TransBlock.png">
| + | |
- | </div>
| + | |
- | <div class="device-desc">
| + | |
- | <h5>Outlet</h5>
| + | |
- | Water flows back to the source.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="device-position" style="position:absolute;left:543px;top:323px;z-index:13">
| + | |
- | <div class="device-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/91/TransBlock.png">
| + | |
- | </div>
| + | |
- | <div class="device-desc">
| + | |
- | <h5>Support</h5>
| + | |
- | Keeps the device safe from weather, rocks, and, of course, bears.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="device-position" style="position:absolute;left:651px;top:42px;z-index:2">
| + | |
- | <div class="device-hover" >
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/91/TransBlock.png">
| + | |
- | </div>
| + | |
- | <div class="device-desc">
| + | |
- | <h5>The Full Device</h5>
| + | |
- | In all of its glory.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | --> <span id="device1" style="position:absolute;left:0;top:0;width:783;height:489;opacity:0;-webkit-transition:opacity 0.5s"></span>
| + | |
- | <img class="inline stacked" id="device1" src="https://static.igem.org/mediawiki/2012/d/d3/DeviceParts1.png" style="margin:0px">
| + | |
- | <!-- <img class="inline stacked" id="device1" src="https://static.igem.org/mediawiki/igem.org/4/48/DeviceParts2.png" style="margin:0px">
| + | |
- | <img class="inline stacked" id="device1" src="https://static.igem.org/mediawiki/igem.org/8/8e/DeviceParts3.png" style="margin:0px">
| + | |
- | <img class="inline stacked" id="device1" src="https://static.igem.org/mediawiki/igem.org/d/d4/DeviceParts4.png" style="margin:0px">
| + | |
- | <img class="inline stacked" id="device1" src="https://static.igem.org/mediawiki/igem.org/d/d3/DeviceParts5.png" style="margin:0px">
| + | |
- | <img class="inline stacked" id="device1" src="https://static.igem.org/mediawiki/igem.org/a/a7/DeviceParts6.png" style="margin:0px">
| + | |
- | <img class="inline stacked" id="device1" src="https://static.igem.org/mediawiki/igem.org/8/85/DeviceParts7.png" style="margin:0px">
| + | |
- | <img class="inline stacked" id="device1" src="https://static.igem.org/mediawiki/igem.org/8/8f/DeviceParts8.png" style="margin:0px">
| + | |
- | <img class="inline stacked" id="device1" src="https://static.igem.org/mediawiki/igem.org/a/a3/DeviceParts9.png" style="margin:0px">
| + | |
- | <img class="inline stacked" id="device1" src="https://static.igem.org/mediawiki/igem.org/e/ee/DeviceParts10.png" style="margin:0px">
| + | |
- | <img class="inline stacked" id="device1" src="https://static.igem.org/mediawiki/igem.org/d/d1/DeviceParts11.png" style="margin:0px">
| + | |
- | <img class="inline stacked" id="device1" src="https://static.igem.org/mediawiki/igem.org/d/df/DeviceParts12.png" style="margin:0px">
| + | |
- | <img class="inline stacked" id="device1" src="https://static.igem.org/mediawiki/igem.org/9/97/DeviceParts13.png" style="margin:0px">
| + | |
- | --> <img class="inline" src="https://static.igem.org/mediawiki/2012/5/5d/DeviceParts0.png" style="margin:0px">
| + | |
| </div> | | </div> |
| </div> | | </div> |
- | <!-- <div class="row last-ele overflow">
| |
- | <div class="twelve columns centered overflow no-pad" style="position:relative;">
| |
- | <img class="inline" ismap="ismap" usemap="#devicemap" src="https://static.igem.org/mediawiki/2012/5/5d/DeviceParts0.png" style="margin:0px">
| |
- | <map name="devicemap">
| |
- | <area id="device1" shape="circle" coords="126,127,23" href="">
| |
- | <area id="device2" shape="circle" coords="276,310,23" href="">
| |
- | <area id="device3" shape="circle" coords="356,201,23" href="">
| |
- | <area id="device4" shape="circle" coords="375,109,23" href="">
| |
- | <area id="device5" shape="circle" coords="271,111,23" href="">
| |
- | <area id="device6" shape="circle" coords="421,326,23" href="">
| |
- | <area id="device7" shape="circle" coords="212,100,23" href="">
| |
- | <area id="device8" shape="circle" coords="382,278,23" href="">
| |
- | <area id="device9" shape="circle" coords="418,33,23" href="">
| |
- | <area id="device10" shape="circle" coords="498,257,23" href="">
| |
- | <area id="device11" shape="circle" coords="545,139,23" href="">
| |
- | <area id="device12" shape="circle" coords="566,350,23" href="">
| |
- | <area id="device13" shape="circle" coords="674,69,23" href="">
| |
- | </map>
| |
- | <ul id="deviceOver">
| |
- | <li id="device1"><a>1</a></li>
| |
- | <li id="device2"><a>2</a></li>
| |
- | <li id="device3"><a>3</a></li>
| |
- | <li id="device4"><a>4</a></li>
| |
- | <li id="device5"><a>5</a></li>
| |
- | <li id="device6"><a>6</a></li>
| |
- | <li id="device7"><a>7</a></li>
| |
- | <li id="device8"><a>8</a></li>
| |
- | <li id="device9"><a>9</a></li>
| |
- | <li id="device10"><a>10</a></li>
| |
- | <li id="device11"><a>11</a></li>
| |
- | <li id="device12"><a>12</a></li>
| |
- | <li id="device13"><a>13</a></li>
| |
- | </ul>
| |
- | --> </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> |
| </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/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/app?action=raw&ctype=text/javascript"></script> |