Difference between revisions of "Team:TAS Taipei"

Line 1: Line 1:
−
{{TAS_Taipei/CSS}}
+
{{TAS Taipei/CSS4}}
−
<html>
+
  
 +
<html lang="en">
  
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="renderer" content="webkit">
 +
    <title>TAS_Taipei</title>
 +
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
    <style type='text/css'>
 +
        #top_title,#sideMenu { display: none !important; }
 +
        #content {
 +
            width: 100%;
 +
            margin: 0;
 +
            padding: 0;
 +
            background: #f3f4f4;
 +
        }
 +
    </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>
  
 +
<body>
 +
    <div class="return">
 +
        <h1>X</h1>
 +
    </div>
 +
    <div class="yellow marginFix">
 +
        <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>Safety</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>
 +
   
 +
    <div class="banner project-banner">
 +
        <div class="guide">
 +
            <h1>
 +
                Project
 +
            </h1>
 +
            <h6>
 +
                NANOTRAP: A two-pronged approach to preventing nanoparticle pollution in wastewater systems
 +
            </h6>
 +
        </div>
 +
    </div>
 +
    <div class="banner exp-banner">
 +
        <div class="guide">
 +
            <h1>
 +
                Experimental
 +
            </h1>
 +
            <h6>
 +
                Constructing DNA to make our ideas come to life. Click to EXPlore!
 +
            </h6>
 +
        </div>
 +
    </div>
 +
    <div class="banner model-banner">
 +
        <div class="guide">
 +
            <h1>
 +
                Modeling
 +
            </h1>
 +
            <h6>
 +
                Computational Biology provides us insight on how to apply experimental data to real world applications!
 +
            </h6>
 +
        </div>
 +
    </div>
 +
    <div class="banner prototype-banner">
 +
        <div class="guide">
 +
            <h1>
 +
                Prototype
 +
            </h1>
 +
            <h6>
 +
                Design, Build and Test: Putting our project to work.
 +
            </h6>
 +
        </div>
 +
    </div>
 +
    <div class="banner hp-banner">
 +
        <div class="guide">
 +
            <h1>
 +
                Human Practices
 +
            </h1>
 +
            <h6>
 +
                It’s not only what happens in the lab, but also what happens in our community.
 +
            </h6>
 +
        </div>
 +
    </div>
 +
    <div class="banner biosafety-banner">
 +
        <div class="guide">
 +
            <h1>
 +
                Safety
 +
            </h1>
 +
            <h6>
 +
                Safety first, especially in a lab. Here's how we maintained and investigated the integrity and security of our work environment.
 +
            </h6>
 +
        </div>
 +
    </div>
 +
    <div class="banner team-banner">
 +
        <div class="guide">
 +
            <h1>
 +
                About Us
 +
            </h1>
 +
            <h6>
 +
                Meet the team, the faces behind NANOTRAP.
 +
            </h6>
 +
        </div>
 +
    </div>
 +
    <div class="banner attr-banner">
 +
        <div class="guide">
 +
            <h1>
 +
                Attributions
 +
            </h1>
 +
            <h6>
 +
                Thank you to all those who helped and supported us.
 +
            </h6>
 +
        </div>
 +
    </div>
 +
    <main>
 +
        <h1>NANOTRAP</h1>
 +
        <h6 id="abstract1">Nanoparticle Removal from Wastewater Systems</h6>
 +
        <h6 id="this_title">TAS_TAIPEI</h6>
 +
        <h6 id="this_title_2">2017 High School Grand Prize Winner</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>
 +
    </main>
 +
    <video autoplay loop class="mainVideo">
 +
        <source src="https://static.igem.org/mediawiki/2017/a/a8/T--TAS_Taipei--Oscar_Vid.mp4">
 +
        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 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>
 +
        $(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() {
 +
                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');
 +
            });
  
−
<div class="column full_size" >
+
            $('.yellow').mouseleave(function() {
−
<h1> Welcome to iGEM 2018! </h1>
+
                var windowsize = $(window).width();
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
                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');
 +
            });
  
  
−
<img src="http://placehold.it/1080x320/c4baba/e4dede">
+
            $('.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');
 +
                }
  
−
</div>
+
            })
  
 +
            $('.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');
 +
                }
 +
            })
  
−
<div class="column full_size" >
+
            $('.return').click(function() {
 +
                $('.yellow').removeClass('active');
 +
                $('.return').removeClass('active');
 +
            })
  
−
<h3>Before you start</h3>
+
            $('main').click(function() {
−
<p> Please read the following pages:</p>
+
                $('.yellow').removeClass('active');
−
<ul>
+
            })
−
<li>  <a href="https://2018.igem.org/Competition">Competition Hub</a> </li>
+
−
<li> <a href="https://2018.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
−
<li> <a href="https://2018.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
−
</ul>
+
−
</div>
+
  
 +
            $('main').mouseleave(function() {
 +
                $('.yellow').removeClass('active');
 +
                $('#project').removeClass('active');
 +
                $('#experiment').removeClass('active');
 +
                $('#modeling').removeClass('active');
 +
                $('#prototype').removeClass('active');
 +
                $('#policy').removeClass('active');
 +
                $('#biosafety').removeClass('active');
 +
                $('#about').removeClass('active');
 +
                $('#acknowledgments').removeClass('active');
 +
            })
  
−
<div class="clear extra_space"></div>
+
            $('.project').mouseenter(function() {
−
<div class="line_divider"></div>
+
                $('.project-banner').addClass('active');
−
<div class="clear extra_space"></div>
+
            });
  
 +
            $('.project').mouseleave(function() {
 +
                $('.project-banner').removeClass('active');
 +
            });
  
 +
            $('.experiment').mouseenter(function() {
 +
                $('.exp-banner').addClass('active');
 +
            });
  
−
<div class="column full_size" >
+
            $('.experiment').mouseleave(function() {
−
<h3> Styling your wiki </h3>
+
                $('.exp-banner').removeClass('active');
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
            });
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
+
  
−
</div>
+
            $('.modeling').mouseenter(function() {
 +
                $('.model-banner').addClass('active');
 +
            });
  
 +
            $('.modeling').mouseleave(function() {
 +
                $('.model-banner').removeClass('active');
 +
            });
  
 +
            $('.prototype').mouseenter(function() {
 +
                $('.prototype-banner').addClass('active');
 +
            });
  
 +
            $('.prototype').mouseleave(function() {
 +
                $('.prototype-banner').removeClass('active');
 +
            });
  
−
<div class="clear extra_space"></div>
+
            $('.policy').mouseenter(function() {
 +
                $('.hp-banner').addClass('active');
 +
            });
  
 +
            $('.policy').mouseleave(function() {
 +
                $('.hp-banner').removeClass('active');
 +
            });
  
 +
            $('.biosafety').mouseenter(function() {
 +
                $('.biosafety-banner').addClass('active');
 +
            });
  
−
<div class="column third_size" >
+
            $('.biosafety').mouseleave(function() {
 +
                $('.biosafety-banner').removeClass('active');
 +
            });
  
−
<h3> Uploading pictures and files </h3>
+
            $('.about').mouseenter(function() {
−
<p> You must upload any pictures and files to the iGEM 2018 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. </p>
+
                $('.team-banner').addClass('active');
 +
            });
  
 +
            $('.about').mouseleave(function() {
 +
                $('.team-banner').removeClass('active');
 +
            });
  
−
<p>When you upload, set the "Destination Filename" to <b> T--YourOfficialTeamName--NameOfFile.jpg</b>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
            $('.acknowledgments').mouseenter(function() {
 +
                $('.attr-banner').addClass('active');
 +
            });
  
−
<div class="button_link">
+
            $('.acknowledgments').mouseleave(function() {
−
<a href="https://2018.igem.org/Special:Upload">
+
                $('.attr-banner').removeClass('active');
−
UPLOAD FILES
+
            });
−
</a>
+
−
</div>
+
  
−
</div>
+
            $('.slider-change').click(function() {
 +
                $('.slider-image').addClass('active');
 +
            })
  
−
<div class="column third_size" >
+
            $('.slider_1').click(function() {
−
<h3> Wiki template information </h3>
+
                $('.slider_1').addClass('active');
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2018.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
                $('.slider_2').removeClass('active');
 +
                $('.slider_3').removeClass('active');
 +
            })
  
−
</div>
+
            $('.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');
 +
            });
  
−
<div class="column third_size" >
+
            $('.modeling').mouseenter(function() {
−
<div class="highlight decoration_B_full">
+
                $('.project').removeClass('active');
−
<h3> Editing your wiki </h3>
+
                $('.experiment').removeClass('active');
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
                $('.modeling').addClass('active');
−
<p>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
  
−
<div class="button_link">
+
            $('.prototype').mouseenter(function() {
−
<a href="https://2018.igem.org/wiki/index.php?title=Team:TAS_Taipei&action=edit">
+
                $('.project').removeClass('active');
−
EDIT PAGE
+
                $('.experiment').removeClass('active');
−
</a>
+
                $('.modeling').removeClass('active');
−
</div>
+
                $('.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');
 +
            });
  
−
</div>
+
            $('.about').mouseenter(function() {
−
</div>
+
                $('.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');
 +
            });
  
  
−
<div class="clear extra_space"></div>
+
        });
−
<div class="line_divider"></div>
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column two_thirds_size" >
+
−
<h3>Tips</h3>
+
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
−
<ul>
+
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2018.igem.org/Calendar">iGEM 2018 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column third_size">
+
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
  
 +
    </script>
 +
</body>
  
 
</html>
 
</html>

Revision as of 06:29, 9 May 2018

Template:TAS Taipei/CSS4

TAS_Taipei

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.