Difference between revisions of "Team:TAS Taipei/Engagement"

(Prototype team page)
 
Line 1: Line 1:
−
{{TAS_Taipei}}
+
{{TAS Taipei/CSS2}} {{TAS Taipei/Bootstrap}} {{TAS Taipei/BootstrapJS}}
 +
<html lang="en">
  
−
<html>
+
<head>
−
<div class="column full_size judges-will-not-evaluate">
+
    <meta charset="UTF-8">
−
<h3>★  ALERT! </h3>
+
    <title>About Us</title>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
    <!--
−
</div>
+
    <link rel="stylesheet" href="https://2017.igem.org/Template:TAS_Taipei/Bootstrap">
−
<div class="clear"></div>
+
    <link rel="stylesheet" href="https://2017.igem.org/Template:TAS_Taipei/JqueryJS">
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
 +
-->
 +
    <style type='text/css'>
 +
        #top_title,
 +
        #sideMenu {
 +
            display: none !important;
 +
        }
 +
       
 +
        #content {
 +
            width: 100%;
 +
            margin: 0;
 +
            padding: 0;
 +
            background: #f3f4f4;
 +
        }
 +
       
 +
        .cv {
 +
            box-shadow: 100px 0px 0 0px #f9cdad;
 +
        }
  
−
<div class="column half_size">
+
    </style>
 +
</head>
  
−
<h1>Education and Public Engagement</h1>
+
<body>
−
<h3>Best Education and Public Engagement Special Prize</h3>
+
    <div class="return">
−
<p>Over the last few years, we have seen teams produce some truly outstanding work in the areas of education and public engagement. Innovative educational tools and public engagement activities have the ability to discuss the science behind synthetic biology, spark new scientific curiosity and establish a public dialogue about synthetic biology from voices/views outside the lab.
+
        <h1>X</h1>
 +
    </div>
 +
    <div class="yellow">
 +
        <div class="box right">
 +
            <div class="box2 right project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
 +
                <img src="https://static.igem.org/mediawiki/2017/9/92/Project.png" id="dna">
 +
            </div>
 +
            <div class="box2 right experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">
 +
                <img src="https://static.igem.org/mediawiki/2017/9/9c/Exp.png" id="dna">
 +
            </div>
 +
            <div class="box2 right modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model">
 +
                <img src="https://static.igem.org/mediawiki/2017/3/3c/Modeling.png" id="dna">
 +
            </div>
 +
            <div class="box2 right prototype" href="https://2017.igem.org/Team:TAS_Taipei/Prototype">
 +
                <img src="https://static.igem.org/mediawiki/2017/3/31/Prototype.png" id="dna">
 +
            </div>
 +
            <div class="box2 right policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">
 +
                <img src="https://static.igem.org/mediawiki/2017/5/55/Hp2.png" id="dna">
 +
            </div>
 +
            <div class="box2 right biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety">
 +
                <img src="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="dna">
 +
            </div>
 +
            <div class="box2 right about" href="https://2017.igem.org/Team:TAS_Taipei/Team">
 +
                <img src="https://static.igem.org/mediawiki/2017/a/a3/About_us1.png" id="dna">
 +
            </div>
 +
            <div class="box2 right acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions">
 +
                <img src="https://static.igem.org/mediawiki/2017/8/8d/Attributions.png" id="dna">
 +
            </div>
 +
        </div>
 +
        <div class="blue">
 +
            <div class="box3 left project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
 +
                <h1>Project</h1>
 +
            </div>
 +
            <div class="box3 left experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">
 +
                <h1>Experiment</h1>
 +
            </div>
 +
            <div class="box3 left modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model">
 +
                <h1>Modeling</h1>
 +
            </div>
 +
            <div class="box3 left prototype" href="https://2017.igem.org/Team:TAS_Taipei/Prototype">
 +
                <h1>Prototype</h1>
 +
            </div>
 +
            <div class="box3 left policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">
 +
                <h1>Human Practice</h1>
 +
            </div>
 +
            <div class="box3 left biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety">
 +
                <h1>Biosafety</h1>
 +
            </div>
 +
            <div class="box3 left about" href="https://2017.igem.org/Team:TAS_Taipei/Team">
 +
                <h1>About Us</h1>
 +
            </div>
 +
            <div class="box3 left acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions">
 +
                <h1>Attributions</h1>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <box class="home">
 +
        <img src="https://static.igem.org/mediawiki/2017/0/0d/5home.svg" alt="Home" id="home" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei';" style="cursor: pointer;">
 +
    </box>
 +
    <!--全版面大型看板開始-->
 +
    <div class="jumbotron" id="hp-jumbo">
 +
        <div class="container">
 +
            <h1>Education and Engagement</h1>
 +
            <h4>It’s not only what happens in the lab, but also what happens in our community.</h4>
 +
        </div>
 +
        <a href="#cv"><img src="https://static.igem.org/mediawiki/2017/4/4a/T--TAS_Taipei--Chevron_500px_200ppi.png" alt="test" id="chevron"></a>
 +
    </div>
 +
    <!--全版面大型看板結尾-->
 +
    <div class="cv" id="cv">
 +
        <!-- header -->
 +
        <header>
 +
            <h1 class="name">HUMAN PRACTICES SUMMARY</h1>
 +
            <h4 class="para">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi quos aliquam quod sed, eum. Recusandae quia eligendi, deleniti perspiciatis perferendis aut beatae nesciunt voluptatum, molestias veritatis vitae, minus similique. Ducimus beatae ipsam sequi aspernatur amet est, minus eligendi magnam! Ut aut maiores, commodi tempore molestias vel odio nulla! Perspiciatis quo, animi ducimus neque labore cupiditate illum illo odit harum beatae dolore eius fuga consequatur dicta, hic architecto placeat pariatur? Saepe pariatur sequi beatae quis quos, aut, impedit rem assumenda cupiditate ratione a est, quae dolorem nisi et? Perspiciatis atque aperiam pariatur, aut, et aliquam adipisci iusto optio nulla ratione odio!</h4>
 +
            <div class="row">
 +
                <div class="this_border">
 +
                </div>
 +
            </div>
 +
        </header>
 +
        <h1 id="title2">RESEARCH</h1>
 +
        <section class="main">
 +
            <div class="experiences">
 +
                <div class="job" id="top">
 +
                    <h1 class="section-title">Apex Nanotek</h1>
 +
                    <h4 class="para">
 +
                        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>
  
−
<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.
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Education and Public Engagement prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
−
<br><br>
+
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
−
</p>
+
−
</div>
+
  
 +
                    </h4>
 +
                </div>
 +
                <div class="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/0/07/T--TAS_Taipei--Group_Pic_Apex-min.jpg" alt="test" id="group">
 +
                </div>
 +
                <div class="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/b/b3/T--TAS_Taipei--Shower_Head-min.jpg" alt="test" id="group">
 +
                </div>
 +
                <br>
 +
                <div class="image_container_big">
 +
                    <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 class="job" id="top">
 +
                    <h1 class="section-title">Dr. Eric Lee</h1>
 +
                    <h4 class="para">
 +
                        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>
 +
                </div>
 +
                <div class="job" id="top">
 +
                    <h1 class="section-title">Dr. Gwo-Dong Roam</h1>
 +
                    <h4 class="para">
 +
                        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>
 +
                </div>
 +
                <div class="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/0/0d/T--TAS_Taipei--Roam-min.jpg" alt="test" id="group">
 +
                </div>
 +
                <div class="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/4/46/T--TAS_Taipei--Roam_Info-min.jpg" alt="test" id="group">
 +
                </div>
 +
<div class="job" id="top">
 +
                    <h1 class="section-title">Dr. Barnard</h1>
 +
                    <h4 class="para">
 +
                        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>
 +
                </div>
 +
<div class="job" id="top">
 +
                    <h1 class="section-title">Bioethics Panel</h1>
 +
                    <h4 class="para">
 +
                        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>
 +
                </div>
 +
                <div class="job" id="top">
 +
                    <h1 class="section-title">Survey Results</h1>
 +
                    <h4 class="para">
 +
                        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>
 +
                </div>
 +
                <div class="job" id="top">
 +
                    <h1 class="section-title">Nanoparticle Waste Collectors</h1>
 +
                    <h4 class="para">
 +
                        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>
 +
                </div>
 +
                <div class="job" id="top">
 +
                    <h1 class="section-title">Tap Water Musuem</h1>
 +
                    <h4 class="para">
 +
                        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>
 +
                </div>
 +
                <div class="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/f/fd/T--TAS_Taipei--Tap_Water_Musuem-min.jpg" alt="test" id="group">
 +
                </div>
 +
                <div class="image_container">
 +
                    <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 class="job" id="top">
 +
                    <h1 class="section-title">Dihua Wastewater Treatment Plant</h1>
 +
                    <h4 class="para">
 +
                        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>
 +
                </div>
 +
                <div class="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/c/ce/T--TAS_Taipei--Dihua_Tank-min.jpg" alt="test" id="group">
 +
                </div>
 +
                <div class="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/3/35/T--TAS_Taipei--Dihua_Brochure-min.jpg" alt="test" id="group">
 +
                </div>
 +
                <br>
 +
                <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>
 +
        </section>
 +
        <h1 id="title2">OUTREACH</h1>
 +
        <section class="main">
 +
            <div class="experiences">
 +
                <div class="job" id="top">
 +
                    <h1 class="section-title">Kindergarten Science Experiments</h1>
 +
                    <h4 class="para">
 +
                        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.
 +
                    </h4>
 +
                </div>
 +
                <div class="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/7/73/T--TAS_Taipei--Kindergarten-Group.jpg" alt="test" id="group">
 +
                </div>
 +
                <div class="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/59/T--TAS_Taipei--Kindergarten-AS.jpg" alt="test" id="group">
 +
                </div>
 +
<br>
 +
                <div class="job" id="top">
 +
                    <h1 class="section-title">7th Grade Introduction to Synthetic Biology</h1>
 +
                    <h4 class="para">
 +
                        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.
 +
                    </h4>
 +
                </div>
 +
                <div class="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/e/e1/T-TAS_Taipei--HP-7-1.jpg" alt="test" id="group">
 +
                    <!-- <h4 class="subtitle"><b>Figure 1-1 Paul:</b> perception without comprehension is a dangerous combination.</h4> -->
 +
                </div>
 +
                <div class="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/d/dc/T-TAS_Taipei--HP-7-2.jpg" alt="test" id="group">
 +
                    <!-- <h4 class="subtitle"><b>Figure 1-2 KT:</b> Two seniors, both alike in dignity, In fair kindergarten, where we lay our scene, From ancient grudge break to new mutiny, Where civil blood makes civil hands unclean. </h4> -->
 +
                </div>
 +
<br>
 +
                <div class="image_container_big">
 +
                    <img src="https://static.igem.org/mediawiki/2017/3/38/T--TAS_Taipei--HP_Jumbo.jpg" alt="test" id="group2">
 +
                    <!-- <h4 class="subtitle"><b>Figure 1-2 KT:</b> Two seniors, both alike in dignity, In fair kindergarten, where we lay our scene, From ancient grudge break to new mutiny, Where civil blood makes civil hands unclean. </h4> -->
 +
                </div>
 +
                <div class="job" id="top">
 +
                <div class="job" id="top">
 +
                    <h1 class="section-title">Research Symposium</h1>
 +
                    <h4 class="para">
 +
                        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="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/c/c3/T--TAS_Taipei--Symposium-min.jpg" alt="test" id="group">
 +
                </div>
 +
                <div class="job" id="top">
 +
                    <h1 class="section-title">Spring Fair</h1>
 +
                    <h4 class="para">
 +
                        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="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/53/T--TAS_Taipei--Spring_Fair-min.jpg" alt="test" id="group">
 +
                </div>
 +
                <div class="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/6/61/T--TAS_Taipei--Spring_Fair_Sage-min.jpg" alt="test" id="group">
 +
                </div>
 +
                <div class="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/a/a4/T--TAS_Taipei--Spring_Fair_NP-min.jpg" alt="test" id="group">
 +
                </div>
 +
                <div class="job" id="top">
 +
                    <h1 class="section-title">Survey Day</h1>
 +
                    <h4 class="para">
 +
                        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="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/f/f9/T--TAS_Taipei--Survey_Trip_Gran-min.jpg" alt="test" id="group">
 +
                </div>
 +
                <div class="image_container">
 +
                    <img src="https://static.igem.org/mediawiki/2017/8/8b/T--TAS_Taipei--Survey_Trip_Jesse-min.jpg" alt="test" id="group">
 +
                </div>
 +
                <br>
 +
                <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="job" id="top">
 +
                    <h1 class="section-title">NCTU Conference</h1>
 +
                    <h4 class="para">
 +
                        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="job" id="top">
 +
                    <h1 class="section-title">Collaboration with other teams</h1>
 +
                    <h4 class="para">
 +
                        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="job" id="top">
 +
                    <h1 class="section-title">Social Media</h1>
 +
                    <h4 class="para">
 +
                        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>
 +
        </section>
 +
        <h1 id="title2">IMPACT</h1>
 +
        <section class="main">
 +
            <div class="experiences">
 +
                <div class="job" id="top">
 +
                    <h1 class="section-title">Lunch Sales</h1>
 +
                    <h4 class="para">
 +
                        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="image_container">
 +
                    <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">
 +
                    <img src="https://static.igem.org/mediawiki/2017/1/12/T--TAS_Taipei--Sale_Poster-min.jpg" alt="test" id="group">
 +
                </div>
 +
                <div class="job" id="top">
 +
                    <h1 class="section-title">Ash's Policy thingy</h1>
 +
                    <h4 class="para">
 +
                        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>
 +
            </div>
 +
        </section>
 +
    </div>
 +
    <script>
 +
        $(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');
 +
                }
 +
            });
  
 +
            $('.yellow').mouseleave(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize > 1020) {
 +
                    //if the window is greater than 1020px wide then hover
 +
                    $('.yellow').removeClass('active');
 +
                }
 +
            });
  
  
−
<div class="column half_size">
+
            $('.box2').click(function() {
−
<h5>Inspiration</h5>
+
                var windowsize = $(window).width();
−
<p>Here are a few examples of excellent Education and Public Engagement work:</p>
+
                if (windowsize < 1020) {
−
<ul>
+
                    //if the window is less than 1020px wide then turn on click for mobile.
−
<li><a href="https://2016.igem.org/Team:SCAU-China/Engagement">2016 SCAU-China</a></li>
+
                    if ($('.yellow').hasClass('active')) {
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Engagement">2016 Imperial College</a></li>
+
                        window.location = $(this).attr('href');
−
<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement">2015 UFMG Brazil</a></li>
+
                    } else {
−
<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> 2015 William and Mary</a></li>
+
                        $('.yellow').addClass('active');
−
</ul>
+
                        $('.return').addClass('active');
 +
                        $('.home').addClass('deactive');
 +
                    }
 +
                } else {
 +
                    window.location = $(this).attr('href');
 +
                }
  
−
</div>
+
            })
  
 +
            $('.box3').click(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize < 1020) {
 +
                    //if the window is less than 1020px wide then turn on click for mobile.
 +
                    if ($('.yellow').hasClass('active')) {
 +
                        window.location = $(this).attr('href');
 +
                    } else {
 +
                        $('.yellow').addClass('active');
 +
                        $('.return').addClass('active');
 +
                        $('.home').addClass('deactive');
 +
                    }
 +
                } else {
 +
                    window.location = $(this).attr('href');
 +
                }
 +
            })
 +
 +
            $('.return').click(function() {
 +
                $('.yellow').removeClass('active');
 +
                $('.return').removeClass('active');
 +
                $('.home').removeClass('deactive');
 +
            })
 +
 +
            $('.cv').click(function() {
 +
                $('.yellow').removeClass('active');
 +
                $('.return').removeClass('active');
 +
                $('.home').removeClass('deactive');
 +
            })
 +
           
 +
            $('.jumbotron').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');
 +
            });
 +
 +
            $('.cv').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');
 +
            });
 +
 +
            $('.project').mouseenter(function() {
 +
                $('.project').addClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.experiment').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').addClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.modeling').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').addClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.prototype').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').addClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.biosafety').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').addClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.about').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').addClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.policy').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').addClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.acknowledgments').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').addClass('active');
 +
            });
 +
    })
 +
 +
    </script>
 +
</body>
  
−
<div class="clear"></div>
 
 
</html>
 
</html>

Revision as of 08:16, 24 August 2017

X

Project

Experiment

Modeling

Prototype

Human Practice

Biosafety

About Us

Attributions

Home

Education and Engagement

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

test

HUMAN PRACTICES SUMMARY

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi quos aliquam quod sed, eum. Recusandae quia eligendi, deleniti perspiciatis perferendis aut beatae nesciunt voluptatum, molestias veritatis vitae, minus similique. Ducimus beatae ipsam sequi aspernatur amet est, minus eligendi magnam! Ut aut maiores, commodi tempore molestias vel odio nulla! Perspiciatis quo, animi ducimus neque labore cupiditate illum illo odit harum beatae dolore eius fuga consequatur dicta, hic architecto placeat pariatur? Saepe pariatur sequi beatae quis quos, aut, impedit rem assumenda cupiditate ratione a est, quae dolorem nisi et? Perspiciatis atque aperiam pariatur, aut, et aliquam adipisci iusto optio nulla ratione odio!

RESEARCH

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

Click here to see a part of our trip!

OUTREACH

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

Click here to see a part of our day!

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.