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

Line 1: Line 1:
−
{{TAS Taipei/CSS2}}
+
{{TAS Taipei/CSS2}} {{TAS Taipei/Bootstrap}} {{TAS Taipei/BootstrapJS}}
 
<html lang="en">
 
<html lang="en">
  
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <title>About Us</title>
 
     <title>About Us</title>
 
     <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 
     <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
−
     <link rel="stylesheet" href="https://2017.igem.org/Template:TAS_Taipei/CSS2">
+
     <link rel="stylesheet" href="https://2017.igem.org/Template:TAS_Taipei/CSS2">  
−
     <style type='text/css'>
+
     <style type='text/css'>
−
         #top_title,
+
         #top_title,#sideMenu { display: none !important; }
−
        #sideMenu {
+
−
            display: none !important;
+
−
        }
+
−
       
+
 
         #content {
 
         #content {
 
             width: 100%;
 
             width: 100%;
Line 18: Line 15:
 
             padding: 0;
 
             padding: 0;
 
             background: #f3f4f4;
 
             background: #f3f4f4;
−
        }
 
−
       
 
−
 
−
        .cv {
 
−
            box-shadow: 100px 0px 0 0px #f9cdad;
 
 
         }
 
         }
 
     </style>
 
     </style>
Line 28: Line 20:
  
 
<body>
 
<body>
−
     <div class="boxes2">
+
     <div class="return">
−
         <div class="box2" id="project" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Background';" style="cursor: pointer;">
+
         <h1>X</h1>
−
             <h1>PROJECT
+
    </div>
−
                 <span>
+
    <div class="yellow">
−
                    <img src="https://static.igem.org/mediawiki/2017/9/92/Project.png" id="dna" width="40vh">
+
        <div class="box right">
−
                 </span>
+
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Background" id="project">
−
             </h1>
+
                <img src="https://static.igem.org/mediawiki/2017/9/92/Project.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary" id="experiment">
 +
                <img src="https://static.igem.org/mediawiki/2017/9/9c/Exp.png" id="dna">
 +
             </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Model" id="modeling">
 +
                 <img src="https://static.igem.org/mediawiki/2017/3/3c/Modeling.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Prototype" id="prototype">
 +
                <img src="https://static.igem.org/mediawiki/2017/3/31/Prototype.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices" id="policy">
 +
                 <img src="https://static.igem.org/mediawiki/2017/5/55/Hp2.png" id="dna">
 +
             </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Safety" id="biosafety">
 +
                <img src="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Team" id="about">
 +
                <img src="https://static.igem.org/mediawiki/2017/a/a3/About_us1.png" id="dna">
 +
            </div>
 +
            <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Attributions" id="acknowledgments">
 +
                <img src="https://static.igem.org/mediawiki/2017/8/8d/Attributions.png" id="dna">
 +
            </div>
 
         </div>
 
         </div>
−
         <div class="box2" id="experiment" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary';" style="cursor: pointer;">
+
         <div class="blue">
−
            <h1>EXPERIMENTS
+
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Background" id="project">
−
                <span>
+
                <h1>Project</h1>
−
                    <img src="https://static.igem.org/mediawiki/2017/9/9c/Exp.png" id="dna" width="40vh">
+
            </div>
−
                 </span>
+
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary" id="experiment">
−
            </h1>
+
                 <h1>Experiment</h1>
−
        </div>
+
            </div>
−
        <div class="box2" id="modeling" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Model';" style="cursor: pointer;">
+
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Model" id="modeling">
−
            <h1>MODELING
+
                <h1>Modeling</h1>
−
                <span>
+
             </div>
−
                    <img src="https://static.igem.org/mediawiki/2017/3/3c/Modeling.png" id="dna" width="40vh">
+
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Prototype" id="prototype">
−
                </span>
+
                <h1>Prototype</h1>
−
             </h1>
+
             </div>
−
        </div>
+
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices" id="policy">
−
        <div class="box2" id="prototype" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Prototype';" style="cursor: pointer;">
+
                 <h1>Human Practice</h1>
−
            <h1>PROTOTYPE
+
             </div>
−
                <span>
+
            <div class="box3 left" href="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="biosafety">
−
                    <img src="https://static.igem.org/mediawiki/2017/3/31/Prototype.png" id="dna" width="40vh">
+
                <h1>Biosafety</h1>
−
                </span>
+
            </div>
−
             </h1>
+
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Team" id="about">
−
        </div>
+
                 <h1>About Us</h1>
−
        <div class="box2" id="policy" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Human_Practices';" style="cursor: pointer;">
+
             </div>
−
            <H1>HUMAN PRACTICES
+
            <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Attributions" id="acknowledgments">
−
                 <span>
+
                 <h1>Attributions</h1>
−
                    <img src="https://static.igem.org/mediawiki/2017/5/55/Hp2.png" id="dna" width="40vh">
+
             </div>
−
                </span>
+
−
             </H1>
+
−
        </div>
+
−
        <div class="box2" id="biosafety" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Safety';" style="cursor: pointer;">
+
−
            <H1>BIOSAFETY
+
−
                <img src="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="dna" width="40vh">
+
−
            </H1>
+
−
        </div>
+
−
        <div class="box2" id="about" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Team';" style="cursor: pointer;">
+
−
            <H1>ABOUT US
+
−
                 <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/a/a3/About_us1.png" id="dna" width="40vh">
+
−
                </span>
+
−
             </H1>
+
−
        </div>
+
−
        <div class="box2" id="acknowledgments" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Attributions';" style="cursor: pointer;">
+
−
            <H1>ATTRIBUTIONS
+
−
                 <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/f/f3/Book.png" id="dna" width="40vh">
+
−
                </span>
+
−
             </H1>
+
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 87: Line 80:
 
         <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;">
 
         <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>
 
     </box>
 +
    <!--全版面大型看板開始-->
 +
    <div class="jumbotron">
 +
        <div class="container">
 +
            <h1>Attributions</h1>
 +
            <h4>It’s not only what happens in the lab, but also what happens in our community.</h4>
 +
        </div>
 +
    </div>
 +
    <!--全版面大型看板結尾-->
 
     <div class="cv">
 
     <div class="cv">
 
         <!-- header -->
 
         <!-- header -->
 
         <header>
 
         <header>
−
             <h1 class="name">HUMAN PRACTICES SUMMARY</h1>
+
             <h1 class="name">Attributions</h1>
−
             <h4>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>
+
             <h4>We are the Taipei American School iGEM team, Taiwan's first high school team. Our team consists of 27 dedicated members, ________ of whom will be attending the jamboree in Boston. This is our third year participating in the iGEM competition, and we look forward to continuing for years to come!</h4>
 
         </header>
 
         </header>
−
         <h1 id="title2">RESEARCH</h1>
+
         <div class="row">
−
        <section class="main">
+
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
−
             <div class="experiences">
+
                <h1>TEAM</h1>
−
                 <div class="job" id="top">
+
                <br>
−
                     <h1 class="section-title">Apex Nanotech</h1>
+
             </div>
−
                     <h4 class="para">
+
        </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="row">
−
                     </h4>
+
                 <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                     <img src="https://static.igem.org/mediawiki/2017/a/ab/T--TAS_Taipei--Abby_Hau.jpg" class="ind_pic">
 +
                    <h3>Abby H.</h3>
 +
                     <h4>HP, Prototype</h4>
 +
                     <br>
 
                 </div>
 
                 </div>
−
                 <div class="job" id="top">
+
                 <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
−
                     <h1 class="section-title">Dr. Eric Lee</h1>
+
                     <img src="https://static.igem.org/mediawiki/2017/a/a2/T--TAS_Taipei--Allen_Liu.jpg" class="ind_pic">
−
                     <h4 class="para">
+
                    <h3>Allen L.</h3>
−
                        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>EXP</h4>
−
                    </h4>
+
                    <br>
 
                 </div>
 
                 </div>
−
                 <div class="job" id="top">
+
                 <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
−
                     <h1 class="section-title">Professor Roam</h1>
+
                     <img src="https://static.igem.org/mediawiki/2017/d/dd/T--TAS_Taipei--Andrew_Hu.jpg" class="ind_pic">
−
                    <h4 class="para">
+
                    <h3>Andrew H.</h3>
−
                        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>EXP</h4>
−
                     </h4>
+
                    <br>
 
                 </div>
 
                 </div>
−
                 <div class="job" id="top">
+
                 <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
−
                     <h1 class="section-title">Dihua Wastewater Treatment Plant</h1>
+
                     <img src="https://static.igem.org/mediawiki/2017/9/94/T--TAS_Taipei--Ashley_Lin.jpg" class="ind_pic">
−
                    <h4 class="para">
+
                    <h3>Ashley L.</h3>
−
                        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>HP</h4>
−
                     </h4>
+
                    <br>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
−
        </section>
+
                    <img src="https://static.igem.org/mediawiki/2017/5/5d/T--TAS_Taipei--Audrey_Tei.jpg" class="ind_pic">
−
        <h1 id="title2">OUTREACH</h1>
+
                     <h3>Audrey T.</h3>
−
        <section class="main">
+
                     <h4>HP, EXP</h4>
−
            <div class="experiences">
+
                     <br>
−
                <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>
−
                 <div class="job" id="top">
+
                 <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
−
                     <h1 class="section-title">Spring Fair</h1>
+
                     <img src="https://static.igem.org/mediawiki/2017/5/5d/T--TAS_Taipei--Candice_Lee.jpg" class="ind_pic">
−
                    <h4 class="para">
+
                    <h3>Candice L.</h3>
−
                        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>HP</h4>
−
                     </h4>
+
                    <br>
 
                 </div>
 
                 </div>
−
                 <div class="job" id="top">
+
                 <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
−
                     <h1 class="section-title">Research Symposium</h1>
+
                     <img src="https://static.igem.org/mediawiki/2017/1/12/T--TAS_Taipei--Cat_Yeh.jpg" class="ind_pic">
−
                    <h4 class="para">
+
                    <h3>Catherine Y.</h3>
−
                        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>EXP</h4>
−
                     </h4>
+
 
                 </div>
 
                 </div>
−
                 <div class="job" id="top">
+
                 <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2" class="ind_pic">
−
                     <h1 class="section-title">iGEM Club</h1>
+
                     <img src="https://static.igem.org/mediawiki/2017/8/80/T--TAS_Taipei--Chansie_Yang.jpg" class="ind_pic">
−
                    <h4 class="para">
+
                    <h3>Cathy C.</h3>
−
                        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>EXP</h4>
−
                     </h4>
+
                    <br>
 
                 </div>
 
                 </div>
−
                 <div class="job" id="top">
+
                 <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
−
                     <h1 class="section-title">7th Grade Introduction to Synthetic Biology</h1>
+
                     <img src="https://static.igem.org/mediawiki/2017/8/80/T--TAS_Taipei--Chansie_Yang.jpg" class="ind_pic">
−
                    <h4 class="para">
+
                    <h3>Chansie Y.</h3>
−
                        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. During these sessions, we asked the students to build constructs through the use of paper representation of biobricks, run gel electrophoresis, and taught them how to correctly use of a micropipette.
+
                     <h4>HP</h4>
−
                     </h4>
+
                    <br>
 
                 </div>
 
                 </div>
−
                 <div class="image_container">
+
                 <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
−
                     <img src="https://static.igem.org/mediawiki/2017/thumb/6/6f/PAUL.jpeg/320px-PAUL.jpeg" alt="test" id="paul">
+
                     <img src="https://static.igem.org/mediawiki/2017/d/d3/T--TAS_Taipei--Christine_Chen.jpg" class="ind_pic">
−
                     <h4 class="subtitle"><b>Figure 1-1 Paul:</b> Little is known about the mystical creature known as the "Paul". Donning a lab coat, he is usually found carefully educating the young about the mysteries of science.</h4>
+
                     <h3>Christine C.</h3>
 +
                    <h4>HP</h4>
 +
                    <br>
 
                 </div>
 
                 </div>
−
                 <div class="image_container" id="kt">
+
                 <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
−
                     <img src="https://static.igem.org/mediawiki/2017/thumb/9/90/KT.jpeg/320px-KT.jpeg" alt="test">
+
                     <img src="https://static.igem.org/mediawiki/2017/6/6f/T--TAS_Taipei--Dylan_Lu.jpg" class="ind_pic">
−
                     <h4 class="subtitle"><b>Figure 1-2 Katie:</b> This test subject is known only as "KT". Here, you can see her holding a pamphlet full of primitive dna constructs, passing this knowledge onto the next generation.</h4>
+
                     <h3>Dylan L.</h3>
 +
                    <h4>EXP</h4>
 +
                    <br>
 
                 </div>
 
                 </div>
−
                 <div class="job" id="top">
+
                 <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
−
                     <h1 class="section-title">Kindergarten Science Experiments</h1>
+
                     <img src="https://static.igem.org/mediawiki/2017/a/a7/T--TAS_Taipei--Emily_Chen.jpg" class="ind_pic">
−
                     <h4 class="para">
+
                    <h3>Emily C.</h3>
−
                        Our iGEM team also hosted several kindergarten teaching sessions to teach the kindergarteners the power of observation and the basics of science. In these teaching sessions, we had the students look at a penny under the microscope to teach them the fundamental skills of microscopy. We also used soap to push food coloring apart in a milk solution to show how surface tension can be disrupted. After the students took part in the first two activities, we rubbed a balloon on the children’s heads to introduce static electricity while also using refraction lenses to look at white light to show them that white light is made up of various colors. At the end of the session, the kindergarteners were taught that diaper powder was a super absorbent polymer.
+
                     <h4>HP, EXP</h4>
−
                    </h4>
+
                    <br>
 
                 </div>
 
                 </div>
−
                 <div class="job" id="top">
+
                 <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
−
                     <h1 class="section-title">Bioethics Panel</h1>
+
                     <img src="https://static.igem.org/mediawiki/2017/6/64/T--TAS_Taipei--Florence_Liou.jpg" class="ind_pic">
−
                     <h4 class="para">
+
                    <h3>Florence L.</h3>
−
                        We hosted a Bioethics Panel, in which we invited students and teachers to discuss the moral concerns of our project. To encourage the participants to consider the problems from multiple perspectives, we assigned each of them roles, then had them answer some questions from the perspective of that role in a context related to our project. Next, we asked the participants to answer to the same questions as themselves, and asked if the role-play had any effect on their opinions. Generally, the participants showed concerns over the quality of wastewater entering rivers and oceans, as well as the potential cost nanoparticle treatment can cause.
+
                     <h4>Modeling, EXP</h4>
−
                    </h4>
+
                    <br>
 
                 </div>
 
                 </div>
−
                 <div class="job" id="top">
+
                 <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
−
                     <h1 class="section-title">Collaboration with other teams</h1>
+
                     <img src="https://static.igem.org/mediawiki/2017/1/17/T--TAS_Taipei--Jesse_Kao.jpeg" class="ind_pic">
−
                    <h4 class="para">
+
                    <h3>Jesse K.</h3>
−
                        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>EXP</h4>
−
                     </h4>
+
                    <br>
 
                 </div>
 
                 </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/6/6a/T--TAS_Taipei--Justin_Pei.jpg" class="ind_pic">
 +
                    <h3>Justin P.</h3>
 +
                    <h4>Modeling</h4>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2" id="justin">
 +
                    <img src="https://static.igem.org/mediawiki/2016/6/6b/T--TAS_Taipei--JustinY.png" class="ind_pic">
 +
                    <h3>Justin Y.</h3>
 +
                    <h4>EXP</h4>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/c/ce/T--TAS_Taipei--Katherine_Hsu.jpg" class="ind_pic">
 +
                    <h3>Katherine H.</h3>
 +
                    <h4>HP</h4>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/d/d4/T--TAS_Taipei--Katie_Chang.jpeg" class="ind_pic">
 +
                    <h3>Katie C.</h3>
 +
                    <h4>EXP</h4>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/7/72/T--TAS_Taipei--Kelly_Chen.jpg" class="ind_pic">
 +
                    <h3>Kelly C.</h3>
 +
                    <h4>HP, Wiki</h4>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/f/f5/T--TAS_Taipei--Laurent_Hsia.jpg" class="ind_pic">
 +
                    <h3>Laurent H.</h3>
 +
                    <h4>EXP, Wiki</h4>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/5b/T--TAS_Taipei--Leona_Tsai.jpg" class="ind_pic">
 +
                    <h3>Leona T.</h3>
 +
                    <h4>EXP</h4>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/f/f9/T--TAS_Taipei--Oscar_Wallace.jpeg" class="ind_pic">
 +
                    <h3>Oscar W.</h3>
 +
                    <h4>EXP, Wiki</h4>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/2/2a/T--TAS_Taipei--Paul_Imrogulio.jpeg" class="ind_pic">
 +
                    <h3>Paul I.</h3>
 +
                    <h4>EXP</h4>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/3/39/T--TAS_Taipei--Stephanie_Chang.jpg" class="ind_pic">
 +
                    <h3>Stephanie C.</h3>
 +
                    <h4>HP</h4>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/c/c5/T--TAS_Taipei--William_Chen.jpg" class="ind_pic">
 +
                    <h3>William C.</h3>
 +
                    <h4>Wiki</h4>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/0/0b/T--TAS_Taipei--William_Huang.jpg" class="ind_pic">
 +
                    <h3>William H.</h3>
 +
                    <h4>EXP</h4>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/9/98/T--TAS_Taipei--Yvonne_Wei.jpg" class="ind_pic">
 +
                    <h3>Yvonne W.</h3>
 +
                    <h4>EXP</h4>
 +
                    <br>
 +
                </div>
 +
        </div>
 +
        <br>
 +
        <div class="row">
 +
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
 +
                <h1>STUDENT ADVISORS</h1>
 +
                <br>
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
         <h1 id="title2">IMPACT</h1>
+
         <div class="row">
 +
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/d/d4/Alvin_Wang.JPG" class="ind_pic">
 +
                    <h3>Alvin W.</h3>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2016/1/11/T--TAS_Taipei--Avery.png" class="ind_pic">
 +
                    <h3>Avery W.</h3>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/1/1c/T--TAS_Taipei--ChangSun_Lee.jpeg" class="ind_pic">
 +
                    <h3>ChangSun L.</h3>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2016/1/15/T--TAS_Taipei--Moksha.png" class="ind_pic">
 +
                    <h3>Moksha S.</h3>
 +
                    <br>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/f/fd/T--TAS_Taipei--Leon_Yim.jpg" class="ind_pic">
 +
                    <h3>Leon Y.</h3>
 +
                    <br>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="row">
 +
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
 +
                <h1 class="section-title">ADVISORS</h1>
 +
                <br>
 +
            </div>
 +
        </div>
 +
        <div class="row">
 +
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2015/3/33/JClapper.JPG" class="ind_pic">
 +
                    <h3>Jude Clapper</h3>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2015/0/04/TChiang.jpg" class="ind_pic">
 +
                    <h3>Teresa Chiang</h3>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2015/7/72/STsao.jpg" class="ind_pic">
 +
                    <h3>Sean Tsao</h3>
 +
                </div>
 +
                <div class="col-xs-6 col-sm-6 col-md-3 col-lg-2">
 +
                    <img src="https://static.igem.org/mediawiki/2015/4/43/RBrundage.jpg" class="ind_pic">
 +
                    <h3>Richard Brundage</h3>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="row">
 +
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="this_border">
 +
            </div>
 +
        </div>
 
         <section class="main">
 
         <section class="main">
 
             <div class="experiences">
 
             <div class="experiences">
 
                 <div class="job" id="top">
 
                 <div class="job" id="top">
−
                     <h1 class="section-title">Lunch Sales</h1>
+
                     <h1 class="section-title">ABOUT TAIPEI AMERICAN SCHOOL</h1>
 
                     <h4 class="para">
 
                     <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.
+
                         Taipei American School is a private independent school with an American-based curriculum located in Tianmu (T'ien-mu), Shilin District (Shih-lin), Taipei City. TAS strives to stay ahead of the curve in STEAM education. An important aspect of STEAM education is the 'E': Engineering. Our iGEM team represents the application of engineering beyond robotics.
 
                     </h4>
 
                     </h4>
 
                 </div>
 
                 </div>
−
                 <div class="job" id="top">
+
                 <div class="job">
−
                     <h1 class="section-title">Ash's Policy thingy</h1>
+
                     <h1 class="section-title">ABOUT THE LAB</h1>
 
                     <h4 class="para">
 
                     <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.
+
                         We work in the Sandy R. Puckett Memorial Research Lab, which was completely renovated in 2013 to provide a research laboratory for on-campus student research in chemistry, synthetic biology and nanotechnology. It is fully equipped with lab tools for research for the iGEM competition. The students have the opportunity to be creative and exploratory in many areas of scientific research at TAS.
 
                     </h4>
 
                     </h4>
 
                 </div>
 
                 </div>
 +
                <div class="job">
 +
                    <h1 class="section-title">SYNTHETIC BIOLOGY</h1>
 +
                    <h4 class="para">
 +
                        The fusion between biological research and engineering has culminated in the creation of synthetic biology. This interdisciplinary area was facilitated by the recent advances in technology, allowing biological devices to be designed and contructed as if they were machinery. However, the advent of synthetic biology has raised concerns with biosafety and biosecurity, which is why iGEM places such importance on "safety".
 +
                    </h4>
 +
                </div>
 +
                <br>
 
             </div>
 
             </div>
 
         </section>
 
         </section>
−
        <div class="row">
 
−
            <div class="col-sm-12" id="this_border">
 
−
            </div>
 
−
        </div>
 
 
     </div>
 
     </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');
 +
                }
 +
            });
 +
 +
 +
            $('.box2').click(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize < 1020) {
 +
                    //if the window is less than 1020px wide then turn on click for mobile.
 +
                    if ($('.yellow').hasClass('active')) {
 +
                        window.location = $(this).attr('href');
 +
                    } else {
 +
                        $('.yellow').addClass('active');
 +
                        $('.return').addClass('active');
 +
                        $('.home').addClass('deactive');
 +
                    }
 +
                } else {
 +
                    window.location = $(this).attr('href');
 +
                }
 +
 +
            })
 +
 +
            $('.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');
 +
            })
 +
        })
 +
 +
    </script>
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 08:18, 28 June 2017

X

Project

Experiment

Modeling

Prototype

Human Practice

Biosafety

About Us

Attributions

Home

Attributions

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

Attributions

We are the Taipei American School iGEM team, Taiwan's first high school team. Our team consists of 27 dedicated members, ________ of whom will be attending the jamboree in Boston. This is our third year participating in the iGEM competition, and we look forward to continuing for years to come!

TEAM


Abby H.

HP, Prototype


Allen L.

EXP


Andrew H.

EXP


Ashley L.

HP


Audrey T.

HP, EXP


Candice L.

HP


Catherine Y.

EXP

Cathy C.

EXP


Chansie Y.

HP


Christine C.

HP


Dylan L.

EXP


Emily C.

HP, EXP


Florence L.

Modeling, EXP


Jesse K.

EXP


Justin P.

Modeling


Justin Y.

EXP


Katherine H.

HP


Katie C.

EXP


Kelly C.

HP, Wiki


Laurent H.

EXP, Wiki


Leona T.

EXP


Oscar W.

EXP, Wiki


Paul I.

EXP


Stephanie C.

HP


William C.

Wiki


William H.

EXP


Yvonne W.

EXP



STUDENT ADVISORS


Alvin W.


Avery W.


ChangSun L.


Moksha S.


Leon Y.


ADVISORS


Jude Clapper

Teresa Chiang

Sean Tsao

Richard Brundage

ABOUT TAIPEI AMERICAN SCHOOL

Taipei American School is a private independent school with an American-based curriculum located in Tianmu (T'ien-mu), Shilin District (Shih-lin), Taipei City. TAS strives to stay ahead of the curve in STEAM education. An important aspect of STEAM education is the 'E': Engineering. Our iGEM team represents the application of engineering beyond robotics.

ABOUT THE LAB

We work in the Sandy R. Puckett Memorial Research Lab, which was completely renovated in 2013 to provide a research laboratory for on-campus student research in chemistry, synthetic biology and nanotechnology. It is fully equipped with lab tools for research for the iGEM competition. The students have the opportunity to be creative and exploratory in many areas of scientific research at TAS.

SYNTHETIC BIOLOGY

The fusion between biological research and engineering has culminated in the creation of synthetic biology. This interdisciplinary area was facilitated by the recent advances in technology, allowing biological devices to be designed and contructed as if they were machinery. However, the advent of synthetic biology has raised concerns with biosafety and biosecurity, which is why iGEM places such importance on "safety".