Difference between revisions of "Team:TAS Taipei"

 
(33 intermediate revisions by 3 users not shown)
Line 24: Line 24:
  
 
<body>
 
<body>
−
    <div class="slider-holder">
 
−
        <span id="slider-image-1"></span>
 
−
        <span id="slider-image-2"></span>
 
−
        <span id="slider-image-3"></span>
 
−
        <div class="image-holder">
 
−
            <video autoplay loop class="slider-image" id="video_resize">
 
−
                <source src="https://static.igem.org/mediawiki/2017/4/4f/Animation_in_Process.mp4">
 
−
                Your browser does not support the video tag.
 
−
            </video>
 
−
            <img src="https://static.igem.org/mediawiki/2017/5/5a/T--TAS_Taipei--Team_Photo_%281%29.png" class="slider-image" />
 
−
            <img src="https://static.igem.org/mediawiki/2017/0/08/T--TAS_Taipei--Bear.jpg" class="slider-image"/>
 
−
        </div>
 
−
        <div class="button-holder">
 
−
            <a href="#slider-image-1" class="slider-change slider_1 active"></a>
 
−
            <a href="#slider-image-2" class="slider-change slider_2"></a>
 
−
            <a href="#slider-image-3" class="slider-change slider_3"></a>
 
−
        </div>
 
−
    </div>
 
 
     <div class="return">
 
     <div class="return">
 
         <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 project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
 
             <div class="box2 right project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
Line 97: Line 79:
 
             </div>
 
             </div>
 
             <div class="box3 left biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety">
 
             <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 about" href="https://2017.igem.org/Team:TAS_Taipei/Team">
 
             <div class="box3 left about" href="https://2017.igem.org/Team:TAS_Taipei/Team">
Line 161: Line 143:
 
         <div class="guide">
 
         <div class="guide">
 
             <h1>
 
             <h1>
−
                 Biosafety
+
                 Safety
 
             </h1>
 
             </h1>
 
             <h6>
 
             <h6>
Line 189: Line 171:
 
     </div>
 
     </div>
 
     <main>
 
     <main>
−
         <h1>NANO TRAP</h1>
+
         <h1>NANOTRAP</h1>
 
         <h6 id="abstract1">Nanoparticle Removal from Wastewater Systems</h6>
 
         <h6 id="abstract1">Nanoparticle Removal from Wastewater Systems</h6>
−
         <h6 id="this_title">TAS_TAIPEI 2017</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>
 
         <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>
 
     </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="cv" id="cv">
 
         <div class="row">
 
         <div class="row">
Line 200: Line 187:
 
         <div class="row">
 
         <div class="row">
 
                 <h4 class="para col-lg-12">
 
                 <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.
+
                   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>
 
                 </h4>
 +
                <br><br>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 207: Line 195:
 
     <script>
 
     <script>
 
         $(function() {
 
         $(function() {
−
            var y = 1
+
        $("a").on('click', function(event) {
−
            $("a").on('click', function(event) {
+
            if (this.hash !== "") {
−
                if(y%2==0){
+
                event.preventDefault();
−
                    $('.button-holder').addClass('marginFix');
+
                var hash = this.hash;
−
                    y++;
+
                $('html, body').animate({
−
                } else{
+
                    scrollTop: $(hash).offset().top
−
                    $('.button-holder').removeClass('marginFix');
+
                }, 300, function() {
−
                    y++;
+
                    // Add hash (#) to URL when done scrolling (default click behavior)
−
                }               
+
                    window.location.hash = hash;
−
                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;
+
−
                    });
+
−
                 }
+
−
            });
+
−
             var x = 1
+
−
            $('html').mouseenter(function() {
+
−
                if (x == 1){
+
−
                    window.location.hash = 'slider-image-1';
+
−
                    $('.yellow').addClass('marginFix');
+
−
                    $('.slider-holder').addClass('marginFix');
+
−
                    $('.image-holder').addClass('marginFix');
+
−
                    $('.button-holder').addClass('marginFix');
+
−
                    $('main').addClass('active');
+
−
                    x = 2;
+
−
                }
+
−
            });
+
−
 
+
 
             $('.yellow').removeClass('active');
 
             $('.yellow').removeClass('active');
 
             $('.yellow').mouseenter(function() {
 
             $('.yellow').mouseenter(function() {
Line 246: Line 213:
 
                     //if the window is greater than 1020px wide then hover
 
                     //if the window is greater than 1020px wide then hover
 
                     $('.yellow').addClass('active');
 
                     $('.yellow').addClass('active');
 +
                    $('.chevron').addClass('active');
 +
                    $('.cv').addClass('active');
 +
                    $('.banner').addClass('marginFix');
 
                 }
 
                 }
 
                 $('.button-holder').addClass('hover');
 
                 $('.button-holder').addClass('hover');
Line 256: Line 226:
 
                     //if the window is greater than 1020px wide then hover
 
                     //if the window is greater than 1020px wide then hover
 
                     $('.yellow').removeClass('active');
 
                     $('.yellow').removeClass('active');
 +
                    $('.chevron').removeClass('active');
 +
                    $('.cv').removeClass('active');
 +
                    $('.banner').removeClass('marginFix');
 
                 }
 
                 }
 
                 $('.button-holder').removeClass('hover');
 
                 $('.button-holder').removeClass('hover');
Line 503: Line 476:
  
  
−
            $('.slider-holder').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.