(Prototype team page) |
|||
(22 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | {{ | + | {{TAS Taipei/CSS2}} {{TAS Taipei/Bootstrap}} {{TAS Taipei/BootstrapJS}} |
− | <html> | + | <html lang="en"> |
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <title>About Us</title> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> | ||
+ | <!-- | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Template:TAS_Taipei/Bootstrap"> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Template:TAS_Taipei/JqueryJS"> | ||
+ | <script src="https://2017.igem.org/Template:TAS_Taipei/BootstrapJS"></script> | ||
+ | --> | ||
+ | <style type='text/css'> | ||
+ | #top_title, | ||
+ | #sideMenu { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: #f3f4f4; | ||
+ | } | ||
+ | |||
+ | .cv { | ||
+ | box-shadow: 100px 0px 0 0px #FD7080; | ||
+ | } | ||
− | + | .this_border { | |
− | + | background-color: #FD7080; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
+ | </style> | ||
+ | </head> | ||
− | <div class=" | + | <body> |
− | <h1> | + | <div class="return"> |
− | < | + | <h1>X</h1> |
− | < | + | </div> |
+ | <div class="yellow"> | ||
+ | <div class="box right"> | ||
+ | <div class="box2 right project" href="https://2017.igem.org/Team:TAS_Taipei/Background"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/00/T--TAS_Taipei--Project_C.png" id="dna"> | ||
+ | <h6 class="navCap">Project</h6> | ||
+ | </div> | ||
+ | <div class="box2 right experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/b0/T--TAS_Taipei--Exp_C.png" id="dna"> | ||
+ | <h6 class="navCap">Experiments</h6> | ||
+ | </div> | ||
+ | <div class="box2 right modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/be/T--TAS_Taipei--Modeling_C.png" id="dna"> | ||
+ | <h6 class="navCap">Modeling</h6> | ||
+ | </div> | ||
+ | <div class="box2 right prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/2e/T--TAS_Taipei--Prototype_C.png" id="dna"> | ||
+ | <h6 class="navCap">Prototype</h6> | ||
+ | </div> | ||
+ | <div class="box2 right policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/4/42/T--TAS_Taipei--HP2_C.png" id="dna"> | ||
+ | <h6 class="navCap">Human Practices</h6> | ||
+ | </div> | ||
+ | <div class="box2 right biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/b8/T--TAS_Taipei--Biosafety_C.png" id="dna"> | ||
+ | <h6 class="navCap">Safety</h6> | ||
+ | </div> | ||
+ | <div class="box2 right about" href="https://2017.igem.org/Team:TAS_Taipei/Team"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/1a/T--TAS_Taipei--About_Us_C.png" id="dna"> | ||
+ | <h6 class="navCap">About Us</h6> | ||
+ | </div> | ||
+ | <div class="box2 right acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/52/T--TAS_Taipei--Attributions_C.png" id="dna"> | ||
+ | <h6 class="navCap">Attributions</h6> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="blue"> | ||
+ | <div class="box3 left project" href="https://2017.igem.org/Team:TAS_Taipei/Background"> | ||
+ | <h1>Project</h1> | ||
+ | </div> | ||
+ | <div class="box3 left experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary"> | ||
+ | <h1>Experiment</h1> | ||
+ | </div> | ||
+ | <div class="box3 left modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model"> | ||
+ | <h1>Modeling</h1> | ||
+ | </div> | ||
+ | <div class="box3 left prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design"> | ||
+ | <h1>Prototype</h1> | ||
+ | </div> | ||
+ | <div class="box3 left policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices"> | ||
+ | <h1>Human Practice</h1> | ||
+ | </div> | ||
+ | <div class="box3 left biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety"> | ||
+ | <h1>Biosafety</h1> | ||
+ | </div> | ||
+ | <div class="box3 left about" href="https://2017.igem.org/Team:TAS_Taipei/Team"> | ||
+ | <h1>About Us</h1> | ||
+ | </div> | ||
+ | <div class="box3 left acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions"> | ||
+ | <h1>Attributions</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <box class="home"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/56/T--TAS_Taipei--2home.svg" alt="Home" id="home" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei';" style="cursor: pointer;"> | ||
+ | </box> | ||
+ | <div class="cv" id="cv"> | ||
+ | <div class="row"> | ||
+ | <nav class="pageNav col-lg-1" id="navbar"> | ||
+ | <ul class="nav"> | ||
+ | <li> | ||
+ | <a href="#PM" class="pageNavBig">PR CALCULATOR</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#BM" class="pageNavBig">BIOFILM CALCULATOR</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <div class="white col-lg-2"> | ||
+ | hi | ||
+ | </div> | ||
+ | <div class="col-lg-10"> | ||
+ | <!-- header --> | ||
+ | <header> | ||
+ | <div class="row"> | ||
+ | <h1 class="name col-lg-12">SOFTWARE</h1> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | We’ve created four calculators based on our modeling data to <b>inform WWTP managers on the amount of Proteorhodopsin (PR) bacteria or biofilm-coated biocarriers they need to remove nanoparticles (NPs)</b>. Imagine yourself as a WWTP manager and try our PR and biofilm calculators below! | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | Learn more about modeling for: <br> | ||
+ | <a href="https://goo.gl/Ko1uWz">PR bacteria</a> <br> | ||
+ | <a href="https://goo.gl/AATnBD">Biofilm</a> <br><br> | ||
+ | Download our calculators <a href="https://github.com/igemsoftware2017/TAS_Taipei/releases/tag/1.0.0">here.</a> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="this_border row"></div> | ||
+ | </header> | ||
+ | <section class="main"> | ||
+ | <div class="row" id="PM"> | ||
+ | <h1 class="col-lg-12 title2">PR BACTERIA CALCULATORS</h1> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | <b>PR_Runner is a calculator that outputs the final NP concentration</b> given the following inputs: initial NP concentration, initial PR bacteria concentration and intended time. Try the PR_Runner calculator below! | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | <table> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td>Initial NP Concentration (micromolar)</td> | ||
+ | <td><input type="number" id="Ltwo" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Target NP Concentration (micromolar)</td> | ||
+ | <td><input type="number" id="targetL" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Retention Time (the amount of time water stays in the tank, hours)</td> | ||
+ | <td><input type="number" id="ttwo" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td colspan="2"><button onclick = "calculate3()">Calculate!</button></td> | ||
+ | </tr> | ||
+ | <tr><td colspan=2>Initial Bacteria Concentration Needed (# of bacteria/microliter): | ||
+ | <span id="BacteriaResultConc"> </span> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </form> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | <b>ReversePR_Runner is a calculator that outputs the final bacteria concentration</b> given the following inputs: initial and target NP concentration and intended retention time. Try the ReversePR_Runner calculator below! | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | <table> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td>Initial NP Concentration (micromolar)</td> | ||
+ | <td><input type="number" id="L" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Initial Bacteria Concentration (# of cells/microliter)</td> | ||
+ | <td><input type="number" id="R" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Amount of time that can be used for the process (hours)</td> | ||
+ | <td><input type="number" id="t" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td colspan="2"><button onclick = "calculate2()">Calculate!</button></td> | ||
+ | </tr> | ||
+ | <tr><td colspan=2>Resulting NP Concentration (micromolar): <span id="NPResultConc"> </span> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </form> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row" id="BM"> | ||
+ | <h1 class="col-lg-12 title2">BIOFILM CALCULATORS</h1> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | <b>Biofilm_Runner is a calculator that outputs the NP concentration of the effluent</b> given the following inputs: initial NP concentration, speed of water in contact with biofilm, total volume of container, time for biofilm to be in contact with NP solution, and the number of biocarriers used. Try the Biofilm_Runner calculator below! | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row" id="BiofilmCalculator"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | <table> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td>Initial nanoparticle concentration (micromolar)</td> | ||
+ | <td><input type="number" id="conc" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Speed of water in contact with biofilm (cm/min)</td> | ||
+ | <td><input type="number" id="velocity" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Total Volume of Container (L)</td> | ||
+ | <td><input type="number" id="volume" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Time for biofilm to be in contact with NP solution (minutes)</td> | ||
+ | <td><input type="number" id="biot" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td># of biocarriers used (SA of 44.8 cm<sup>2</sup> each)</td> | ||
+ | <td><input type="number" id="SA" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td colspan="2"><button onclick = "calculate()">Calculate!</button></td> | ||
+ | </tr> | ||
+ | <tr><td colspan=2>Resulting Nanoparticle Concentration (micromolar): <span id="bioNPResultConc"> </span> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </form> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | <b>ReverseBiofilm_Runner is a calculator that outputs the number of biocarriers</b> needed given the following inputs: initial and target NP concentration, speed of water in contact with biofilm, total volume of container, and time for biofilm to be in contact with NP solution. Try the ReverseBiofilm_Runner calculator below! | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row" id="BiofilmCalculator2"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | <table> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td>Initial NP concentration (micromolar)</td> | ||
+ | <td><input type="number" id="Inconc" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Target NP Concentration (micromolar)</td> | ||
+ | <td><input type="number" id="targetConc" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Speed of Water in contact with Biofilm (cm/min)</td> | ||
+ | <td><input type="number" id="velocity2" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Total Volume of tank (L)</td> | ||
+ | <td><input type="number" id="Vtwo" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Total time biofilm is in contact with NP solution (minutes)</td> | ||
+ | <td><input type="number" id="biottwo" value="0"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td colspan="2"><button onclick = "calculate4()">Calculate!</button></td> | ||
+ | </tr> | ||
+ | <tr><td colspan=2># of biocarriers needed (SA of 44.8 cm<sup>2</sup> each): <span id="bioNPResultSA"> </span> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </form> | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4 class="para col-lg-12"> | ||
+ | All units of the output and the inputs are included in the program. Enter as many significant digits as possible for more accurate results. To inspect the code of each .jar files, unzip with tools like 7zip or Winzip and then use BlueJ (free Java IDE) to open the package. | ||
+ | </h4> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script> | ||
+ | $("a").on('click', function(event) { | ||
+ | if (this.hash !== "") { | ||
+ | event.preventDefault(); | ||
+ | var hash = this.hash; | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $(hash).offset().top | ||
+ | }, 300, function() { | ||
+ | // Add hash (#) to URL when done scrolling (default click behavior) | ||
+ | window.location.hash = hash; | ||
+ | }); | ||
+ | } | ||
+ | }); | ||
+ | calculate = function(){ | ||
+ | var conc = document.getElementById("conc").value; | ||
+ | var v = document.getElementById("velocity").value; | ||
+ | var SA = 44.8*document.getElementById("SA").value; | ||
+ | var V = document.getElementById("volume").value; | ||
+ | var t = document.getElementById("biot").value; | ||
+ | var tint = 5; | ||
+ | var ktrap = -0.000686; | ||
+ | var dNPdt = (ktrap*conc*v*SA)/(1000*V); | ||
+ | var resultConc = parseFloat(conc); | ||
+ | |||
+ | for(var i = 0; i<(t/tint); i++){ | ||
+ | dNPdt = (ktrap*resultConc*v*SA)/(1000*V); | ||
+ | resultConc = resultConc+tint*dNPdt; | ||
+ | } | ||
+ | |||
+ | document.getElementById("bioNPResultConc").innerHTML = resultConc; | ||
+ | } | ||
+ | calculate4 = function(){ | ||
+ | var conc = document.getElementById("Inconc").value; | ||
+ | var targetConc = document.getElementById("targetConc").value; | ||
+ | var startConc = parseFloat(conc); | ||
+ | var V = document.getElementById("Vtwo").value; | ||
+ | var v = document.getElementById("velocity2").value; | ||
+ | var t = document.getElementById("biottwo").value; | ||
+ | var SA = 1; | ||
+ | var tint = 5; | ||
+ | var ktrap = -0.00017331; | ||
+ | var dNPdt = (ktrap*conc*v*SA)/(1000*V); | ||
+ | var resultConc = parseFloat(conc); | ||
+ | |||
+ | while(true){ | ||
+ | resultConc = startConc; | ||
+ | for(var i = 0; i<(t/tint); i++){ | ||
+ | dNPdt = (ktrap*resultConc*v*SA)/(1000*V); | ||
+ | resultConc = resultConc+tint*dNPdt; | ||
+ | } | ||
+ | if(Math.abs(resultConc-targetConc)>=0.01){ | ||
+ | if((resultConc-targetConc)>0){ | ||
+ | SA += 0.1; | ||
+ | }else{ | ||
+ | SA -= 0.1; | ||
+ | } | ||
+ | }else{ | ||
+ | break; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | document.getElementById("bioNPResultSA").innerHTML = Math.round(SA*10000000/44.8)/10000000; | ||
+ | } | ||
+ | calculate2 = function(){ | ||
+ | var L = document.getElementById("L").value; | ||
+ | var R = document.getElementById("R").value; | ||
+ | var C = 0; | ||
+ | var t = document.getElementById("t").value; | ||
+ | var tStep = 0.1; | ||
+ | var kOn = 0.00000035; | ||
+ | var kOff = 0.32; | ||
+ | var dcdt = kOn*L*R - kOff*C; | ||
+ | for(var i = 0; i<(t/tStep); i++){ | ||
+ | dcdt = Math.round(((kOn*L*R)-(kOff*C))*10000000)/10000000; | ||
+ | L = Math.round((L-(tStep*dcdt))*10000000)/10000000; | ||
+ | R = Math.round((R-(tStep*dcdt))*10000000)/10000000; | ||
+ | C = Math.round((C+(tStep*dcdt))*10000000)/10000000; | ||
+ | } | ||
− | + | document.getElementById("NPResultConc").innerHTML = L; | |
− | + | } | |
− | + | calculate3 = function(){ | |
− | + | var L = document.getElementById("Ltwo").value; | |
− | + | var StartL = L; | |
+ | var targetL = document.getElementById("targetL").value; | ||
+ | var StartR = 500000; | ||
+ | var C = 0; | ||
+ | var t = document.getElementById("ttwo").value; | ||
+ | var tStep = 0.1; | ||
+ | var kOn = 0.00000035; | ||
+ | var kOff = 0.32; | ||
+ | var dcdt = kOn*L*R - kOff*C; | ||
+ | var R = 0; | ||
+ | while(true){ | ||
+ | R = StartR; | ||
+ | L = StartL; | ||
+ | for(var i = 0; i<(t/tStep); i++){ | ||
+ | dcdt = Math.round(((kOn*L*R)-(kOff*C))*100000000)/100000000; | ||
+ | L = Math.round((L-(tStep*dcdt))*100000000)/100000000; | ||
+ | R = Math.round((R-(tStep*dcdt))*100000000)/100000000; | ||
+ | C = Math.round((C+(tStep*dcdt))*100000000)/100000000; | ||
+ | } | ||
+ | if(Math.round((Math.abs(L-targetL)*100000000)/100000000)>=0.0001){ | ||
+ | if((L-targetL)>0){ | ||
+ | StartR += 100; | ||
+ | }else{ | ||
+ | StartR -= 100; | ||
+ | } | ||
+ | }else{ | ||
+ | break; | ||
+ | } | ||
+ | } | ||
+ | document.getElementById("BacteriaResultConc").innerHTML = StartR; | ||
+ | } | ||
+ | $(function() { | ||
+ | $('.yellow').removeClass('active'); | ||
+ | $('.yellow').mouseenter(function() { | ||
+ | var windowsize = $(window).width(); | ||
+ | if (windowsize > 1020) { | ||
+ | //if the window is greater than 1020px wide then hover | ||
+ | $('.yellow').addClass('active'); | ||
+ | } | ||
+ | $('.navCap').addClass('deactive'); | ||
+ | }); | ||
− | + | $('.yellow').mouseleave(function() { | |
+ | var windowsize = $(window).width(); | ||
+ | if (windowsize > 1020) { | ||
+ | //if the window is greater than 1020px wide then hover | ||
+ | $('.yellow').removeClass('active'); | ||
+ | } | ||
+ | $('.navCap').removeClass('deactive'); | ||
+ | }); | ||
− | + | $('.box2').click(function() { | |
− | < | + | var windowsize = $(window).width(); |
− | + | if (windowsize < 1020) { | |
− | + | //if the window is less than 1020px wide then turn on click for mobile. | |
− | + | if ($('.yellow').hasClass('active')) { | |
− | + | window.location = $(this).attr('href'); | |
− | + | } else { | |
− | + | $('.yellow').addClass('active'); | |
− | + | $('.return').addClass('active'); | |
− | + | $('.home').addClass('deactive'); | |
− | + | } | |
+ | } else { | ||
+ | window.location = $(this).attr('href'); | ||
+ | } | ||
− | </ | + | }) |
+ | |||
+ | $('.box3').click(function() { | ||
+ | var windowsize = $(window).width(); | ||
+ | if (windowsize < 1020) { | ||
+ | //if the window is less than 1020px wide then turn on click for mobile. | ||
+ | if ($('.yellow').hasClass('active')) { | ||
+ | window.location = $(this).attr('href'); | ||
+ | } else { | ||
+ | $('.yellow').addClass('active'); | ||
+ | $('.return').addClass('active'); | ||
+ | $('.home').addClass('deactive'); | ||
+ | } | ||
+ | } else { | ||
+ | window.location = $(this).attr('href'); | ||
+ | } | ||
+ | }) | ||
+ | |||
+ | $('.return').click(function() { | ||
+ | $('.yellow').removeClass('active'); | ||
+ | $('.return').removeClass('active'); | ||
+ | $('.home').removeClass('deactive'); | ||
+ | }) | ||
+ | |||
+ | $('.cv').click(function() { | ||
+ | $('.yellow').removeClass('active'); | ||
+ | $('.return').removeClass('active'); | ||
+ | $('.home').removeClass('deactive'); | ||
+ | }) | ||
+ | $('.jumbotron').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.cv').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.project').mouseenter(function() { | ||
+ | $('.project').addClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.experiment').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').addClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.modeling').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').addClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.prototype').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').addClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.biosafety').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').addClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.about').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').addClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.policy').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').addClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.acknowledgments').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').addClass('active'); | ||
+ | }); | ||
+ | |||
+ | }) | ||
+ | |||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 13:52, 1 November 2017
X
Project
Experiments
Modeling
Prototype
Human Practices
Safety
About Us
Attributions
Project
Experiment
Modeling
Prototype
Human Practice
Biosafety
About Us
Attributions
hi
SOFTWARE
We’ve created four calculators based on our modeling data to inform WWTP managers on the amount of Proteorhodopsin (PR) bacteria or biofilm-coated biocarriers they need to remove nanoparticles (NPs). Imagine yourself as a WWTP manager and try our PR and biofilm calculators below!
Learn more about modeling for:
PR bacteria
Biofilm
Download our calculators here.
PR BACTERIA CALCULATORS
PR_Runner is a calculator that outputs the final NP concentration given the following inputs: initial NP concentration, initial PR bacteria concentration and intended time. Try the PR_Runner calculator below!
Initial NP Concentration (micromolar) | |
Target NP Concentration (micromolar) | |
Retention Time (the amount of time water stays in the tank, hours) | |
Initial Bacteria Concentration Needed (# of bacteria/microliter): |
ReversePR_Runner is a calculator that outputs the final bacteria concentration given the following inputs: initial and target NP concentration and intended retention time. Try the ReversePR_Runner calculator below!
Initial NP Concentration (micromolar) | |
Initial Bacteria Concentration (# of cells/microliter) | |
Amount of time that can be used for the process (hours) | |
Resulting NP Concentration (micromolar): |
BIOFILM CALCULATORS
Biofilm_Runner is a calculator that outputs the NP concentration of the effluent given the following inputs: initial NP concentration, speed of water in contact with biofilm, total volume of container, time for biofilm to be in contact with NP solution, and the number of biocarriers used. Try the Biofilm_Runner calculator below!
Initial nanoparticle concentration (micromolar) | |
Speed of water in contact with biofilm (cm/min) | |
Total Volume of Container (L) | |
Time for biofilm to be in contact with NP solution (minutes) | |
# of biocarriers used (SA of 44.8 cm2 each) | |
Resulting Nanoparticle Concentration (micromolar): |
ReverseBiofilm_Runner is a calculator that outputs the number of biocarriers needed given the following inputs: initial and target NP concentration, speed of water in contact with biofilm, total volume of container, and time for biofilm to be in contact with NP solution. Try the ReverseBiofilm_Runner calculator below!
Initial NP concentration (micromolar) | |
Target NP Concentration (micromolar) | |
Speed of Water in contact with Biofilm (cm/min) | |
Total Volume of tank (L) | |
Total time biofilm is in contact with NP solution (minutes) | |
# of biocarriers needed (SA of 44.8 cm2 each): |