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

(Prototype team page)
 
 
(103 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{TAS_Taipei}}
+
{{TAS Taipei/CSS2}} {{TAS Taipei/Bootstrap}} {{TAS Taipei/BootstrapJS}}
 +
<html lang="en">
  
−
<html>
+
<head>
 +
    <meta charset="UTF-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <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;
 +
        }
  
−
<div class="column full_size" >
+
    </style>
 +
</head>
  
−
<h1>Team</h1>
+
<body>
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
    <div class="return">
−
</div>
+
        <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/0/00/T--TAS_Taipei--Project_C.png" id="dna">
 +
                <h6 class="navCap">Project</h6>
 +
            </div>
 +
            <div class="box2 right experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">
 +
                <img src="https://static.igem.org/mediawiki/2017/b/b0/T--TAS_Taipei--Exp_C.png" id="dna">
 +
                <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 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/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>
 +
    <box class="home">
 +
        <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;">
 +
    </box>
 +
    <!--全版面大型看板開始-->
 +
    <div class="jumbotron" id="team-jumbo">
 +
        <div class="container">
 +
            <h1>About Us</h1>
 +
            <h4>Meet the team, the faces behind NANOTRAP.</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">
 +
        <div class="row">
 +
            <nav class="pageNav col-lg-1">
 +
                <ul class="nav">
 +
                    <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>
 +
    <script>
 +
        $("a").on('click', function(event) {
 +
            if (this.hash !== "") {
 +
                event.preventDefault();
 +
                var hash = this.hash;
 +
                $('html, body').animate({
 +
                    scrollTop: $(hash).offset().top
 +
                }, 300, function() {
 +
                    // Add hash (#) to URL when done scrolling (default click behavior)
 +
                    window.location.hash = hash;
 +
                });
 +
            }
 +
        });
 +
        $(function() {
 +
            $('.yellow').removeClass('active');
 +
            $('.yellow').mouseenter(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize > 1020) {
 +
                    //if the window is greater than 1020px wide then hover
 +
                    $('.yellow').addClass('active');
 +
                }
 +
                $('.navCap').addClass('deactive');
 +
            });
  
−
<div class="clear"></div>
+
            $('.yellow').mouseleave(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize > 1020) {
 +
                    //if the window is greater than 1020px wide then hover
 +
                    $('.yellow').removeClass('active');
 +
                }
 +
                $('.navCap').removeClass('deactive');
 +
            });
  
−
<div class="column half_size" >
+
            $('.box2').click(function() {
−
<h5>Inspiration</h5>
+
                var windowsize = $(window).width();
−
<p>You can look at what other teams did to get some inspiration! <br />
+
                if (windowsize < 1020) {
−
Here are a few examples:</p>
+
                    //if the window is less than 1020px wide then turn on click for mobile.
−
<ul>
+
                    if ($('.yellow').hasClass('active')) {
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
                        window.location = $(this).attr('href');
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
                    } else {
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
                        $('.yellow').addClass('active');
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
                        $('.return').addClass('active');
−
</ul>
+
                        $('.home').addClass('deactive');
 +
                    }
 +
                } else {
 +
                    window.location = $(this).attr('href');
 +
                }
  
−
</div>
+
            })
  
−
<div class="column half_size" >
+
            $('.box3').click(function() {
−
<h5>What should this page contain?</h5>
+
                var windowsize = $(window).width();
−
<ul>
+
                if (windowsize < 1020) {
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
                    //if the window is less than 1020px wide then turn on click for mobile.
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
                    if ($('.yellow').hasClass('active')) {
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
                        window.location = $(this).attr('href');
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
                    } else {
−
</ul>
+
                        $('.yellow').addClass('active');
−
</div>
+
                        $('.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>
 
 
</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".