Difference between revisions of "Team:TAS Taipei"

 
(36 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{TAS Taipei/CSS3}}
+
{{TAS Taipei/CSS4}}
  
 
<html lang="en">
 
<html lang="en">
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 project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
 
             <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 experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">
 
             <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 modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model">
 
             <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 prototype" href="https://2017.igem.org/Team:TAS_Taipei/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 policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">
 
             <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 biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety">
 
             <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 about" href="https://2017.igem.org/Team:TAS_Taipei/Team">
 
             <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 acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions">
 
             <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>
Line 64: Line 72:
 
                 <h1>Modeling</h1>
 
                 <h1>Modeling</h1>
 
             </div>
 
             </div>
−
             <div class="box3 left prototype" href="https://2017.igem.org/Team:TAS_Taipei/Prototype">
+
             <div class="box3 left prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design">
 
                 <h1>Prototype</h1>
 
                 <h1>Prototype</h1>
 
             </div>
 
             </div>
Line 71: 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 88: Line 96:
 
             </h1>
 
             </h1>
 
             <h6>
 
             <h6>
−
                 NANOTRAP: one step in advancement, two steps back in environmental pollution.
+
                 NANOTRAP: A two-pronged approach to preventing nanoparticle pollution in wastewater systems
 
             </h6>
 
             </h6>
 
         </div>
 
         </div>
Line 108: Line 116:
 
             </h1>
 
             </h1>
 
             <h6>
 
             <h6>
−
                 Computational Biology provides us models that we cannot easily test experimentally. Find out about the results of our modeling and the math behind it!
+
                 Computational Biology provides us insight on how to apply experimental data to real world applications!
 
             </h6>
 
             </h6>
 
         </div>
 
         </div>
Line 118: Line 126:
 
             </h1>
 
             </h1>
 
             <h6>
 
             <h6>
−
                 More than Lego building.
+
                 Design, Build and Test: Putting our project to work.
 
             </h6>
 
             </h6>
 
         </div>
 
         </div>
Line 135: Line 143:
 
         <div class="guide">
 
         <div class="guide">
 
             <h1>
 
             <h1>
−
                 Biosafety
+
                 Safety
 
             </h1>
 
             </h1>
 
             <h6>
 
             <h6>
Line 162: Line 170:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
     <div class="slider-holder">
+
     <main>
−
         <span id="slider-image-1"></span>
+
         <h1>NANOTRAP</h1>
−
         <span id="slider-image-2"></span>
+
         <h6 id="abstract1">Nanoparticle Removal from Wastewater Systems</h6>
−
         <span id="slider-image-3"></span>
+
         <h6 id="this_title">TAS_TAIPEI</h6>
−
         <div class="image-holder">
+
         <h6 id="this_title_2">2017 High School Grand Prize Winner</h6>
−
            <video autoplay loop class="slider-image" id="video_resize">
+
        <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>
−
                <source src="https://static.igem.org/mediawiki/2017/4/4f/Animation_in_Process.mp4">
+
    </main>
−
                Your browser does not support the video tag.
+
    <video autoplay loop class="mainVideo">
−
            </video>
+
        <source src="https://static.igem.org/mediawiki/2017/a/a8/T--TAS_Taipei--Oscar_Vid.mp4">
−
            <img src="https://static.igem.org/mediawiki/2017/5/5a/T--TAS_Taipei--Team_Photo_%281%29.png" class="slider-image" />
+
        Your browser does not support the video tag.
−
            <img src="https://static.igem.org/mediawiki/2017/0/08/T--TAS_Taipei--Bear.jpg" class="slider-image"/>
+
    </video>
 +
    <div class="cv" id="cv">
 +
        <div class="row">
 +
                <h1 class="name col-lg-12">ABSTRACT</h1>
 
         </div>
 
         </div>
−
         <div class="button-holder">
+
         <div class="row">
−
            <a href="#slider-image-1" class="slider-change slider_1 active"></a>
+
                <h4 class="para col-lg-12">
−
            <a href="#slider-image-2" class="slider-change slider_2"></a>
+
                  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>
−
            <a href="#slider-image-3" class="slider-change slider_3"></a>
+
                </h4>
 +
                <br><br>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
     <main>
+
     <br><br><br>
−
        <h6 id="this_title">TAS_TAIPEI 2017|</h6>
+
−
        <h1><span>N</span>ANO</h1>
+
−
        <h1 id="row2"><span>T</span>RAP</h1>
+
−
        <h6 id="abstract1">Nanoparticle Removal from Water Systems</h6>
+
−
        <h6 id="abstract2">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.
+
−
        </h6>
+
−
        <div>
+
−
            <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">
+
−
            <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">
+
−
            <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">
+
−
        </div>
+
−
    </main>
+
−
 
+
 
     <script>
 
     <script>
−
       
 
 
         $(function() {
 
         $(function() {
−
            var x = 1
+
        $("a").on('click', function(event) {
−
            $('html').mouseenter(function() {
+
            if (this.hash !== "") {
−
                if (x == 1){
+
                event.preventDefault();
−
                    window.location.hash = 'slider-image-1';
+
                var hash = this.hash;
−
                    $('.yellow').addClass('marginFix');
+
                $('html, body').animate({
−
                    $('.slider-holder').addClass('marginFix');
+
                     scrollTop: $(hash).offset().top
−
                    $('.image-holder').addClass('marginFix');
+
                 }, 300, function() {
−
                     $('main').addClass('active');
+
                     // Add hash (#) to URL when done scrolling (default click behavior)
−
                    x = 2;
+
                    window.location.hash = hash;
−
                 }
+
                });
−
                setTimeout(function(){  
+
            }
−
                     window.location.hash = 'slider-image-2';
+
        });
−
                    setTimeout(function(){
+
−
                        window.location.hash = 'slider-image-3';
+
−
                        setTimeout(function(){
+
−
                            window.location.hash = 'slider-image-1';
+
−
                        }, 3000);
+
−
                    }, 3000);
+
−
                }, 3000);
+
−
            });
+
−
 
+
 
             $('.yellow').removeClass('active');
 
             $('.yellow').removeClass('active');
 
             $('.yellow').mouseenter(function() {
 
             $('.yellow').mouseenter(function() {
Line 224: 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');
 +
                $('.navCap').addClass('deactive');
 
             });
 
             });
  
Line 232: 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');
 +
                $('.navCap').removeClass('deactive');
 
             });
 
             });
  
Line 473: Line 472:
 
                 $('.policy').removeClass('active');
 
                 $('.policy').removeClass('active');
 
                 $('.acknowledgments').removeClass('active');
 
                 $('.acknowledgments').removeClass('active');
 +
                $('.button-holder').removeClass('hover');
 
             });
 
             });
  
  
−
            $('.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');
 
−
            });
 
 
         });
 
         });
  

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.