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

 
(87 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
+
{{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">
−
     <title>Test Main</title>
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
     <link rel="stylesheet" href="../Test/test.css">
+
     <title>About Us</title>
 +
     <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 +
    <style type='text/css'>
 +
        #top_title,
 +
        #sideMenu {
 +
            display: none !important;
 +
        }
 +
 
 +
        #content {
 +
            width: 100%;
 +
            margin: 0;
 +
            padding: 0;
 +
            background: #f3f4f4;
 +
        }
 +
 
 +
        .this_border {
 +
            background-color: #A6BCA2;
 +
        }
 +
 
 +
    </style>
 
</head>
 
</head>
  
 
<body>
 
<body>
−
     <div class="circle">
+
     <div class="return">
−
        <h6>TAS_TAIPEI 2017|<img src="https://static.igem.org/mediawiki/2017/thumb/2/23/Fb_icon.png/240px-Fb_icon.png" onclick="location.href='https://www.facebook.com/IGEMTAS/';" style="cursor: pointer;" id="fb">
+
         <h1>X</h1>
−
            <span><img src="https://static.igem.org/mediawiki/2017/f/f3/Twitter_icon.png" onclick="location.href='https://twitter.com/iGEM_TAS';" style="cursor: pointer;" id="twit"></span>
+
−
            <img src="http://objects.airfrance.com/FR/common/common/img/tab1st/social/picto_instagram_login.svg" onclick="location.href='https://www.instagram.com/igem_tas/';" style="cursor: pointer;" id="insta"></h6>
+
−
        <br>
+
−
        <br>
+
−
        <br>
+
−
        <br>
+
−
        <br>
+
−
         <h1><span>N</span>ANO</h1>
+
−
        <h1 id="row2"><span>T</span>RAP</h1>
+
−
        <br>
+
−
        <p id="abstract1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi quasi perspiciatis nihil ut quibusdam provident </p>
+
−
        <p id="abstract2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi quasi perspiciatis nihil ut quibusdam provident </p>
+
−
        <p id="abstract3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi quasi perspiciatis nihil ut quibusdam provident</p>
+
−
        <p id="abstract4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi quasi perspiciatis nihil ut quibusdam </p>
+
−
        <p id="abstract5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi quasi perspiciatis nihil ut quibusdam </p>
+
 
     </div>
 
     </div>
−
     <section class="boxes">
+
     <div class="yellow">
−
         <div class="box" id="project" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Background';" style="cursor: pointer;">
+
         <div class="box right">
−
             <br>
+
            <div class="box2 right project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
−
             <h1>PROJECT
+
                <img src="https://static.igem.org/mediawiki/2017/0/00/T--TAS_Taipei--Project_C.png" id="dna">
−
                 <span>
+
                <h6 class="navCap">Project</h6>
−
                    <img src="https://static.igem.org/mediawiki/2017/6/6b/Dna-structure.png" id="dna" width="40vh">
+
            </div>
−
                 </span>
+
            <div class="box2 right experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">
−
             </h1>
+
                <img src="https://static.igem.org/mediawiki/2017/b/b0/T--TAS_Taipei--Exp_C.png" id="dna">
−
             <br>
+
                <h6 class="navCap">Experiments</h6>
 +
             </div>
 +
             <div class="box2 right modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model">
 +
                 <img src="https://static.igem.org/mediawiki/2017/b/be/T--TAS_Taipei--Modeling_C.png" id="dna">
 +
                <h6 class="navCap">Modeling</h6>
 +
            </div>
 +
            <div class="box2 right prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design">
 +
                <img src="https://static.igem.org/mediawiki/2017/2/2e/T--TAS_Taipei--Prototype_C.png" id="dna">
 +
                <h6 class="navCap">Prototype</h6>
 +
            </div>
 +
            <div class="box2 right policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">
 +
                 <img src="https://static.igem.org/mediawiki/2017/4/42/T--TAS_Taipei--HP2_C.png" id="dna">
 +
                <h6 class="navCap">Human Practices</h6>
 +
             </div>
 +
             <div class="box2 right biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety">
 +
                <img src="https://static.igem.org/mediawiki/2017/b/b8/T--TAS_Taipei--Biosafety_C.png" id="dna">
 +
                <h6 class="navCap">Safety</h6>
 +
            </div>
 +
            <div class="box2 right about" href="https://2017.igem.org/Team:TAS_Taipei/Team">
 +
                <img src="https://static.igem.org/mediawiki/2017/1/1a/T--TAS_Taipei--About_Us_C.png" id="dna">
 +
                <h6 class="navCap">About Us</h6>
 +
            </div>
 +
            <div class="box2 right acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions">
 +
                <img src="https://static.igem.org/mediawiki/2017/5/52/T--TAS_Taipei--Attributions_C.png" id="dna">
 +
                <h6 class="navCap">Attributions</h6>
 +
            </div>
 
         </div>
 
         </div>
−
         <div class="box" id="experiment" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary';" style="cursor: pointer;">
+
         <div class="blue">
−
             <br>
+
            <div class="box3 left project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
−
             <h1>EXPERIMENTS
+
                <h1>Project</h1>
−
                 <span>
+
            </div>
−
                    <img src="https://static.igem.org/mediawiki/2017/2/2c/Microscope.png" id="dna" width="40vh">
+
            <div class="box3 left experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">
−
                 </span>
+
                <h1>Experiment</h1>
−
             </h1>
+
            </div>
−
             <br>
+
            <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/Applied_Design">
 +
                 <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>Safety</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>
−
        <div class="box" id="modeling" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Model';" style="cursor: pointer;">
+
    </div>
−
            <br>
+
    <box class="home">
−
            <h1>MODELING
+
        <img src="https://static.igem.org/mediawiki/2017/2/25/T--TAS_Taipei--7home.svg" alt="Home" id="home" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei';" style="cursor: pointer;">
−
                <span>
+
    </box>
−
                    <img src="https://static.igem.org/mediawiki/2017/d/d0/Statistics.png" id="dna" width="40vh">
+
    <!--全版面大型看板開始-->
−
                </span>
+
    <div class="jumbotron" id="team-jumbo">
−
            </h1>
+
        <div class="container">
−
             <br>
+
            <h1>About Us</h1>
 +
             <h4>Meet the team, the faces behind NANOTRAP.</h4>
 
         </div>
 
         </div>
−
         <div class="box" id="prototype" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Prototype';" style="cursor: pointer;">
+
         <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>
−
            <br>
+
    </div>
−
            <h1>PROTOTYPE
+
    <!--全版面大型看板結尾-->
−
                 <span>
+
    <div class="cv" id="cv">
−
                     <img src="https://static.igem.org/mediawiki/2017/9/92/Compass.png" id="dna" width="40vh">
+
        <div class="row">
−
                 </span>
+
            <nav class="pageNav col-lg-1">
−
            </h1>
+
                <ul class="nav">
−
            <br>
+
                    <li>
 +
                        <a href="#team" class="pageNavBig">TEAM</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#main" class="pageNavSm">Members</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#StuAd" class="pageNavSm">Student Advisors</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#advisors" class="pageNavSm">Advisors</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#about" class="pageNavBig">ABOUT TAIPEI AMERICAN SCHOOL</a>
 +
                    </li>
 +
                </ul>
 +
            </nav>
 +
            <div class="white col-lg-2">
 +
                hi
 +
            </div>
 +
            <div class="col-lg-10">
 +
                <!-- header -->
 +
                <header id="team">
 +
                    <h1 class="name">TEAM</h1>
 +
                    <h4>We are the Taipei American School iGEM team, Taiwan's first high school team. Our team consists of 27 dedicated members, 11 of whom will be attending the jamboree in Boston. This is our fourth year participating in the iGEM competition, and we look forward to continuing for years to come!</h4><br>
 +
                    <div class="this_border"></div>
 +
                </header>
 +
                <div class="row" id="main">
 +
                    <h1 class="col-xs-12 col-sm-12 col-md-12 col-lg-12 title2">MEMBERS</h1>
 +
                </div><br>
 +
                <div class="row">
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <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>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/a/a2/T--TAS_Taipei--Allen_Liu.jpg" class="ind_pic">
 +
                        <h3>Allen L.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/d/dd/T--TAS_Taipei--Andrew_Hu.jpg" class="ind_pic">
 +
                        <h3>Andrew H.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/94/T--TAS_Taipei--Ashley_Lin.jpg" class="ind_pic">
 +
                        <h3>Ashley L.</h3>
 +
                        <h4>HP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/5/5d/T--TAS_Taipei--Audrey_Tei.jpg" class="ind_pic">
 +
                        <h3>Audrey T.</h3>
 +
                        <h4>HP, EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/5/5d/T--TAS_Taipei--Candice_Lee.jpg" class="ind_pic">
 +
                        <h3>Candice L.</h3>
 +
                        <h4>HP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/1/12/T--TAS_Taipei--Cat_Yeh.jpg" class="ind_pic">
 +
                        <h3>Catherine Y.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container" class="ind_pic">
 +
                        <img src="https://static.igem.org/mediawiki/2017/d/d6/T--TAS_Taipei--Catherine_Cheng.jpg" class="ind_pic">
 +
                        <h3>Catherine C.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/8/80/T--TAS_Taipei--Chansie_Yang.jpg" class="ind_pic">
 +
                        <h3>Chansie Y.</h3>
 +
                        <h4>HP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/d/d3/T--TAS_Taipei--Christine_Chen.jpg" class="ind_pic">
 +
                        <h3>Christine C.</h3>
 +
                        <h4>HP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/6/6f/T--TAS_Taipei--Dylan_Lu.jpg" class="ind_pic">
 +
                        <h3>Dylan L.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/a/a7/T--TAS_Taipei--Emily_Chen.jpg" class="ind_pic">
 +
                        <h3>Emily C.</h3>
 +
                        <h4>HP, EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/6/64/T--TAS_Taipei--Florence_Liou.jpg" class="ind_pic">
 +
                        <h3>Florence L.</h3>
 +
                        <h4>Modeling, EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/1/17/T--TAS_Taipei--Jesse_Kao.jpeg" class="ind_pic">
 +
                        <h3>Jesse K.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <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>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <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>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <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>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <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>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <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>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <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>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <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>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <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>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <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>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <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>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <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>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <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>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <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>
 +
                    </div>
 +
                </div>
 +
                <br>
 +
                <div class="row" id="StuAd">
 +
                    <h1 class="col-xs-12 col-sm-12 col-md-12 col-lg-12 title2">STUDENT ADVISORS</h1>
 +
                 </div><br>
 +
                <div class="row">
 +
                     <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/d/d4/Alvin_Wang.JPG" class="ind_pic">
 +
                        <h3>Alvin W.</h3>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2016/1/11/T--TAS_Taipei--Avery.png" class="ind_pic">
 +
                        <h3>Avery W.</h3>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/1/1c/T--TAS_Taipei--ChangSun_Lee.jpeg" class="ind_pic">
 +
                        <h3>ChangSun L.</h3>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2016/1/15/T--TAS_Taipei--Moksha.png" class="ind_pic">
 +
                        <h3>Moksha S.</h3>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/f/fd/T--TAS_Taipei--Leon_Yim.jpg" class="ind_pic">
 +
                        <h3>Leon Y.</h3>
 +
                    </div>
 +
                </div>
 +
                <div class="row" id="advisors">
 +
                    <h1 class="col-xs-12 col-sm-12 col-md-12 col-lg-12 title2">ADVISORS</h1>
 +
                 </div><br>
 +
                <div class="row">
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
 +
                        <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-3 adv_ind_pic_container">
 +
                        <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-3 adv_ind_pic_container">
 +
                        <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-3 adv_ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2015/4/43/RBrundage.jpg" class="ind_pic">
 +
                        <h3>Richard Brundage</h3>
 +
                    </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">
 +
                    <div class="row" id="about">
 +
                        <h1 class="title2 col-lg-12 col-md-12 col-sm-12 col-xs-12">ABOUT TAIPEI AMERICAN SCHOOL</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12 col-md-12 col-sm-12 col-xs-12">
 +
                            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>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h1 class="title2 col-lg-12 col-md-12 col-sm-12 col-xs-12">About the lab</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12 col-md-12 col-sm-12 col-xs-12">
 +
                            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>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h1 class="title2 col-lg-12 col-md-12 col-sm-12 col-xs-12">Synthetic Biology</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12 col-md-12 col-sm-12 col-xs-12">
 +
                            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>
 +
            </section>
 
         </div>
 
         </div>
−
        <div class="box" id="policy" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Human_Practices';" style="cursor: pointer;">
+
    </div>
−
             <br>
+
    <script>
−
             <H1>HUMAN PRACTICES
+
        $("a").on('click', function(event) {
−
                 <span>
+
            if (this.hash !== "") {
−
                     <img src="https://static.igem.org/mediawiki/2017/3/3e/Earth-globe.png" id="dna" width="40vh">
+
                event.preventDefault();
−
                 </span>
+
                var hash = this.hash;
−
            </H1>
+
                $('html, body').animate({
−
             <br>
+
                    scrollTop: $(hash).offset().top
−
        </div>
+
                }, 300, function() {
−
        <div class="box" id="biosafety" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Safety';" style="cursor: pointer;">
+
                    // Add hash (#) to URL when done scrolling (default click behavior)
−
             <br>
+
                    window.location.hash = hash;
−
             <H1>BIOSAFETY
+
                });
−
                 <span>
+
             }
−
                     <img src="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="dna" width="40vh">
+
        });
−
                 </span>
+
        $(function() {
−
             </H1>
+
             $('.yellow').removeClass('active');
−
             <br>
+
            $('.yellow').mouseenter(function() {
−
        </div>
+
                 var windowsize = $(window).width();
−
        <div class="box" id="about" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Team';" style="cursor: pointer;">
+
                if (windowsize > 1020) {
−
             <br>
+
                     //if the window is greater than 1020px wide then hover
−
             <H1>ABOUT US
+
                    $('.yellow').addClass('active');
−
                 <span>
+
                }
−
                    <img src="https://static.igem.org/mediawiki/2017/a/a3/About_us1.png" id="dna" width="40vh">
+
                $('.navCap').addClass('deactive');
−
                 </span>
+
            });
−
             </H1>
+
 
−
             <br>
+
            $('.yellow').mouseleave(function() {
−
        </div>
+
                var windowsize = $(window).width();
−
        <div class="box" id="acknowledgments" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Attributions';" style="cursor: pointer;">
+
                 if (windowsize > 1020) {
−
             <br>
+
                    //if the window is greater than 1020px wide then hover
−
             <H1>ATTRIBUTIONS
+
                    $('.yellow').removeClass('active');
−
                 <span>
+
                }
−
                    <img src="https://static.igem.org/mediawiki/2017/f/f3/Book.png" id="dna" width="40vh">
+
                $('.navCap').removeClass('deactive');
−
                 </span>
+
             });
−
             </H1>
+
 
−
             <br>
+
            $('.box2').click(function() {
−
         </div>
+
                var windowsize = $(window).width();
−
     </section>
+
                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');
 +
            })
 +
 
 +
            $('.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>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 13:25, 31 October 2017

X

Project
Experiments
Modeling
Prototype
Human Practices
Safety
About Us
Attributions

Project

Experiment

Modeling

Prototype

Human Practice

Safety

About Us

Attributions

Home

About Us

Meet the team, the faces behind NANOTRAP.

test
hi

TEAM

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


MEMBERS


Abby H.

HP, Prototype

Allen L.

EXP

Andrew H.

EXP

Ashley L.

HP

Audrey T.

HP, EXP

Candice L.

HP

Catherine Y.

EXP

Catherine 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".