Difference between revisions of "Team:TAS Taipei"

 
(115 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{TAS Taipei/Bootstrap}}
+
{{TAS Taipei/CSS4}}
−
{{TAS Taipei/W3}}
+
−
{{TAS Taipei/CSS}}
+
  
 
<html lang="en">
 
<html lang="en">
Line 10: Line 8:
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="renderer" content="webkit">
 
     <meta name="renderer" content="webkit">
−
     <title>title</title>
+
     <title>TAS_Taipei</title>
−
     <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
−
     <style type='text/css'>
+
     <style type='text/css'>
 
         #top_title,#sideMenu { display: none !important; }
 
         #top_title,#sideMenu { display: none !important; }
 
         #content {
 
         #content {
Line 21: Line 19:
 
         }
 
         }
 
     </style>
 
     </style>
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
</head>
 
</head>
  
Line 27: Line 27:
 
         <h1>X</h1>
 
         <h1>X</h1>
 
     </div>
 
     </div>
−
     <div class="yellow">
+
     <div class="yellow marginFix">
 
         <div class="box right">
 
         <div class="box right">
−
             <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Background" id="project">
+
             <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">
 
                 <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>
−
             <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary" id="experiment">
+
             <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">
 
                 <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>
−
             <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Model" id="modeling">
+
             <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">
 
                 <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>
−
             <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Prototype" id="prototype">
+
             <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">
 
                 <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>
−
             <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices" id="policy">
+
             <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">
 
                 <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>
−
             <div class="box2 right" href="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="biosafety">
+
             <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">
 
                 <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>
−
             <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Team" id="about">
+
             <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">
 
                 <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>
−
             <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Attributions" id="acknowledgments">
+
             <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">
 
                 <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>
 
         </div>
 
         <div class="blue">
 
         <div class="blue">
−
             <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Background" id="project">
+
             <div class="box3 left project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
 
                 <h1>Project</h1>
 
                 <h1>Project</h1>
 
             </div>
 
             </div>
−
             <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary" id="experiment">
+
             <div class="box3 left experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">
 
                 <h1>Experiment</h1>
 
                 <h1>Experiment</h1>
 
             </div>
 
             </div>
−
             <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Model" id="modeling">
+
             <div class="box3 left modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model">
 
                 <h1>Modeling</h1>
 
                 <h1>Modeling</h1>
 
             </div>
 
             </div>
−
             <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Prototype" id="prototype">
+
             <div class="box3 left prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design">
 
                 <h1>Prototype</h1>
 
                 <h1>Prototype</h1>
 
             </div>
 
             </div>
−
             <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices" id="policy">
+
             <div class="box3 left policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">
 
                 <h1>Human Practice</h1>
 
                 <h1>Human Practice</h1>
 
             </div>
 
             </div>
−
             <div class="box3 left" href="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="biosafety">
+
             <div class="box3 left biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety">
−
                 <h1>Biosafety</h1>
+
                 <h1>Safety</h1>
 
             </div>
 
             </div>
−
             <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Team" id="about">
+
             <div class="box3 left about" href="https://2017.igem.org/Team:TAS_Taipei/Team">
 
                 <h1>About Us</h1>
 
                 <h1>About Us</h1>
 
             </div>
 
             </div>
−
             <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Attributions" id="acknowledgments">
+
             <div class="box3 left acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions">
 
                 <h1>Attributions</h1>
 
                 <h1>Attributions</h1>
 
             </div>
 
             </div>
−
        </div>
 
−
    </div>
 
−
    <div class="w3-content w3-display-container">
 
−
        <video autoplay loop class="mySlides">
 
−
            <source src="https://static.igem.org/mediawiki/2017/4/4f/Animation_in_Process.mp4">
 
−
            Your browser does not support the video tag.
 
−
        </video>
 
−
        <img class="mySlides" src="https://static.igem.org/mediawiki/2017/f/f7/Bio-Film-Treated_%28no_white_receptors%29.gif">
 
−
        <img class="mySlides" src="https://unsplash.it/1200/595?image=2">
 
−
        <img class="mySlides" src="https://unsplash.it/1200/595?image=3">
 
−
        <div class="w3-center w3-display-bottommiddle" style="width:100%">
 
−
            <div class="w3-left" onclick="plusDivs(-1)">&#10094;</div>
 
−
            <div class="w3-right" onclick="plusDivs(1)">&#10095;</div>
 
−
            <span class="w3-badge demo w3-border" onclick="currentDiv(1)"></span>
 
−
            <span class="w3-badge demo w3-border" onclick="currentDiv(2)"></span>
 
−
            <span class="w3-badge demo w3-border" onclick="currentDiv(3)"></span>
 
−
            <span class="w3-badge demo w3-border" onclick="currentDiv(4)"></span>
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 105: Line 96:
 
             </h1>
 
             </h1>
 
             <h6>
 
             <h6>
−
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
+
                 NANOTRAP: A two-pronged approach to preventing nanoparticle pollution in wastewater systems
 
             </h6>
 
             </h6>
 
         </div>
 
         </div>
Line 115: Line 106:
 
             </h1>
 
             </h1>
 
             <h6>
 
             <h6>
−
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
+
                 Constructing DNA to make our ideas come to life. Click to EXPlore!
 
             </h6>
 
             </h6>
 
         </div>
 
         </div>
Line 125: Line 116:
 
             </h1>
 
             </h1>
 
             <h6>
 
             <h6>
−
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
+
                 Computational Biology provides us insight on how to apply experimental data to real world applications!
 
             </h6>
 
             </h6>
 
         </div>
 
         </div>
Line 135: Line 126:
 
             </h1>
 
             </h1>
 
             <h6>
 
             <h6>
−
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
+
                 Design, Build and Test: Putting our project to work.
 
             </h6>
 
             </h6>
 
         </div>
 
         </div>
Line 145: Line 136:
 
             </h1>
 
             </h1>
 
             <h6>
 
             <h6>
−
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
+
                 It’s not only what happens in the lab, but also what happens in our community.
 
             </h6>
 
             </h6>
 
         </div>
 
         </div>
Line 152: Line 143:
 
         <div class="guide">
 
         <div class="guide">
 
             <h1>
 
             <h1>
−
                 Biosafety
+
                 Safety
 
             </h1>
 
             </h1>
 
             <h6>
 
             <h6>
−
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
+
                 Safety first, especially in a lab. Here's how we maintained and investigated the integrity and security of our work environment.
 
             </h6>
 
             </h6>
 
         </div>
 
         </div>
Line 165: Line 156:
 
             </h1>
 
             </h1>
 
             <h6>
 
             <h6>
−
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
+
                 Meet the team, the faces behind NANOTRAP.
 
             </h6>
 
             </h6>
 
         </div>
 
         </div>
Line 175: Line 166:
 
             </h1>
 
             </h1>
 
             <h6>
 
             <h6>
−
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, unde!
+
                 Thank you to all those who helped and supported us.
 
             </h6>
 
             </h6>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
     <main>
 
     <main>
−
         <h6 id="this_title">TAS_TAIPEI 2017|</h6>
+
         <h1>NANOTRAP</h1>
−
         <h1><span>N</span>ANO</h1>
+
         <h6 id="abstract1">Nanoparticle Removal from Wastewater Systems</h6>
−
         <h1 id="row2"><span>T</span>RAP</h1>
+
         <h6 id="this_title">TAS_TAIPEI</h6>
−
         <h6 id="abstract1">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 <i> E.coli </i> 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.
+
         <h6 id="this_title_2">2017 High School Grand Prize Winner</h6>
−
        </h6>
+
         <a href="#cv"><img src="https://static.igem.org/mediawiki/2017/4/4a/T--TAS_Taipei--Chevron_500px_200ppi.png" alt="test" id="chevron" class="chevron"></a>
−
         <div>
+
    </main>
−
            <img src="https://image.flaticon.com/icons/png/128/20/20673.png" onclick="location.href='https://www.facebook.com/IGEMTAS/';" style="cursor: pointer;" id="fb">
+
    <video autoplay loop class="mainVideo">
−
            <img src="http://objects.airfrance.com/FR/common/common/img/tab1st/social/picto_instagram_login.svg" onclick="location.href='https://www.instagram.com/igem_tas/';" style="cursor: pointer;" id="insta">
+
        <source src="https://static.igem.org/mediawiki/2017/a/a8/T--TAS_Taipei--Oscar_Vid.mp4">
−
            <img src="http://icons.iconarchive.com/icons/designbolts/minimalist-social/256/Twitter-2-icon.png" onclick="location.href='https://twitter.com/iGEM_TAS';" style="cursor: pointer;" id="insta">
+
        Your browser does not support the video tag.
 +
    </video>
 +
    <div class="cv" id="cv">
 +
        <div class="row">
 +
                <h1 class="name col-lg-12">ABSTRACT</h1>
 
         </div>
 
         </div>
−
     </main>
+
        <div class="row">
 +
                <h4 class="para col-lg-12">
 +
                  The small size of nanoparticles is both an advantage and a problem. Their high surface-area-to-volume ratio enables novel medical, industrial, and commercial applications. However, their small size also allows them to evade conventional filtration during water treatment, posing health risks to humans, plants, and aquatic life. Our project aims to remove nanoparticles using two approaches: 1) bind citrate-capped nanoparticles with the membrane protein proteorhodopsin and 2) trap nanoparticles using E. coli biofilm produced by overexpressing two regulators -- OmpR234 and CsgD. We envision integrating our trapping system in both rural and urban wastewater treatment plants to efficiently capture all nanoparticles before treated water is released into the environment.<br><br>
 +
                </h4>
 +
                <br><br>
 +
        </div>
 +
     </div>
 +
    <br><br><br>
 
     <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";
 
−
        }
 
−
 
−
        var myIndex = 0;
 
−
        carousel();
 
−
 
−
        function carousel() {
 
−
            var i;
 
−
            var x = document.getElementsByClassName("mySlides");
 
−
            var dots = document.getElementsByClassName("demo");
 
−
            for (i = 0; i < x.length; i++) {
 
−
              x[i].style.display = "none";
 
−
              dots[i].className = dots[i].className.replace(" w3-white", "");
 
−
dots[slideIndex - 1].className += " w3-white";
 
−
            }
 
−
            myIndex++;
 
−
            if (myIndex > x.length) {myIndex = 1}   
 
−
            x[myIndex-1].style.display = "block"; 
 
−
            setTimeout(carousel, 5000); // Change image every 2 seconds
 
−
        }
 
−
 
 
         $(function() {
 
         $(function() {
−
 
+
        $("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;
 +
                });
 +
            }
 +
        });
 +
            $('.yellow').removeClass('active');
 
             $('.yellow').mouseenter(function() {
 
             $('.yellow').mouseenter(function() {
−
                 //$(this).addClass('active');
+
                 var windowsize = $(window).width();
 +
                if (windowsize > 1020) {
 +
                    //if the window is greater than 1020px wide then hover
 +
                    $('.yellow').addClass('active');
 +
                    $('.chevron').addClass('active');
 +
                    $('.cv').addClass('active');
 +
                    $('.banner').addClass('marginFix');
 +
                }
 +
                $('.button-holder').addClass('hover');
 +
                $('.navCap').addClass('deactive');
 
             });
 
             });
  
 
             $('.yellow').mouseleave(function() {
 
             $('.yellow').mouseleave(function() {
−
                 //$(this).removeClass('active');
+
                 var windowsize = $(window).width();
 +
                if (windowsize > 1020) {
 +
                    //if the window is greater than 1020px wide then hover
 +
                    $('.yellow').removeClass('active');
 +
                    $('.chevron').removeClass('active');
 +
                    $('.cv').removeClass('active');
 +
                    $('.banner').removeClass('marginFix');
 +
                }
 +
                $('.button-holder').removeClass('hover');
 +
                $('.navCap').removeClass('deactive');
 
             });
 
             });
  
  
 
             $('.box2').click(function() {
 
             $('.box2').click(function() {
−
                 if ($('.yellow').hasClass('active')) {
+
                 var windowsize = $(window).width();
−
                    window.location = $(this).attr('href');
+
                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 {
 
                 } else {
−
                     $('.yellow').addClass('active');
+
                     window.location = $(this).attr('href');
 
                 }
 
                 }
−
                $('.return').addClass('active');
+
 
 
             })
 
             })
  
 
             $('.box3').click(function() {
 
             $('.box3').click(function() {
−
                 if ($('.yellow').hasClass('active')) {
+
                 var windowsize = $(window).width();
−
                    window.location = $(this).attr('href');
+
                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 {
 
                 } else {
−
                     $('.yellow').addClass('active');
+
                     window.location = $(this).attr('href');
 
                 }
 
                 }
 
             })
 
             })
Line 277: Line 275:
 
             $('main').click(function() {
 
             $('main').click(function() {
 
                 $('.yellow').removeClass('active');
 
                 $('.yellow').removeClass('active');
−
            })
 
−
 
−
            $('.carousel').click(function() {
 
−
                $('.yellow').removeClass('active');
 
−
            })
 
−
 
−
            $('.carousel').mouseenter(function() {
 
−
                $('.carousel').removeClass('deactive');
 
 
             })
 
             })
  
Line 297: Line 287:
 
                 $('#about').removeClass('active');
 
                 $('#about').removeClass('active');
 
                 $('#acknowledgments').removeClass('active');
 
                 $('#acknowledgments').removeClass('active');
−
                $('.carousel').removeClass('deactive');
 
 
             })
 
             })
  
−
             $('#project').mouseenter(function() {
+
             $('.project').mouseenter(function() {
−
                $('.carousel').addClass('deactive');
+
 
                 $('.project-banner').addClass('active');
 
                 $('.project-banner').addClass('active');
 
             });
 
             });
  
−
             $('#project').mouseleave(function() {
+
             $('.project').mouseleave(function() {
−
                $('.carousel').removeClass('deactive');
+
 
                 $('.project-banner').removeClass('active');
 
                 $('.project-banner').removeClass('active');
 
             });
 
             });
  
−
             $('#experiment').mouseenter(function() {
+
             $('.experiment').mouseenter(function() {
−
                $('.carousel').addClass('deactive');
+
 
                 $('.exp-banner').addClass('active');
 
                 $('.exp-banner').addClass('active');
 
             });
 
             });
  
−
             $('#experiment').mouseleave(function() {
+
             $('.experiment').mouseleave(function() {
−
                $('.carousel').removeClass('deactive');
+
 
                 $('.exp-banner').removeClass('active');
 
                 $('.exp-banner').removeClass('active');
 
             });
 
             });
  
−
             $('#modeling').mouseenter(function() {
+
             $('.modeling').mouseenter(function() {
−
                $('.carousel').addClass('deactive');
+
 
                 $('.model-banner').addClass('active');
 
                 $('.model-banner').addClass('active');
 
             });
 
             });
  
−
             $('#modeling').mouseleave(function() {
+
             $('.modeling').mouseleave(function() {
−
                $('.carousel').removeClass('deactive');
+
 
                 $('.model-banner').removeClass('active');
 
                 $('.model-banner').removeClass('active');
 
             });
 
             });
  
−
             $('#prototype').mouseenter(function() {
+
             $('.prototype').mouseenter(function() {
−
                $('.carousel').addClass('deactive');
+
 
                 $('.prototype-banner').addClass('active');
 
                 $('.prototype-banner').addClass('active');
 
             });
 
             });
  
−
             $('#prototype').mouseleave(function() {
+
             $('.prototype').mouseleave(function() {
−
                $('.carousel').removeClass('deactive');
+
 
                 $('.prototype-banner').removeClass('active');
 
                 $('.prototype-banner').removeClass('active');
 
             });
 
             });
  
−
             $('#policy').mouseenter(function() {
+
             $('.policy').mouseenter(function() {
−
                $('.carousel').addClass('deactive');
+
 
                 $('.hp-banner').addClass('active');
 
                 $('.hp-banner').addClass('active');
 
             });
 
             });
  
−
             $('#policy').mouseleave(function() {
+
             $('.policy').mouseleave(function() {
−
                $('.carousel').removeClass('deactive');
+
 
                 $('.hp-banner').removeClass('active');
 
                 $('.hp-banner').removeClass('active');
 
             });
 
             });
  
−
             $('#biosafety').mouseenter(function() {
+
             $('.biosafety').mouseenter(function() {
−
                $('.carousel').addClass('deactive');
+
 
                 $('.biosafety-banner').addClass('active');
 
                 $('.biosafety-banner').addClass('active');
 
             });
 
             });
  
−
             $('#biosafety').mouseleave(function() {
+
             $('.biosafety').mouseleave(function() {
−
                $('.carousel').removeClass('deactive');
+
 
                 $('.biosafety-banner').removeClass('active');
 
                 $('.biosafety-banner').removeClass('active');
 
             });
 
             });
  
−
             $('#about').mouseenter(function() {
+
             $('.about').mouseenter(function() {
−
                $('.carousel').addClass('deactive');
+
 
                 $('.team-banner').addClass('active');
 
                 $('.team-banner').addClass('active');
 
             });
 
             });
  
−
             $('#about').mouseleave(function() {
+
             $('.about').mouseleave(function() {
−
                $('.carousel').removeClass('deactive');
+
 
                 $('.team-banner').removeClass('active');
 
                 $('.team-banner').removeClass('active');
 
             });
 
             });
  
−
             $('#acknowledgments').mouseenter(function() {
+
             $('.acknowledgments').mouseenter(function() {
−
                $('.carousel').addClass('deactive');
+
 
                 $('.attr-banner').addClass('active');
 
                 $('.attr-banner').addClass('active');
 
             });
 
             });
  
−
             $('#acknowledgments').mouseleave(function() {
+
             $('.acknowledgments').mouseleave(function() {
−
                $('.carousel').removeClass('deactive');
+
 
                 $('.attr-banner').removeClass('active');
 
                 $('.attr-banner').removeClass('active');
 
             });
 
             });
 +
 +
            $('.slider-change').click(function() {
 +
                $('.slider-image').addClass('active');
 +
            })
 +
 +
            $('.slider_1').click(function() {
 +
                $('.slider_1').addClass('active');
 +
                $('.slider_2').removeClass('active');
 +
                $('.slider_3').removeClass('active');
 +
            })
 +
 +
            $('.slider_2').click(function() {
 +
                $('.slider_1').removeClass('active');
 +
                $('.slider_2').addClass('active');
 +
                $('.slider_3').removeClass('active');
 +
            })
 +
 +
            $('.slider_3').click(function() {
 +
                $('.slider_1').removeClass('active');
 +
                $('.slider_2').removeClass('active');
 +
                $('.slider_3').addClass('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');
 +
            });
 +
 +
            $('main').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');
 +
                $('.button-holder').removeClass('hover');
 +
            });
 +
 +
 
         });
 
         });
  

Latest revision as of 07:11, 30 November 2017

X

Project
Experiments
Modeling
Prototype
Human Practices
Safety
About Us
Attributions

Project

Experiment

Modeling

Prototype

Human Practice

Safety

About Us

Attributions

NANOTRAP

Nanoparticle Removal from Wastewater Systems
TAS_TAIPEI
2017 High School Grand Prize Winner
test

ABSTRACT

The small size of nanoparticles is both an advantage and a problem. Their high surface-area-to-volume ratio enables novel medical, industrial, and commercial applications. However, their small size also allows them to evade conventional filtration during water treatment, posing health risks to humans, plants, and aquatic life. Our project aims to remove nanoparticles using two approaches: 1) bind citrate-capped nanoparticles with the membrane protein proteorhodopsin and 2) trap nanoparticles using E. coli biofilm produced by overexpressing two regulators -- OmpR234 and CsgD. We envision integrating our trapping system in both rural and urban wastewater treatment plants to efficiently capture all nanoparticles before treated water is released into the environment.