Difference between revisions of "Team:TAS Taipei/Human Practices"

Line 112: Line 112:
 
     <!--全版面大型看板結尾-->
 
     <!--全版面大型看板結尾-->
 
     <div class="cv" id="cv">
 
     <div class="cv" id="cv">
         <!-- header -->
+
         <div class="row">
        <header>
+
            <nav class="pageNav col-lg-1">
            <div class="row">
+
                <ul class="nav">
                 <h1 class="name col-lg-12">HUMAN PRACTICES SUMMARY</h1>
+
                    <li>
 +
                        <a href="#background" class="pageNavBig">BACKGROUND</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#whatAreNP" class="pageNavSm">What are nanoparticles?</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#whyUseNP" class="pageNavSm">Why use nanoparticles?</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#NPProblem" class="pageNavSm">What are some problems of nanoparticles?</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#currSoln" class="pageNavSm">Current Solutions</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#OurSoln" class="pageNavBig">OUR SOLUTION</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#PR" class="pageNavSm">Proteorhodopsin (PR) Membrane Receptor</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#bio" class="pageNavSm">Sticky Biofilm</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#ref" class="pageNavBig">REFERENCES</a>
 +
                    </li>
 +
                 </ul>
 +
            </nav>
 +
            <div class="white col-lg-2">
 +
                hi
 
             </div>
 
             </div>
             <div class="row">
+
             <div class="col-lg-10">
                 <h4 class="para col-lg-12">We used Human Practices research to guide and better understand our project. We contacted professors, engineers, researchers, companies, and wastewater treatment plants to compile information for our final constructs and prototype designs. Our Human Practices are separated into three categories: <b>Research</b>, <b>Outreach</b>, and <b>Impact</b>.</h4>
+
                 <!-- header -->
            </div>
+
                <header>
            <div class="row this_border"></div>
+
                    <div class="row">
        </header>
+
                        <h1 class="name col-lg-12">HUMAN PRACTICES SUMMARY</h1>
        <section class="main">
+
                    </div>
            <div class="row">
+
                    <div class="row">
                <h1 class="title2 col-lg-12">RESEARCH</h1>
+
                        <h4 class="para col-lg-12">We used Human Practices research to guide and better understand our project. We contacted professors, engineers, researchers, companies, and wastewater treatment plants to compile information for our final constructs and prototype designs. Our Human Practices are separated into three categories: <b>Research</b>, <b>Outreach</b>, and <b>Impact</b>.</h4>
            </div>
+
                    </div>
            <div class="row">
+
                    <div class="row this_border"></div>
                <h4 class="para col-lg-12">To understand how people view nanoparticles, their usage and current regulations, we gathered public opinion from our local community. We sought advice from researchers in the fields of nanotechnology and environmental science to learn about how nanoparticles impact the environment and our lives. Lastly, we contacted nanoparticle manufacturers, waste collectors, as well as wastewater treatment plants in both rural and urban settings to learn about current practices and possible future applications. </h4>
+
                </header>
            </div>
+
                <section class="main">
            <div class="row">
+
                    <div class="row">
                <h1 class="section-title col-lg-12">Apex Nanotek</h1>
+
                        <h1 class="title2 col-lg-12">RESEARCH</h1>
            </div>
+
                    </div>
            <div class="row">
+
                    <div class="row">
                <h4 class="para col-lg-8">
+
                        <h4 class="para col-lg-12">To understand how people view nanoparticles, their usage and current regulations, we gathered public opinion from our local community. We sought advice from researchers in the fields of nanotechnology and environmental science to learn about how nanoparticles impact the environment and our lives. Lastly, we contacted nanoparticle manufacturers, waste collectors, as well as wastewater treatment plants in both rural and urban settings to learn about current practices and possible future applications. </h4>
                    To learn more about the functions of nanoparticles, we visited a nanotech company that uses silver nanoparticles to make various antimicrobial products. The main researcher at Apex Nanotek introduced us to their main product, which is crystallized nanosilver antimicrobial activated carbon. Pure activated carbon, commonly used to treat sewage and industrial exhaust, is prone to bacterial growth. To overcome this problem, they integrate crystallized nanosilver into the activated carbon for their antimicrobial effects. One of their products is a showerhead, with nanosilver-activated carbon filters to kill bacteria when water flows through the showerhead. <br><br> We tested the product by comparing SEM images between tap water and filtered water from the showerhead. The showerhead successfully decreased the number of bacteria and larger particles from tap water! However, we also observed more nanoparticles in the filtered water sample, which will flow into wastewater.
+
                    </div>
                </h4>
+
                    <div class="row">
                <div class="image_container col-lg-4">
+
                        <h1 class="section-title col-lg-12">Apex Nanotek</h1>
                    <img src="https://static.igem.org/mediawiki/2017/0/07/T--TAS_Taipei--Group_Pic_Apex-min.jpg" alt="test" id="group">
+
                    </div>
                </div>
+
                    <div class="row">
            </div>
+
                        <h4 class="para col-lg-8">
            <div class="row">
+
                            To learn more about the functions of nanoparticles, we visited a nanotech company that uses silver nanoparticles to make various antimicrobial products. The main researcher at Apex Nanotek introduced us to their main product, which is crystallized nanosilver antimicrobial activated carbon. Pure activated carbon, commonly used to treat sewage and industrial exhaust, is prone to bacterial growth. To overcome this problem, they integrate crystallized nanosilver into the activated carbon for their antimicrobial effects. One of their products is a showerhead, with nanosilver-activated carbon filters to kill bacteria when water flows through the showerhead. <br><br> We tested the product by comparing SEM images between tap water and filtered water from the showerhead. The showerhead successfully decreased the number of bacteria and larger particles from tap water! However, we also observed more nanoparticles in the filtered water sample, which will flow into wastewater.
                <div class="image_container col-lg-4">
+
                        </h4>
                    <img src="https://static.igem.org/mediawiki/2017/b/b3/T--TAS_Taipei--Shower_Head-min.jpg" alt="test" id="group">
+
                        <div class="image_container col-lg-4">
                </div>
+
                            <img src="https://static.igem.org/mediawiki/2017/0/07/T--TAS_Taipei--Group_Pic_Apex-min.jpg" alt="test" id="group">
                <div class="image_container_big col-lg-8">
+
                        </div>
                    <img src="https://static.igem.org/mediawiki/2017/1/1e/T--TAS_Taipei--SEM_comparison_Tap_vs._Showerhead.png" alt="test" id="group2">
+
                    </div>
                </div>
+
                    <div class="row">
            </div>
+
                        <div class="image_container col-lg-4">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/b/b3/T--TAS_Taipei--Shower_Head-min.jpg" alt="test" id="group">
                <h1 class="section-title col-lg-12">Dr. Eric Lee</h1>
+
                        </div>
            </div>
+
                        <div class="image_container_big col-lg-8">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/1/1e/T--TAS_Taipei--SEM_comparison_Tap_vs._Showerhead.png" alt="test" id="group2">
                <h4 class="para col-lg-12">
+
                        </div>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
+
                    </div>
                </h4>
+
                    <div class="row">
            </div>
+
                        <h1 class="section-title col-lg-12">Dr. Eric Lee</h1>
            <div class="row">
+
                    </div>
                <h1 class="section-title col-lg-12">Dr. Gwo-Dong Roam</h1>
+
                    <div class="row">
            </div>
+
                        <h4 class="para col-lg-12">
            <div class="row">
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
                <h4 class="para col-lg-12">
+
                        </h4>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
+
                    </div>
                </h4>
+
                    <div class="row">
            </div>
+
                        <h1 class="section-title col-lg-12">Dr. Gwo-Dong Roam</h1>
            <div class="row">
+
                    </div>
                <div class="image_container col-lg-5 col-md-offset-1">
+
                    <div class="row">
                    <img src="https://static.igem.org/mediawiki/2017/0/0d/T--TAS_Taipei--Roam-min.jpg" alt="test" id="group">
+
                        <h4 class="para col-lg-12">
                </div>
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
                <div class="image_container col-lg-5">
+
                        </h4>
                    <img src="https://static.igem.org/mediawiki/2017/4/46/T--TAS_Taipei--Roam_Info-min.jpg" alt="test" id="group">
+
                    </div>
                </div>
+
                    <div class="row">
            </div>
+
                        <div class="image_container col-lg-5 col-md-offset-1">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/0/0d/T--TAS_Taipei--Roam-min.jpg" alt="test" id="group">
                <h1 class="section-title col-lg-12">Dr. Barnard</h1>
+
                        </div>
            </div>
+
                        <div class="image_container col-lg-5">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/4/46/T--TAS_Taipei--Roam_Info-min.jpg" alt="test" id="group">
                <h4 class="para col-lg-12">
+
                        </div>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
+
                    </div>
                </h4>
+
                    <div class="row">
            </div>
+
                        <h1 class="section-title col-lg-12">Dr. Barnard</h1>
            <div class="row">
+
                    </div>
                <h1 class="section-title col-lg-12">Bioethics Panel</h1>
+
                    <div class="row">
            </div>
+
                        <h4 class="para col-lg-12">
            <div class="row">
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
                <h4 class="para col-lg-12">
+
                        </h4>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
+
                    </div>
                </h4>
+
                    <div class="row">
            </div>
+
                        <h1 class="section-title col-lg-12">Bioethics Panel</h1>
            <div class="row">
+
                    </div>
                <h1 class="section-title col-lg-12">Survey Results</h1>
+
                    <div class="row">
            </div>
+
                        <h4 class="para col-lg-12">
            <div class="row">
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
                <h4 class="para col-lg-12">
+
                        </h4>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
+
                    </div>
                </h4>
+
                    <div class="row">
            </div>
+
                        <h1 class="section-title col-lg-12">Survey Results</h1>
            <div class="row">
+
                    </div>
                <h1 class="section-title col-lg-12">Nanoparticle Waste Collectors</h1>
+
                    <div class="row">
            </div>
+
                        <h4 class="para col-lg-12">
            <div class="row">
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
                <h4 class="para col-lg-12">
+
                        </h4>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
+
                    </div>
                </h4>
+
                    <div class="row">
            </div>
+
                        <h1 class="section-title col-lg-12">Nanoparticle Waste Collectors</h1>
            <div class="row">
+
                    </div>
                <h1 class="section-title col-lg-12">Tap Water Musuem</h1>
+
                    <div class="row">
            </div>
+
                        <h4 class="para col-lg-12">
            <div class="row">
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
                <h4 class="para col-lg-12">
+
                        </h4>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
+
                    </div>
                </h4>
+
                    <div class="row">
            </div>
+
                        <h1 class="section-title col-lg-12">Tap Water Musuem</h1>
            <div class="row">
+
                    </div>
                <div class="image_container col-lg-5 col-lg-offset-1">
+
                    <div class="row">
                    <img src="https://static.igem.org/mediawiki/2017/f/fd/T--TAS_Taipei--Tap_Water_Musuem-min.jpg" alt="test" id="group">
+
                        <h4 class="para col-lg-12">
                </div>
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
                <div class="image_container col-lg-5">
+
                        </h4>
                    <img src="https://static.igem.org/mediawiki/2017/e/ec/T--TAS_Taipei--Tap_Water_Musuem_Group-min.jpg" alt="test" id="group">
+
                    </div>
                </div>
+
                    <div class="row">
            </div>
+
                        <div class="image_container col-lg-5 col-lg-offset-1">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/f/fd/T--TAS_Taipei--Tap_Water_Musuem-min.jpg" alt="test" id="group">
                <h1 class="section-title col-lg-12">Dihua Wastewater Treatment Plant</h1>
+
                        </div>
            </div>
+
                        <div class="image_container col-lg-5">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/e/ec/T--TAS_Taipei--Tap_Water_Musuem_Group-min.jpg" alt="test" id="group">
                <h4 class="para col-lg-12">
+
                        </div>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
+
                    </div>
                </h4>
+
                    <div class="row">
            </div>
+
                        <h1 class="section-title col-lg-12">Dihua Wastewater Treatment Plant</h1>
            <div class="row">
+
                    </div>
                <a href="https://www.youtube.com/watch?v=XMcDWQjiBKA" class="btn btn-info" target="_blank"><b>Click here</b> to see a part of our trip!</a>
+
                    <div class="row">
            </div>
+
                        <h4 class="para col-lg-12">
            <div class="row">
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!
                <div class="image_container col-lg-5 col-lg-offset-1">
+
                        </h4>
                    <img src="https://static.igem.org/mediawiki/2017/c/ce/T--TAS_Taipei--Dihua_Tank-min.jpg" alt="test" id="group">
+
                    </div>
                </div>
+
                    <div class="row">
                <div class="image_container col-lg-5">
+
                        <a href="https://www.youtube.com/watch?v=XMcDWQjiBKA" class="btn btn-info" target="_blank"><b>Click here</b> to see a part of our trip!</a>
                    <img src="https://static.igem.org/mediawiki/2017/3/35/T--TAS_Taipei--Dihua_Brochure-min.jpg" alt="test" id="group">
+
                    </div>
                </div>
+
                    <div class="row">
            </div>
+
                        <div class="image_container col-lg-5 col-lg-offset-1">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/c/ce/T--TAS_Taipei--Dihua_Tank-min.jpg" alt="test" id="group">
                <h1 class="title2 col-lg-12">OUTREACH</h1>
+
                        </div>
            </div>
+
                        <div class="image_container col-lg-5">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/3/35/T--TAS_Taipei--Dihua_Brochure-min.jpg" alt="test" id="group">
                <h4 class="para col-lg-12">In Outreach, we raised awareness of the beneficial qualities and harmful consequences associated with nanoparticles. We also educated the general public about nanoparticle usage, synthetic biology, and science in general. Lastly, we communicated with other iGEM teams to share ideas and collaborate on experiments.</h4>
+
                        </div>
            </div>
+
                    </div>
            <div class="row">
+
                    <div class="row">
                <h1 class="section-title col-lg-12">Kindergarten Science Experiments</h1>
+
                        <h1 class="title2 col-lg-12">OUTREACH</h1>
            </div>
+
                    </div>
            <div class="row">
+
                    <div class="row">
                <h4 class="para col-lg-12">
+
                        <h4 class="para col-lg-12">In Outreach, we raised awareness of the beneficial qualities and harmful consequences associated with nanoparticles. We also educated the general public about nanoparticle usage, synthetic biology, and science in general. Lastly, we communicated with other iGEM teams to share ideas and collaborate on experiments.</h4>
                    Our iGEM team also hosted several kindergarten sessions to teach kindergarteners the power of observation and the basics of science. For example, we taught them how to use microscopes to look at bills and coins, and how to use refraction lenses to see that white light is made up of various colours.
+
                    </div>
                </h4>
+
                    <div class="row">
            </div>
+
                        <h1 class="section-title col-lg-12">Kindergarten Science Experiments</h1>
            <div class="row">
+
                    </div>
                <div class="image_container col-lg-5 col-lg-offset-1">
+
                    <div class="row">
                    <img src="https://static.igem.org/mediawiki/2017/7/73/T--TAS_Taipei--Kindergarten-Group.jpg" alt="test" id="group">
+
                        <h4 class="para col-lg-12">
                </div>
+
                            Our iGEM team also hosted several kindergarten sessions to teach kindergarteners the power of observation and the basics of science. For example, we taught them how to use microscopes to look at bills and coins, and how to use refraction lenses to see that white light is made up of various colours.
                <div class="image_container col-lg-5">
+
                        </h4>
                    <img src="https://static.igem.org/mediawiki/2017/5/59/T--TAS_Taipei--Kindergarten-AS.jpg" alt="test" id="group">
+
                    </div>
                </div>
+
                    <div class="row">
            </div>
+
                        <div class="image_container col-lg-5 col-lg-offset-1">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/7/73/T--TAS_Taipei--Kindergarten-Group.jpg" alt="test" id="group">
                <h1 class="section-title col-lg-12">7th Grade Introduction to Synthetic Biology</h1>
+
                        </div>
            </div>
+
                        <div class="image_container col-lg-5">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/5/59/T--TAS_Taipei--Kindergarten-AS.jpg" alt="test" id="group">
                <h4 class="para col-lg-8">
+
                        </div>
                    We held several teaching sessions, where we introduced iGEM and the basics of synthetic biology, such as transcription and translation, to young scientists in seventh grade. They learned how to use micropipettes, as well as how to load and run dyes through an agarose gel. We also gave students different real world problems. Using paper biobrick parts, students put together constructs that would solve the given problems.
+
                    </div>
                </h4>
+
                    <div class="row">
                <div class="image_container col-lg-4">
+
                        <h1 class="section-title col-lg-12">7th Grade Introduction to Synthetic Biology</h1>
                    <img src="https://static.igem.org/mediawiki/2017/e/e1/T-TAS_Taipei--HP-7-1.jpg" alt="test" id="group">
+
                    </div>
                </div>
+
                    <div class="row">
                <div class="image_container col-lg-4">
+
                        <h4 class="para col-lg-8">
                    <img src="https://static.igem.org/mediawiki/2017/d/dc/T-TAS_Taipei--HP-7-2.jpg" alt="test" id="group">
+
                            We held several teaching sessions, where we introduced iGEM and the basics of synthetic biology, such as transcription and translation, to young scientists in seventh grade. They learned how to use micropipettes, as well as how to load and run dyes through an agarose gel. We also gave students different real world problems. Using paper biobrick parts, students put together constructs that would solve the given problems.
                </div>
+
                        </h4>
            </div>
+
                        <div class="image_container col-lg-4">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/e/e1/T-TAS_Taipei--HP-7-1.jpg" alt="test" id="group">
                <div class="image_container_big col-lg-8">
+
                        </div>
                    <img src="https://static.igem.org/mediawiki/2017/3/38/T--TAS_Taipei--HP_Jumbo.jpg" alt="test" id="group2">
+
                        <div class="image_container col-lg-4">
                </div>
+
                            <img src="https://static.igem.org/mediawiki/2017/d/dc/T-TAS_Taipei--HP-7-2.jpg" alt="test" id="group">
            </div>
+
                        </div>
            <div class="row">
+
                    </div>
                <h1 class="section-title col-lg-12">Research Symposium</h1>
+
                    <div class="row">
            </div>
+
                        <div class="image_container_big col-lg-8">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/3/38/T--TAS_Taipei--HP_Jumbo.jpg" alt="test" id="group2">
                <h4 class="para col-lg-12">
+
                        </div>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.
+
                    </div>
                </h4>
+
                    <div class="row">
            </div>
+
                        <h1 class="section-title col-lg-12">Research Symposium</h1>
            <div class="row">
+
                    </div>
                <div class="image_container_big col-lg-7 col-lg-offset-2">
+
                    <div class="row">
                    <img src="https://static.igem.org/mediawiki/2017/c/c3/T--TAS_Taipei--Symposium-min.jpg" alt="test" id="group">
+
                        <h4 class="para col-lg-12">
                </div>
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.
            </div>
+
                        </h4>
            <div class="row">
+
                    </div>
                <h1 class="section-title col-lg-12">Spring Fair</h1>
+
                    <div class="row">
            </div>
+
                        <div class="image_container_big col-lg-7 col-lg-offset-2">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/c/c3/T--TAS_Taipei--Symposium-min.jpg" alt="test" id="group">
                <h4 class="para col-lg-12">
+
                        </div>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.
+
                    </div>
                </h4>
+
                    <div class="row">
            </div>
+
                        <h1 class="section-title col-lg-12">Spring Fair</h1>
            <div class="row">
+
                    </div>
                <div class="image_container col-lg-4">
+
                    <div class="row">
                    <img src="https://static.igem.org/mediawiki/2017/5/53/T--TAS_Taipei--Spring_Fair-min.jpg" alt="test" id="group">
+
                        <h4 class="para col-lg-12">
                </div>
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.
                <div class="image_container col-lg-4">
+
                        </h4>
                    <img src="https://static.igem.org/mediawiki/2017/6/61/T--TAS_Taipei--Spring_Fair_Sage-min.jpg" alt="test" id="group">
+
                    </div>
                </div>
+
                    <div class="row">
                <div class="image_container col-lg-4">
+
                        <div class="image_container col-lg-4">
                    <img src="https://static.igem.org/mediawiki/2017/a/a4/T--TAS_Taipei--Spring_Fair_NP-min.jpg" alt="test" id="group">
+
                            <img src="https://static.igem.org/mediawiki/2017/5/53/T--TAS_Taipei--Spring_Fair-min.jpg" alt="test" id="group">
                </div>
+
                        </div>
            </div>
+
                        <div class="image_container col-lg-4">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/6/61/T--TAS_Taipei--Spring_Fair_Sage-min.jpg" alt="test" id="group">
                <h1 class="section-title col-lg-12">Survey Day</h1>
+
                        </div>
            </div>
+
                        <div class="image_container col-lg-4">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/a/a4/T--TAS_Taipei--Spring_Fair_NP-min.jpg" alt="test" id="group">
                <h4 class="para col-lg-12">
+
                        </div>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.
+
                    </div>
                </h4>
+
                    <div class="row">
            </div>
+
                        <h1 class="section-title col-lg-12">Survey Day</h1>
            <div class="row">
+
                    </div>
                <a href="https://www.youtube.com/watch?v=6Iolmu-H034" class="btn btn-info" target="_blank"><b>Click here</b> to see a part of our day!</a>
+
                    <div class="row">
            </div>
+
                        <h4 class="para col-lg-12">
            <div class="row">
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.
                <div class="image_container col-lg-5 col-lg-offset-1">
+
                        </h4>
                    <img src="https://static.igem.org/mediawiki/2017/f/f9/T--TAS_Taipei--Survey_Trip_Gran-min.jpg" alt="test" id="group">
+
                    </div>
                </div>
+
                    <div class="row">
                <div class="image_container col-lg-5">
+
                        <a href="https://www.youtube.com/watch?v=6Iolmu-H034" class="btn btn-info" target="_blank"><b>Click here</b> to see a part of our day!</a>
                    <img src="https://static.igem.org/mediawiki/2017/8/8b/T--TAS_Taipei--Survey_Trip_Jesse-min.jpg" alt="test" id="group">
+
                    </div>
                </div>
+
                    <div class="row">
            </div>
+
                        <div class="image_container col-lg-5 col-lg-offset-1">
            <div class="row">
+
                            <img src="https://static.igem.org/mediawiki/2017/f/f9/T--TAS_Taipei--Survey_Trip_Gran-min.jpg" alt="test" id="group">
                <h1 class="section-title col-lg-12">NCTU Conference</h1>
+
                        </div>
 +
                        <div class="image_container col-lg-5">
 +
                            <img src="https://static.igem.org/mediawiki/2017/8/8b/T--TAS_Taipei--Survey_Trip_Jesse-min.jpg" alt="test" id="group">
 +
                        </div>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h1 class="section-title col-lg-12">NCTU Conference</h1>
  
            </div>
+
                    </div>
            <div class="row">
+
                    <div class="row">
                <h4 class="para col-lg-12">
+
                        <h4 class="para col-lg-12">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.
                </h4>
+
                        </h4>
            </div>
+
                    </div>
            <div class="row">
+
                    <div class="row">
                <h1 class="section-title col-lg-12">Collaboration with other teams</h1>
+
                        <h1 class="section-title col-lg-12">Collaboration with other teams</h1>
            </div>
+
                    </div>
            <div class="row">
+
                    <div class="row">
                <h4 class="para col-lg-12">
+
                        <h4 class="para col-lg-12">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.
                </h4>
+
                        </h4>
            </div>
+
                    </div>
            <div class="row">
+
                    <div class="row">
                <h1 class="section-title col-lg-12">Social Media</h1>
+
                        <h1 class="section-title col-lg-12">Social Media</h1>
            </div>
+
                    </div>
            <div class="row">
+
                    <div class="row">
                <h4 class="para col-lg-12">
+
                        <h4 class="para col-lg-12">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.
                </h4>
+
                        </h4>
            </div>
+
                    </div>
            <div class="row">
+
                    <div class="row">
                <h1 id="title2 col-lg-12">IMPACT</h1>
+
                        <h1 id="title2 col-lg-12">IMPACT</h1>
            </div>
+
                    </div>
            <div class="row">
+
                    <div class="row">
                <h1 class="section-title col-lg-12">Lunch Sales</h1>
+
                        <h1 class="section-title col-lg-12">Lunch Sales</h1>
  
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 +
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row">
 +
                        <div class="image_container col-lg-5 col-lg-offset-1">
 +
                            <img src="https://static.igem.org/mediawiki/2017/6/68/T--TAS_Taipei--Sale_Making-min.jpg" alt="test" id="group">
 +
                        </div>
 +
                        <div class="image_container col-lg-5">
 +
                            <img src="https://static.igem.org/mediawiki/2017/1/12/T--TAS_Taipei--Sale_Poster-min.jpg" alt="test" id="group">
 +
                        </div>
 +
                        <div class="row">
 +
                            <h1 class="section-title col-lg-12">Ash's Policy thingy</h1>
 +
                        </div>
 +
                        <div class="row">
 +
                            <h4 class="para col-lg-12">
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel ipsum distinctio consequatur similique fuga necessitatibus debitis modi deserunt quidem nihil veritatis voluptates mollitia corporis iure maxime, consectetur ab tenetur. Laudantium ipsam explicabo mollitia pariatur optio, ut ab tempore, temporibus perferendis doloribus dolor fugiat, natus totam. Adipisci culpa ad nulla nisi.
 +
                            </h4>
 +
                        </div>
 +
                </section>
 +
                </div>
 
             </div>
 
             </div>
            <div class="row">
 
                <h4 class="para col-lg-12">
 
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.
 
                </h4>
 
            </div>
 
            <div class="row">
 
                <div class="image_container col-lg-5 col-lg-offset-1">
 
                    <img src="https://static.igem.org/mediawiki/2017/6/68/T--TAS_Taipei--Sale_Making-min.jpg" alt="test" id="group">
 
                </div>
 
                <div class="image_container col-lg-5">
 
                    <img src="https://static.igem.org/mediawiki/2017/1/12/T--TAS_Taipei--Sale_Poster-min.jpg" alt="test" id="group">
 
                </div>
 
                <div class="row">
 
                    <h1 class="section-title col-lg-12">Ash's Policy thingy</h1>
 
                </div>
 
                <div class="row">
 
                    <h4 class="para col-lg-12">
 
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel ipsum distinctio consequatur similique fuga necessitatibus debitis modi deserunt quidem nihil veritatis voluptates mollitia corporis iure maxime, consectetur ab tenetur. Laudantium ipsam explicabo mollitia pariatur optio, ut ab tempore, temporibus perferendis doloribus dolor fugiat, natus totam. Adipisci culpa ad nulla nisi.
 
                    </h4>
 
                </div>
 
        </section>
 
 
         </div>
 
         </div>
        <script>
+
    </div>
            $("a").on('click', function(event) {
+
    <script>
                if (this.hash !== "") {
+
        $("a").on('click', function(event) {
 +
            if (this.hash !== "") {
 
                 event.preventDefault();
 
                 event.preventDefault();
                    var hash = this.hash;
+
                var hash = this.hash;
                    $('html, body').animate({
+
                $('html, body').animate({
                        scrollTop: $(hash).offset().top
+
                    scrollTop: $(hash).offset().top
                    }, 300, function() {
+
                }, 300, function() {
                        // Add hash (#) to URL when done scrolling (default click behavior)
+
                    // Add hash (#) to URL when done scrolling (default click behavior)
                        window.location.hash = hash;
+
                    window.location.hash = hash;
                    });
+
                });
 +
            }
 +
        });
 +
        $(function() {
 +
            $('.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');
 
                 }
 
                 }
 +
                $('.navCap').addClass('deactive');
 
             });
 
             });
            $(function() {
 
                $('.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');
 
                    }
 
                    $('.navCap').addClass('deactive');
 
              });
 
  
                $('.yellow').mouseleave(function() {
+
            $('.yellow').mouseleave(function() {
                    var windowsize = $(window).width();
+
                var windowsize = $(window).width();
                    if (windowsize > 1020) {
+
                if (windowsize > 1020) {
                        //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');
                    }
+
                }
                    $('.navCap').removeClass('deactive');
+
                $('.navCap').removeClass('deactive');
                });
+
            });
  
                $('.box2').click(function() {
+
            $('.box2').click(function() {
                    var windowsize = $(window).width();
+
                var windowsize = $(window).width();
                    if (windowsize < 1020) {
+
                if (windowsize < 1020) {
                        //if the window is less than 1020px wide then turn on click for mobile.
+
                    //if the window is less than 1020px wide then turn on click for mobile.
                        if ($('.yellow').hasClass('active')) {
+
                    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');
 
                         window.location = $(this).attr('href');
 +
                    } else {
 +
                        $('.yellow').addClass('active');
 +
                        $('.return').addClass('active');
 +
                        $('.home').addClass('deactive');
 
                     }
 
                     }
 +
                } else {
 +
                    window.location = $(this).attr('href');
 +
                }
  
                })
+
            })
  
                $('.box3').click(function() {
+
            $('.box3').click(function() {
                    var windowsize = $(window).width();
+
                var windowsize = $(window).width();
                    if (windowsize < 1020) {
+
                if (windowsize < 1020) {
                        //if the window is less than 1020px wide then turn on click for mobile.
+
                    //if the window is less than 1020px wide then turn on click for mobile.
                        if ($('.yellow').hasClass('active')) {
+
                    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');
 
                         window.location = $(this).attr('href');
 +
                    } else {
 +
                        $('.yellow').addClass('active');
 +
                        $('.return').addClass('active');
 +
                        $('.home').addClass('deactive');
 
                     }
 
                     }
                 })
+
                 } else {
 +
                    window.location = $(this).attr('href');
 +
                }
 +
            })
  
                $('.return').click(function() {
+
            $('.return').click(function() {
                    $('.yellow').removeClass('active');
+
                $('.yellow').removeClass('active');
                    $('.return').removeClass('active');
+
                $('.return').removeClass('active');
                    $('.home').removeClass('deactive');
+
                $('.home').removeClass('deactive');
                })
+
            })
  
                $('.cv').click(function() {
+
            $('.cv').click(function() {
                    $('.yellow').removeClass('active');
+
                $('.yellow').removeClass('active');
                    $('.return').removeClass('active');
+
                $('.return').removeClass('active');
                    $('.home').removeClass('deactive');
+
                $('.home').removeClass('deactive');
                })
+
            })
  
                $('.jumbotron').mouseenter(function() {
+
            $('.jumbotron').mouseenter(function() {
                    $('.project').removeClass('active');
+
                $('.project').removeClass('active');
                    $('.experiment').removeClass('active');
+
                $('.experiment').removeClass('active');
                    $('.modeling').removeClass('active');
+
                $('.modeling').removeClass('active');
                    $('.prototype').removeClass('active');
+
                $('.prototype').removeClass('active');
                    $('.biosafety').removeClass('active');
+
                $('.biosafety').removeClass('active');
                    $('.about').removeClass('active');
+
                $('.about').removeClass('active');
                    $('.policy').removeClass('active');
+
                $('.policy').removeClass('active');
                    $('.acknowledgments').removeClass('active');
+
                $('.acknowledgments').removeClass('active');
                });
+
            });
  
                $('.cv').mouseenter(function() {
+
            $('.cv').mouseenter(function() {
                    $('.project').removeClass('active');
+
                $('.project').removeClass('active');
                    $('.experiment').removeClass('active');
+
                $('.experiment').removeClass('active');
                    $('.modeling').removeClass('active');
+
                $('.modeling').removeClass('active');
                    $('.prototype').removeClass('active');
+
                $('.prototype').removeClass('active');
                    $('.biosafety').removeClass('active');
+
                $('.biosafety').removeClass('active');
                    $('.about').removeClass('active');
+
                $('.about').removeClass('active');
                    $('.policy').removeClass('active');
+
                $('.policy').removeClass('active');
                    $('.acknowledgments').removeClass('active');
+
                $('.acknowledgments').removeClass('active');
                });
+
            });
  
                $('.project').mouseenter(function() {
+
            $('.project').mouseenter(function() {
                    $('.project').addClass('active');
+
                $('.project').addClass('active');
                    $('.experiment').removeClass('active');
+
                $('.experiment').removeClass('active');
                    $('.modeling').removeClass('active');
+
                $('.modeling').removeClass('active');
                    $('.prototype').removeClass('active');
+
                $('.prototype').removeClass('active');
                    $('.biosafety').removeClass('active');
+
                $('.biosafety').removeClass('active');
                    $('.about').removeClass('active');
+
                $('.about').removeClass('active');
                    $('.policy').removeClass('active');
+
                $('.policy').removeClass('active');
                    $('.acknowledgments').removeClass('active');
+
                $('.acknowledgments').removeClass('active');
                });
+
            });
  
                $('.experiment').mouseenter(function() {
+
            $('.experiment').mouseenter(function() {
                    $('.project').removeClass('active');
+
                $('.project').removeClass('active');
                    $('.experiment').addClass('active');
+
                $('.experiment').addClass('active');
                    $('.modeling').removeClass('active');
+
                $('.modeling').removeClass('active');
                    $('.prototype').removeClass('active');
+
                $('.prototype').removeClass('active');
                    $('.biosafety').removeClass('active');
+
                $('.biosafety').removeClass('active');
                    $('.about').removeClass('active');
+
                $('.about').removeClass('active');
                    $('.policy').removeClass('active');
+
                $('.policy').removeClass('active');
                    $('.acknowledgments').removeClass('active');
+
                $('.acknowledgments').removeClass('active');
                });
+
            });
  
                $('.modeling').mouseenter(function() {
+
            $('.modeling').mouseenter(function() {
                    $('.project').removeClass('active');
+
                $('.project').removeClass('active');
                    $('.experiment').removeClass('active');
+
                $('.experiment').removeClass('active');
                    $('.modeling').addClass('active');
+
                $('.modeling').addClass('active');
                    $('.prototype').removeClass('active');
+
                $('.prototype').removeClass('active');
                    $('.biosafety').removeClass('active');
+
                $('.biosafety').removeClass('active');
                    $('.about').removeClass('active');
+
                $('.about').removeClass('active');
                    $('.policy').removeClass('active');
+
                $('.policy').removeClass('active');
                    $('.acknowledgments').removeClass('active');
+
                $('.acknowledgments').removeClass('active');
                });
+
            });
  
                $('.prototype').mouseenter(function() {
+
            $('.prototype').mouseenter(function() {
                    $('.project').removeClass('active');
+
                $('.project').removeClass('active');
                    $('.experiment').removeClass('active');
+
                $('.experiment').removeClass('active');
                    $('.modeling').removeClass('active');
+
                $('.modeling').removeClass('active');
                    $('.prototype').addClass('active');
+
                $('.prototype').addClass('active');
                    $('.biosafety').removeClass('active');
+
                $('.biosafety').removeClass('active');
                    $('.about').removeClass('active');
+
                $('.about').removeClass('active');
                    $('.policy').removeClass('active');
+
                $('.policy').removeClass('active');
                    $('.acknowledgments').removeClass('active');
+
                $('.acknowledgments').removeClass('active');
                });
+
            });
  
                $('.biosafety').mouseenter(function() {
+
            $('.biosafety').mouseenter(function() {
                    $('.project').removeClass('active');
+
                $('.project').removeClass('active');
                    $('.experiment').removeClass('active');
+
                $('.experiment').removeClass('active');
                    $('.modeling').removeClass('active');
+
                $('.modeling').removeClass('active');
                    $('.prototype').removeClass('active');
+
                $('.prototype').removeClass('active');
                    $('.biosafety').addClass('active');
+
                $('.biosafety').addClass('active');
                    $('.about').removeClass('active');
+
                $('.about').removeClass('active');
                    $('.policy').removeClass('active');
+
                $('.policy').removeClass('active');
                    $('.acknowledgments').removeClass('active');
+
                $('.acknowledgments').removeClass('active');
                });
+
            });
  
                $('.about').mouseenter(function() {
+
            $('.about').mouseenter(function() {
                    $('.project').removeClass('active');
+
                $('.project').removeClass('active');
                    $('.experiment').removeClass('active');
+
                $('.experiment').removeClass('active');
                    $('.modeling').removeClass('active');
+
                $('.modeling').removeClass('active');
                    $('.prototype').removeClass('active');
+
                $('.prototype').removeClass('active');
                    $('.biosafety').removeClass('active');
+
                $('.biosafety').removeClass('active');
                    $('.about').addClass('active');
+
                $('.about').addClass('active');
                    $('.policy').removeClass('active');
+
                $('.policy').removeClass('active');
                    $('.acknowledgments').removeClass('active');
+
                $('.acknowledgments').removeClass('active');
                });
+
            });
  
                $('.policy').mouseenter(function() {
+
            $('.policy').mouseenter(function() {
                    $('.project').removeClass('active');
+
                $('.project').removeClass('active');
                    $('.experiment').removeClass('active');
+
                $('.experiment').removeClass('active');
                    $('.modeling').removeClass('active');
+
                $('.modeling').removeClass('active');
                    $('.prototype').removeClass('active');
+
                $('.prototype').removeClass('active');
                    $('.biosafety').removeClass('active');
+
                $('.biosafety').removeClass('active');
                    $('.about').removeClass('active');
+
                $('.about').removeClass('active');
                    $('.policy').addClass('active');
+
                $('.policy').addClass('active');
                    $('.acknowledgments').removeClass('active');
+
                $('.acknowledgments').removeClass('active');
                });
+
            });
  
                $('.acknowledgments').mouseenter(function() {
+
            $('.acknowledgments').mouseenter(function() {
                    $('.project').removeClass('active');
+
                $('.project').removeClass('active');
                    $('.experiment').removeClass('active');
+
                $('.experiment').removeClass('active');
                    $('.modeling').removeClass('active');
+
                $('.modeling').removeClass('active');
                    $('.prototype').removeClass('active');
+
                $('.prototype').removeClass('active');
                    $('.biosafety').removeClass('active');
+
                $('.biosafety').removeClass('active');
                    $('.about').removeClass('active');
+
                $('.about').removeClass('active');
                    $('.policy').removeClass('active');
+
                $('.policy').removeClass('active');
                    $('.acknowledgments').addClass('active');
+
                $('.acknowledgments').addClass('active');
                });
+
            });
            })
+
        })
  
        </script>
+
    </script>
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 08:01, 13 October 2017

X

Project

Experiment

Modeling

Prototype

Human Practice

Biosafety

About Us

Attributions

Home

Human Practices

It’s not only what happens in the lab, but also what happens in our community.

test
hi

HUMAN PRACTICES SUMMARY

We used Human Practices research to guide and better understand our project. We contacted professors, engineers, researchers, companies, and wastewater treatment plants to compile information for our final constructs and prototype designs. Our Human Practices are separated into three categories: Research, Outreach, and Impact.

RESEARCH

To understand how people view nanoparticles, their usage and current regulations, we gathered public opinion from our local community. We sought advice from researchers in the fields of nanotechnology and environmental science to learn about how nanoparticles impact the environment and our lives. Lastly, we contacted nanoparticle manufacturers, waste collectors, as well as wastewater treatment plants in both rural and urban settings to learn about current practices and possible future applications.

Apex Nanotek

To learn more about the functions of nanoparticles, we visited a nanotech company that uses silver nanoparticles to make various antimicrobial products. The main researcher at Apex Nanotek introduced us to their main product, which is crystallized nanosilver antimicrobial activated carbon. Pure activated carbon, commonly used to treat sewage and industrial exhaust, is prone to bacterial growth. To overcome this problem, they integrate crystallized nanosilver into the activated carbon for their antimicrobial effects. One of their products is a showerhead, with nanosilver-activated carbon filters to kill bacteria when water flows through the showerhead.

We tested the product by comparing SEM images between tap water and filtered water from the showerhead. The showerhead successfully decreased the number of bacteria and larger particles from tap water! However, we also observed more nanoparticles in the filtered water sample, which will flow into wastewater.

test
test
test

Dr. Eric Lee

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!

Dr. Gwo-Dong Roam

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!

test
test

Dr. Barnard

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!

Bioethics Panel

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!

Survey Results

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!

Nanoparticle Waste Collectors

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!

Tap Water Musuem

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!

test
test

Dihua Wastewater Treatment Plant

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis soluta aspernatur, aut pariatur debitis odio nemo autem delectus, accusantium nihil hic praesentium nesciunt. Similique velit illum sunt, cupiditate eaque dolores consequuntur, corrupti, soluta impedit aliquam ex? Hic nisi cumque dolore quidem placeat quo impedit ab soluta mollitia! Ratione, veniam. Quasi!

test
test

OUTREACH

In Outreach, we raised awareness of the beneficial qualities and harmful consequences associated with nanoparticles. We also educated the general public about nanoparticle usage, synthetic biology, and science in general. Lastly, we communicated with other iGEM teams to share ideas and collaborate on experiments.

Kindergarten Science Experiments

Our iGEM team also hosted several kindergarten sessions to teach kindergarteners the power of observation and the basics of science. For example, we taught them how to use microscopes to look at bills and coins, and how to use refraction lenses to see that white light is made up of various colours.

test
test

7th Grade Introduction to Synthetic Biology

We held several teaching sessions, where we introduced iGEM and the basics of synthetic biology, such as transcription and translation, to young scientists in seventh grade. They learned how to use micropipettes, as well as how to load and run dyes through an agarose gel. We also gave students different real world problems. Using paper biobrick parts, students put together constructs that would solve the given problems.

test
test
test

Research Symposium

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.

test

Spring Fair

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.

test
test
test

Survey Day

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.

test
test

NCTU Conference

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.

Collaboration with other teams

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.

Social Media

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.

IMPACT

Lunch Sales

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem officia sit amet omnis deleniti veritatis ut. Placeat reprehenderit quas in non a quidem vitae aspernatur, nihil vero pariatur rerum nobis est eum, minima aliquid neque quaerat quibusdam quis. Repellendus neque voluptas reiciendis, id dolorum, asperiores dolores debitis libero autem quibusdam.

test
test

Ash's Policy thingy

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel ipsum distinctio consequatur similique fuga necessitatibus debitis modi deserunt quidem nihil veritatis voluptates mollitia corporis iure maxime, consectetur ab tenetur. Laudantium ipsam explicabo mollitia pariatur optio, ut ab tempore, temporibus perferendis doloribus dolor fugiat, natus totam. Adipisci culpa ad nulla nisi.