Difference between revisions of "Team:TAS Taipei"

Line 86: Line 86:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
     <div class="carousel slide carousel-fade" data-ride="carousel" id="slide1">
+
     <div class="w3-content w3-display-container">
−
         <div class="carousel-inner" role="<listb></listb>ox">
+
         <img class="mySlides" src="https://unsplash.it/1200/900?image=0">
−
            <!-- pictures -->
+
        <img class="mySlides" src="https://unsplash.it/1200/900?image=1">
−
            <div class="item active"><video autoplay loop id="animation">
+
        <img class="mySlides" src="https://unsplash.it/1200/900?image=2">
−
                    <source src="https://static.igem.org/mediawiki/2017/4/4f/Animation_in_Process.mp4 ">
+
        <img class="mySlides" src="https://unsplash.it/1200/900?image=3">
−
                    Your browser does not support the video tag.
+
        <div class="w3-center w3-display-bottommiddle" style="width:100%">
−
                </video></div>
+
            <div class="w3-left" onclick="plusDivs(-1)">&#10094;</div>
−
            <div class="item"><img src="https://static.igem.org/mediawiki/2017/f/f7/Bio-Film-Treated_%28no_white_receptors%29.gif" alt="" class="img-responsive" id="pr"></div>
+
            <div class="w3-right" onclick="plusDivs(1)">&#10095;</div>
−
            <div class="item">
+
            <span class="w3-badge demo w3-border" onclick="currentDiv(1)"></span>
−
                <img src="https://unsplash.it/1000/500?image=0" alt="" class="img-responsive">
+
             <span class="w3-badge demo w3-border" onclick="currentDiv(2)"></span>
−
                <!-- <video autoplay loop>
+
            <span class="w3-badge demo w3-border" onclick="currentDiv(3)"></span>
−
                    <source src="https://static.igem.org/mediawiki/2017/e/ee/Full_Animation_Bacteria_Nanoparticle_-_More_Compressed.mp4">
+
            <span class="w3-badge demo w3-border" onclick="currentDiv(4)"></span>
−
                    Your browser does not support the video tag.
+
−
                </video> -->
+
−
            </div>
+
−
             <div class="item"><img src="https://unsplash.it/1000/500" alt="" class="img-responsive"></div>
+
 
         </div>
 
         </div>
−
        <div class="control-btn">
 
−
            <!-- last and next page btn -->
 
−
            <a href="#slide1" class="left carousel-control" role="button" data-slide="prev">
 
−
                <span class="glyphicon glyphicon-chevron-left" aria-hiddden="true"></span>
 
−
            </a>
 
−
            <a href="#slide1" class="right carousel-control" role="button" data-slide="next">
 
−
                <span class="glyphicon glyphicon-chevron-right" aria-hiddden="true"></span>
 
−
            </a>
 
−
        </div>
 
−
        <ol class="carousel-indicators">
 
−
            <!-- bottom right buttons -->
 
−
            <li data-target="#slide1" data-slide-to="0"></li>
 
−
            <li data-target="#slide1" data-slide-to="1"></li>
 
−
            <li data-target="#slide1" data-slide-to="2"></li>
 
−
            <li data-target="#slide1" data-slide-to="3"></li>
 
−
        </ol>
 
 
     </div>
 
     </div>
 +
   
 
     <div class="banner project-banner">
 
     <div class="banner project-banner">
 
         <div class="guide">
 
         <div class="guide">
Line 213: Line 194:
 
     </main>
 
     </main>
 
     <script>
 
     <script>
 +
        var slideIndex = 1;
 +
        showDivs(slideIndex);
 +
 +
        function plusDivs(n) {
 +
            showDivs(slideIndex += n);
 +
        }
 +
 +
        function currentDiv(n) {
 +
            showDivs(slideIndex = n);
 +
        }
 +
 +
        function showDivs(n) {
 +
            var i;
 +
            var x = document.getElementsByClassName("mySlides");
 +
            var dots = document.getElementsByClassName("demo");
 +
            if (n > x.length) {
 +
                slideIndex = 1
 +
            }
 +
            if (n < 1) {
 +
                slideIndex = x.length
 +
            }
 +
            for (i = 0; i < x.length; i++) {
 +
                x[i].style.display = "none";
 +
            }
 +
            for (i = 0; i < dots.length; i++) {
 +
                dots[i].className = dots[i].className.replace(" w3-white", "");
 +
            }
 +
            x[slideIndex - 1].style.display = "block";
 +
            dots[slideIndex - 1].className += " w3-white";
 +
        }
 +
 
         $(function() {
 
         $(function() {
  

Revision as of 02:38, 26 June 2017

X

Project

Experiment

Modeling

Prototype

Human Practice

Biosafety

About Us

Attributions

❮
❯
TAS_TAIPEI 2017|

NANO

TRAP

The small size of nanoparticles is both an advantage and a problem. The high surface area allows them to catalyze chemical reactions more efficiently, but most wastewater treatment plants lack the ability to clean up such small particles, thus allowing nanoparticles to enter the environment and pose health risks for humans, plants, and aquatic life. As nanoparticle usage expands into medical, industrial, and consumer products, it is important to prevent nanoparticles from harming the environment. Our project aims to remove nanoparticles using two approaches: trapping citrate-capped nanoparticles with a modified form of the membrane protein proteorhodopsin and increasing the production of E.coli biofilm to entrap nanoparticles in the extracellular matrix. Ultimately, we wish to clean nanoparticle waste by implementing our trapping mechanism into centralized wastewater treatment plants to efficiently capture all nanoparticles before treated water is released back into the environment.