|
|
Line 281: |
Line 281: |
| </div> | | </div> |
| <div class="row"> | | <div class="row"> |
− | <h4 class="para col-lg-12"> After we experimentally demonstrated that biofilms trap NPs, we wanted to <b>test biofilms under conditions similar to a WWTP sedimentation tank</b>. Based on Boswell’s circular tank design, we built our own “sedimentation tanks” using clear plastic tubes, and attached biocarriers to a central spinning rotor. Three cylinders were set up: biofilm + distilled water, biofilm + AuNP, and AuNP solution alone. Here, we decided to grow biofilm directly onto biocarriers in the cylinders to minimize any disturbances. Finally, we turned on the rotor—set at a slow rotation speed—to simulate the mild movement of water in sedimentation tanks. | + | <h4 class="para col-lg-7"> After we experimentally demonstrated that biofilms trap NPs, we wanted to <b>test biofilms under conditions similar to a WWTP sedimentation tank</b>. Based on Boswell’s circular tank design, we built our own “sedimentation tanks” using clear plastic tubes, and attached biocarriers to a central spinning rotor. Three cylinders were set up: biofilm + distilled water, biofilm + AuNP, and AuNP solution alone. Here, we decided to grow biofilm directly onto biocarriers in the cylinders to minimize any disturbances. Finally, we turned on the rotor—set at a slow rotation speed—to simulate the mild movement of water in sedimentation tanks. |
| </h4> | | </h4> |
− | </div>
| + | <div class="image_container col-lg-5"> <img src="https://static.igem.org/mediawiki/2017/1/16/T--TAS_Taipei--Biofilm_vid_fig.jpg" alt="test" id="group"> |
− | <div class="row">
| + | |
− | <!-- figure 5-8 placeholder. REPLACE THIS! -->
| + | |
− | <div class="image_container col-lg-8 col-lg-offset-2"> <img src="https://static.igem.org/mediawiki/2017/1/16/T--TAS_Taipei--Biofilm_vid_fig.jpg" alt="test" id="group"> | + | |
| <h4 class="subtitle"><b>Figure 5-8 Biofilms effectively remove NPs in a simulated sedimentation tank. </b> After about 30 hours of mixing, the color of the AuNP solution started to change from purple to clear (blue asterisk) in the cylinder containing biofilm. <span class="subCred">Prototype & Experiment: Yvonne W., Justin Y. | | <h4 class="subtitle"><b>Figure 5-8 Biofilms effectively remove NPs in a simulated sedimentation tank. </b> After about 30 hours of mixing, the color of the AuNP solution started to change from purple to clear (blue asterisk) in the cylinder containing biofilm. <span class="subCred">Prototype & Experiment: Yvonne W., Justin Y. |
| </span></h4> | | </span></h4> |
Line 316: |
Line 313: |
| Vert, M., Doi, Y., Hellwich, K., et al. (2012). Terminology for biorelated polymers and applications (IUPAC Recommendations 2012). Pure and Applied Chemistry, 84(2), pp. 377-410. Retrieved 9 Oct. 2017, from doi:10.1351/PAC-REC-10-12-04 | | Vert, M., Doi, Y., Hellwich, K., et al. (2012). Terminology for biorelated polymers and applications (IUPAC Recommendations 2012). Pure and Applied Chemistry, 84(2), pp. 377-410. Retrieved 9 Oct. 2017, from doi:10.1351/PAC-REC-10-12-04 |
| </h4> | | </h4> |
− | </div>
| |
− | </section>
| |
− | </div>
| |
− | </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;
| |
− | });
| |
− | }
| |
− | });
| |
− | $(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>
| |