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

m
 
(52 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{TAS Taipei/CSS}}
+
{{TAS Taipei/CSS2}} {{TAS Taipei/Bootstrap}} {{TAS Taipei/BootstrapJS}}
<html>
+
<html lang="en">
  
 
<head>
 
<head>
     <title>Attributions - TAS Taipei iGEM Wiki</title>
+
     <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'>
 +
    <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 {
 
         #sideMenu {
             display: none;
+
             display: none !important;
 
         }
 
         }
       
+
 
 
         #content {
 
         #content {
 
             width: 100%;
 
             width: 100%;
Line 16: Line 20:
 
             background: #f3f4f4;
 
             background: #f3f4f4;
 
         }
 
         }
       
+
 
         img {
+
         .cv {
             width: 100%
+
             box-shadow: 100px 0px 0 0px #83af9b;
 
         }
 
         }
  
    </style>
+
         .this_border {
</head>
+
             background-color: #83af9b;
 
+
<body data-spy="scroll" data-target="#category_navbar">
+
    <link rel="shortcut icon" href="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_iGEM_Logo.png">
+
    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
+
 
+
    <link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/bootstrap?action=raw&ctype=text/css">
+
 
+
 
+
 
+
    <script>
+
         localStorage.clear();
+
 
+
    </script>
+
    <script src="https://2015.igem.org/Template:TAS_Taipei/js/jquery?action=raw&ctype=text/javascript"></script>
+
    <script src='https://2015.igem.org/Template:TAS_Taipei/js/bootstrap?action=raw&ctype=text/javascript'></script>
+
    <script src="https://2015.igem.org/Template:TAS_Taipei/js/jquerySlides?action=raw&ctype=text/javascript"></script>
+
 
+
    <script type="text/javascript" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
+
 
+
 
+
    </script>
+
 
+
    <script type="text/x-mathjax-config">
+
        MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
+
    </script>
+
 
+
    <style type='text/css'>
+
        p {
+
             font-family: Lato !important;
+
            font-size: 17px !important
+
        }
+
       
+
        h1 {
+
            font-size: 40-px !important;
+
        }
+
       
+
        body {
+
            font-family: Lato !important;
+
        }
+
       
+
        h3 {
+
            font-size: 25-px;
+
 
         }
 
         }
  
 
     </style>
 
     </style>
 +
</head>
  
     <script>
+
<body>
         $(document).ready(function() {
+
     <div class="return">
             if (document.domain === "2016.igem.org")
+
         <h1>X</h1>
                 setTimeout(function() {
+
    </div>
                    $("style:eq(0)").remove();
+
    <div class="yellow">
                 }, 500);
+
        <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">
    </script>
+
                 <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">
    <div class="container" style='z-index:10;position:relative;'>
+
                 <h6 class="navCap">Experiments</h6>
        <div class="row center-block" style="text-align: left;">
+
            </div>
            <nav style='font-family:Lato;font-size:22px;background-color:#1C77C3;-webkit-transform: translateZ(0);z-index: 100;position: fixed;box-shadow: 0px 0px 10px black;'>
+
            <div class="box2 right modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model">
                 <ul style='margin-left:0px'>
+
                <img src="https://static.igem.org/mediawiki/2017/b/be/T--TAS_Taipei--Modeling_C.png" id="dna">
                    <li class="dropdown">
+
                <h6 class="navCap">Modeling</h6>
                        <a href="https://2017.igem.org/Team:TAS_Taipei/Background">
+
            </div>
                            <h4 class="dropdown-toggle disabled" data-toggle="dropdown"><b>PROJECT</b></h4>
+
            <div class="box2 right prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design">
                        </a>
+
                <img src="https://static.igem.org/mediawiki/2017/2/2e/T--TAS_Taipei--Prototype_C.png" id="dna">
                        <div class="dropdown-menu">
+
                <h6 class="navCap">Prototype</h6>
                            <div class='subcategories_container'>
+
            </div>
                                <div>
+
            <div class="box2 right policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Background">Background</a></h5>
+
                <img src="https://static.igem.org/mediawiki/2017/4/42/T--TAS_Taipei--HP2_C.png" id="dna">
                                </div>
+
                <h6 class="navCap">Human Practices</h6>
                                <div>
+
            </div>
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Achievements">Achievements</a></h5>
+
            <div class="box2 right biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety">
                                </div>
+
                <img src="https://static.igem.org/mediawiki/2017/b/b8/T--TAS_Taipei--Biosafety_C.png" id="dna">
                                <div>
+
                <h6 class="navCap">Safety</h6>
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Collaborations">Collaborations</a></h5>
+
            </div>
                                </div>
+
            <div class="box2 right about" href="https://2017.igem.org/Team:TAS_Taipei/Team">
                                <div>
+
                 <img src="https://static.igem.org/mediawiki/2017/1/1a/T--TAS_Taipei--About_Us_C.png" id="dna">
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Parts">Parts</a></h5>
+
                <h6 class="navCap">About Us</h6>
                                </div>
+
            </div>
                            </div>
+
            <div class="box2 right acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions">
                            <div style='height:140px;'>
+
                <img src="https://static.igem.org/mediawiki/2017/5/52/T--TAS_Taipei--Attributions_C.png" id="dna">
                                <img src="https://static.igem.org/mediawiki/2016/1/11/T--TAS_Taipei--TAS_Icon_Project.png">
+
                <h6 class="navCap">Attributions</h6>
                                <h4><b>Cataracts</b> - the leading cause of blindness. Find out how we can non-invasively <b>treat</b> and <b>prevent</b> cataract formation.</b>
+
            </div>
                                </h4>
+
        </div>
                            </div>
+
        <div class="blue">
 
+
            <div class="box3 left project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
                         </div>
+
                <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/5/5b/T--TAS_Taipei--8home.svg" alt="Home" id="home" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei';" style="cursor: pointer;">
 +
    </box>
 +
    <!--全版面大型看板開始-->
 +
    <div class="jumbotron" id="attr-jumbo">
 +
        <div class="container">
 +
            <h1>Attributions</h1>
 +
            <h4>Thank you to all those who helped and supported us.</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" id="navbar">
 +
                <ul class="nav">
 +
                    <li>
 +
                         <a href="#TM" class="pageNavBig">TEAM MEMBERS</a>
 
                     </li>
 
                     </li>
                     <li class="dropdown">
+
                     <li>
                         <a href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">
+
                         <a href="#exp" class="pageNavSm">Experimental</a>
                            <h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>EXPERIMENTAL</b></h4>
+
                        </a>
+
                        <div class="dropdown-menu">
+
                            <div class='subcategories_container'>
+
                                <div>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#lensmodel">Lens Cataract Model</a></h5>
+
                                </div>
+
                                <div>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#construct">Prevention and Treatment Constructs </a></h5>
+
                                </div>
+
                                <div>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#prototype">Delivery Prototype</a></h5>
+
                                </div>
+
                                <div>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Notebook">Notebook</a></h5>
+
                                </div>
+
                            </div>
+
                            <div style='height:140px;'>
+
                                <img src="https://static.igem.org/mediawiki/2016/b/b0/T--TAS_Taipei--TAS_Icon_Experiments.png">
+
                                <h4>We build <b>constructs</b> to make our great ideas become reality. Follow along our discovery of exciting science!</h4>
+
                            </div>
+
                        </div>
+
 
                     </li>
 
                     </li>
                     <li class="dropdown">
+
                     <li>
                         <a href="https://2017.igem.org/Team:TAS_Taipei/Model">
+
                         <a href="#model" class="pageNavSm">Modeling</a>
                            <h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>MODEL</b></h4>
+
                        </a>
+
                        <div class="dropdown-menu">
+
                            <div class='subcategories_container'>
+
                                <div>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#GSRFunc">GSR Function</a></h5>
+
                                </div>
+
                                <div>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#prototype">Prototype Delivery</a></h5>
+
                                </div>
+
                                <div>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#treatment">CH25H Treatment</a></h5>
+
                                </div>
+
                                <div>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#software">Calculator</a></h5>
+
                                </div>
+
 
+
                            </div>
+
                            <div style='height:140px;'>
+
                                <img src="https://static.igem.org/mediawiki/2016/c/ca/T--TAS_Taipei--TAS_Icon_Model.png">
+
                                <h4><b>Computational Biology</b> provides us models that we cannot easily test experimentally. Click to find out the results of our modeling, and the math behind it!</h4>
+
                            </div>
+
                        </div>
+
 
                     </li>
 
                     </li>
                     <li class="dropdown">
+
                     <li>
                         <a href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">
+
                         <a href="#pro" class="pageNavSm">Prototype</a>
                            <h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>HUMAN PRACTICE</b></h4>
+
                        </a>
+
                        <div class="dropdown-menu">
+
                            <div class='subcategories_container'>
+
                                <div>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#research">Research</a></h5>
+
                                </div>
+
                                <div>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#outreach">Outreach</a></h5>
+
                                </div>
+
                                <div>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#impact">Impact</a></h5>
+
                                </div>
+
                            </div>
+
                            <div style='height:140px;'>
+
                                <img src="https://static.igem.org/mediawiki/2016/b/b9/T--TAS_Taipei--TAS_Icon_HP.png">
+
                                <h4>We don't just grow cool bacteria. We make a <b>difference</b>. Find out how we tackled <b>social aspects</b> of this project.</h4>
+
                            </div>
+
                        </div>
+
 
                     </li>
 
                     </li>
                     <li class="dropdown">
+
                     <li>
                         <a href="https://2017.igem.org/Team:TAS_Taipei/Safety">
+
                         <a href="#hp" class="pageNavSm">Human Practice</a>
                            <h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>SAFETY</b></h4>
+
                        </a>
+
                        <div class="dropdown-menu">
+
                            <div style='height:100px;'>
+
                                <div class='subcategories_container'>
+
                                    <div>
+
                                        <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#overview">Overview</a></h5>
+
                                    </div>
+
                                    <div>
+
                                        <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#biosafety">Biosafety</a></h5>
+
                                    </div>
+
                                    <div>
+
                                        <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#riskreduction">Risk Reduction Methods</a></h5>
+
                                    </div>
+
                                    <div>
+
                                        <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#furtherquestion">Further Questions</a></h5>
+
                                    </div>
+
                                </div>
+
                                <img src="https://static.igem.org/mediawiki/2016/7/7e/T--TAS_Taipei--TAS_Icon_Safety.png">
+
                                <h4><b>Safety first.</b> Especially in a lab. Here's how we maintained and investigated the integrity and security of our work environment.</h4>
+
                            </div>
+
                        </div>
+
 
                     </li>
 
                     </li>
                     <li class="dropdown">
+
                     <li>
                         <a href="https://2017.igem.org/Team:TAS_Taipei/Team">
+
                         <a href="#wiki" class="pageNavSm">Wiki & Graphic Design</a>
                            <h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>TEAM</b></h4>
+
                    </li>
                        </a>
+
                    <li>
                         <div class="dropdown-menu">
+
                         <a href="#project" class="pageNavBig">PROJECT ATTRIBUTIONS</a>
                            <div class='subcategories_container'>
+
                    </li>
                                <div>
+
                    <li>
                                    <h5><a href="https://2017.igem.org/Team:TAS_Taipei/Team#members">Members</a></h5>
+
                        <a href="#genSup" class="pageNavSm">General Support</a>
                                </div>
+
                    </li>
                                <div>
+
                    <li>
                                    <h5><a href="https://2017.igem.org/Team:TAS_Taipei/Team#about">About</a></h5>
+
                        <a href="#proSup" class="pageNavSm">Project Support</a>
                                </div>
+
                    </li>
                                <div>
+
                    <li>
                                    <h5><a href="https://2017.igem.org/Team:TAS_Taipei/Attributions">Attributions</a></h5>
+
                        <a href="#fundSup" class="pageNavSm">Fundraising Support</a>
                                </div>
+
                    </li>
                                <div>
+
                    <li>
                                    <h5><a href="https://2017.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages">Wiki Standard Pages</a></h5>
+
                        <a href="#labSup" class="pageNavSm">Lab Support</a>
                                </div>
+
                    </li>
                            </div>
+
                    <li>
                            <div style='height:140px;'>
+
                        <a href="#diffSup" class="pageNavSm">Difficult Technique Support</a>
                                <img src="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_Icon_Team.png">
+
                    </li>
                                <h4>Every iGEM project is the accumulation of an entire year's hard work by a group of cheerful students. <b>Meet the team!</b></h4>
+
                    <li>
                            </div>
+
                        <a href="#advSup" class="pageNavSm">Project Advisor Support</a>
                         </div>
+
                    </li>
 +
                    <li>
 +
                        <a href="#wikiSup" class="pageNavSm">Wiki Support</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#presCoach" class="pageNavSm">Presentation Coaching</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#HPSup" class="pageNavSm">HP Support</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#collab" class="pageNavSm">Collaborators</a>
 +
                    </li>
 +
                    <li>
 +
                         <a href="#train" class="pageNavBig">TEAM TRAINING</a>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
 
             </nav>
 
             </nav>
        </div>
+
             <div class="white col-lg-2">
        <br>
+
                 hi
        <br>
+
        <br>
+
        <div class="row center-block" style="padding:10px;width:90%;background-color:#07BEB8;box-shadow:0px 0px 5px black">
+
             <div class="row" style="text-align:center;">
+
                <div class="col-sm-2">
+
                    <a href="https://2016.igem.org/Team:TAS_Taipei" style='text-decoration: none'><img src="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_iGEM_Logo.png
+
" alt="" style="width: 100px;"></a>
+
                </div>
+
                <div class="col-sm-8" style='text-align:center;'>
+
                    <a href="https://2016.igem.org/Team:TAS_Taipei" style='text-decoration: none;'>
+
                        <h2 style="font-family:'Lato';letter-spacing:10px;color: white; font-size: 60px;  margin-top: 0;  margin-bottom: 0;"><b>
+
NANOTRAP</b></h2>
+
                    </a>
+
                </div>
+
                <div class="col-sm-2">
+
                    <a href="https://igem.org/HS"><img src="https://static.igem.org/mediawiki/2016/6/6e/T--TAS_Taipei--TAS_Icon_Logo2.png" alt="" style="width: 100px;"></a>
+
                 </div>
+
            </div>
+
        </div>
+
        <br>
+
        <div id='bodycontainer' class='row card'>
+
            <div class="col-sm-2" style='padding-left:8px;'>
+
                <div id="category_navbar">
+
                    <ul class="nav nav-list" data-spy="affix" data-offset-top="160" style='-webkit-transform: translateZ(0);width:160px;margin-left:0'>
+
                        <li><a href="#team_attributions">Team Member Attributions</a></li>
+
                        <li><a href="#project_attributions">Project Attributions</a></li>
+
                    </ul>
+
                </div>
+
 
             </div>
 
             </div>
 
             <div class="col-lg-10">
 
             <div class="col-lg-10">
                 <div class="row">
+
                 <!-- header -->
                    <div class="col-sm-10">
+
                <header>
                         <h1 id="attributions">Attributions</h1>
+
                    <div class="row">
 +
                        <h1 class="name col-lg-12">ATTRIBUTIONS</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                         <h4 class="para col-lg-12">
 +
                            All work was carried out by student members of TAS_Taipei 2017 and conducted at Taipei American School's Sandy R. Puckett Memorial Research Laboratory, unless stated otherwise. Our advisors, Jude Clapper and Teresa Chiang, helped troubleshoot our experiments and offered suggestions on all aspects of our project.
 +
                        </h4>
 
                     </div>
 
                     </div>
                </div>
+
                    <div class="this_border row"></div>
                 <div class="row" style="font-size:16px">
+
                 </header>
                     <div class="col-sm-10">
+
                <section class="main">
                        <h2 id="team_attributions">Team Member Attributions</h2>
+
                     <div class="row" id="TM">
                         <p>The members were asked to describe their individual contributions to create this team project. This included how they contributed to the research, experimentation, and presentation of our project, as well as how they contributed to make this year's journey an unforgettable one.</p>
+
                         <h1 class="col-lg-12 title2">TEAM MEMBERS</h1>
                        <p>Below are the responses. Unfortunately, not all members were able to respond, though we still thank everyone involved in our project for their contributions.</p>
+
                    </div>
                        <table class="table table-hover fixed" style="font:16px">
+
                    <div class="row" id="exp">
                            <thead>
+
                        <h1 class="section-title col-lg-12">Experimental</h1>
                                <tr>
+
                    </div>
                                    <th>Name</th>
+
                    <div class="row">
                                    <th>Description</th>
+
                        <h4 class="para col-lg-12">
                                </tr>
+
                            <table>
                            </thead>
+
                                 <tbody>
                            <tbody align="left">
+
                                <tr>
+
                                    <td>Huiru H.</td>
+
                                    <td>I am the co-project head with Fiona, and I focused mainly on building BioBrick constructs, testing proof of concept, and making contact lens prototypes. I’m also in charge of eating most of the failed cupcakes and dancing with a helmet on in the lab because biosafety. </td>
+
                                </tr>
+
                                 <tr>
+
                                    <td>Changsun L.</td>
+
                                    <td>I am one of the experiment heads and I worked on building Biobrick constructs, finalizing the chitosan nanoparticle procedures and devising protein release experiment. I also worked on miniprep purifying the proteins produced from our BioBrick constructs. I wanted to find a treatment for cataracts because it is the leading cause of blindness according to WH2O2. </td>
+
                                </tr>
+
                                <tr>
+
                                    <td>Fiona T.</td>
+
                                    <td>I had a ton of fun (and stress) building and documenting DNA parts, adding compounds into cataracts model, and purifying proteins that didn’t get eluted! </td>
+
                                </tr>
+
                                <tr>
+
                                    <td>Avery W.</td>
+
                                    <td>I was in charge of modeling and wiki. People who visited our poster should recognize me by the sign I held: “Ask me about my modeling! &#9786; For modeling, I researched, coded, analyzed, and typed all five mathematical models on prototype design, and built the nanoparticle calculator (software). For wiki, I coded the wiki HTML/CSS/JS pages, including the cataracts animation in the background that sadly no one noticed. I was also in charge of setting and enforcing deadlines for wiki pages, which as expected did not work out.<br> When my eyes started to hurt after staring at a laptop screen, I played a crucial role in experiments serving as a secondary eppendorf holder, during which I patiently listened to Changsun or Huiru’s complaints about their experiments (and usually making them even more frustrated). I also documented the entire Boston trip through my selfies (<a href="https://2016.igem.org/Team:TAS_Taipei/Team">see example</a>). </td>
+
 
                                     <tr>
 
                                     <tr>
                                         <td>Dennis J.</td>
+
                                         <td>Literature Research</td>
                                         <td>I am the safety head. I contributed other members in their experiments, research, and modeling. You have to remember, looks are deceiving, so do not forget to check your lab benches twice! </td>
+
                                         <td>Whole team participated.</td>
 
                                     </tr>
 
                                     </tr>
 
                                     <tr>
 
                                     <tr>
                                         <td>Austin L.</td>
+
                                         <td><a href="https://goo.gl/LWYBis">Cloning DNA Constructs</a></td>
                                         <td>I free-rided on all the hard work of the seniors and used this purely as a way to build my resume. The resume-building part didn’t really work.<br> I contributed mainly to literature research, and helped with the initial spring-boarding of the counteracts idea. In addition to literature research, I helped with policies and practice by bringing a few individuals for interviews. I also worked part-time on experiments, as I am otherwise known as the "miniprep-machine" </td>
+
                                         <td>Justin Y., Catherine Y., Dylan L., Yvonne W.</td>
 
                                     </tr>
 
                                     </tr>
 
                                     <tr>
 
                                     <tr>
                                         <td>Alvin W.</td>
+
                                         <td><a href="https://goo.gl/yT39ku">PR Functional Test</a></td>
                                         <td>I came into the lab everyday to warm up for a tennis game with exp_mas. Occasionally I read my summer reading. Otherwise, I blended ice cream with apple juice, froze Huiru’s hair with liquid nitrogen, gauged fish eyes without cleaning up, and ordered Pizzahut. In total, I had spent 10 hours of work to make a 2-minute video on how to make nanoparticles. </td>
+
                                         <td>Justin Y., Catherine Y.</td>
 
                                     </tr>
 
                                     </tr>
 
                                     <tr>
 
                                     <tr>
                                         <td>Angela L.</td>
+
                                         <td><a href="https://goo.gl/4gFUdE">SEM Sample Prep & Protocol</a></td>
                                         <td>I am in charge of Human Practice. Throughout the year, I’ve worked on building programs to educate middle school students about synthetic biology, reaching out to eye doctors and veterinarians, interviewing cataracts patients, planning the bioethics panel, drafting the marketing plan, as well as holding fundraiser events. Other fun stuff I do include being forced by Changsub to clean up the lab for him, accidently leaving my milk from lunch in the minifridge several times, experimental baking with Hellen, failing frosting cupcakes with Huiru, and constantly stealing Dr. Chiang’s candies! </td>
+
                                         <td>Justin Y., Catherine Y., Katie C., Paul I.</td>
 
                                     </tr>
 
                                     </tr>
 
                                     <tr>
 
                                     <tr>
                                         <td>Moksha S.</td>
+
                                         <td><a href="https://goo.gl/HgYoMA">SEM Imaging & Image Processing</a></td>
                                         <td>Other than providing sarcastic banter, Indian food, and healthy ego bashing- I focused on making and imaging nanoparticles (our delivery prototype), contacting experts, and organizing fundraisers and public awareness events. </td>
+
                                         <td>Justin Y., Catherine Y., Florence L., Jesse K., Katie C., Laurent H., Yvonne W.</td>
 
                                     </tr>
 
                                     </tr>
 
+
                                    <tr>
                                </tr>
+
                                        <td><a href="https://goo.gl/5J3K6R">SDS-PAGE Gel</a></td>
                                <tr>
+
                                        <td>Justin Y.</td>
                                    <td>Justin Y.</td>
+
                                     </tr>
                                     <td>I am the official pipette tip filler, trash dumper and autoclave master (aka “the lab slave”) -- just kidding -- I am in charge of the majority of graphic design, namely the team banner, poster and diagrams on the wiki. If anybody needed a graphic for their section, they came for me. Underneath all the colorful diagrams and cute infographics however, was a whole ton of stress and hard work, but I enjoyed it nonetheless! </td>
+
                                    <tr>
                                </tr>
+
                                        <td><a href="https://goo.gl/Hmr3cc">AuNP, AgNP Standard Curve & Calculator</a></td>
                                <tr>
+
                                        <td>Dylan L., Justin Y., Avery W., Katie C.</td>
                                    <td>Megan Y.</td>
+
                                    </tr>
                                     <td>Aside from creating the marketing plan and taking over HP after the seniors left, during the jamboree, I shared my yummy peanut butter cups with everyone when they were hungry, and I (& Justin) caused the flight delay from JP to Boston:D (if that counts as a contribution) Anyways, I’m glad that I got to go to the jamboree, and I had a great time!!! </td>
+
                                    <tr>
                                </tr>
+
                                        <td><a href="https://goo.gl/dLM9Vc">Biofilm Experiments</a></td>
                                <tr>
+
                                        <td>Yvonne W.</td>
                                     <td>Leon Y.</td>
+
                                     </tr>
                                    <td>I worked over the summer on cloning and sequencing the parts with extremely large bandwidth. It was a lot of fun and work to get through all the cloning cycles with the team. I also acted as a moral supporter before the final presentation! </td>
+
                                    <tr>
                                </tr>
+
                                        <td><a href="https://goo.gl/YTSBP7">Congo Red Assay</a></td>
 
+
                                        <td>Yvonne W.</td>
 
+
                                    </tr>
                            </tbody>
+
                                     <tr>
                        </table>
+
                                        <td><a href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">Wiki Text</a></td>
 
+
                                        <td>Justin Y., edited by Teresa Chiang and Jude Clapper</td>
 +
                                    </tr>
 +
                                </tbody>
 +
                            </table>
 +
                        </h4>
 
                     </div>
 
                     </div>
                </div>
+
                    <div class="row" id="model">
 
+
                        <h1 class="section-title col-lg-12">Modeling</h1>
                <div class="row" style="font-size:16px">
+
                    </div>
                     <div class="col-sm-10"><br>
+
                    <div class="row">
                         <h2 id="project_attributions">Project Attributions</h2>
+
                        <h4 class="para col-lg-12">
                         <p>
+
                            <table>
 +
                                <tbody>
 +
                                    <tr>
 +
                                        <td>Research</td>
 +
                                        <td>Justin P., Florence L.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/ifYykQ">PR NP Trapping Rate Experiment</a></td>
 +
                                        <td>Justin Y.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/xdLWo8">Biofilm SA/Volume Experiments</a></td>
 +
                                        <td>Yvonne W.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/bdpJN5">Biofilm NP Trapping Rate Experiment</a></td>
 +
                                        <td>Justin P., Florence L., Yvonne W.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td>Experimental Data Analysis & Graphs</td>
 +
                                        <td>Florence L., Justin P., Justin Y., Yvonne W.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://2017.igem.org/Team:TAS_Taipei/Model">Wiki Text</a></td>
 +
                                        <td>Justin P., Florence L., edited by Avery W., Nicholas Ward, Teresa Chiang, and Jude Clapper</td>
 +
                                    </tr>
 +
                                </tbody>
 +
                            </table>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row" id="pro">
 +
                        <h1 class="section-title col-lg-12">Prototype</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 +
                            <table>
 +
                                <tbody>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/m1wVsK">Preliminary Biocarrier Designs</a></td>
 +
                                        <td>Justin P., Florence L.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/m1wVsK">Biocarrier Design and 3D-Printing</a></td>
 +
                                        <td>Candice L., supervised by Matt Fagen</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/5W1Yxi">Setup</a></td>
 +
                                        <td>William C., Justin P.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/kVNJGN">Testing</a></td>
 +
                                        <td>Justin P., Florence L., Yvonne W., William C., Justin Y.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design">Wiki Text</a></td>
 +
                                        <td>Justin Y., edited by Teresa Chiang and Jude Clapper</td>
 +
                                    </tr>
 +
                                </tbody>
 +
                            </table>
 +
                        </h4>
 +
                    </div>
 +
                     <div class="row" id="hp">
 +
                        <h1 class="section-title col-lg-12">Human Practice</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                         <h4 class="para col-lg-12">
 +
                            <table>
 +
                                <tbody>
 +
                                    <tr>
 +
                                        <td><a href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">Event Planning</a></td>
 +
                                        <td>Christine C., Candice L., Emily C., Katherine H., Chansie Y., Audrey T., Kelly C., Justin Y.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/YviuXt">Dihua WWTP Interview</a></td>
 +
                                        <td>Florence L., Yvonne W., Christine C., William C.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/J324H7">Boswell WWTP Interview</a></td>
 +
                                        <td>Jude Clapper</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/pgbqNs">Taipei Museum of Drinking Water Visit</a></td>
 +
                                        <td>Candice L., Florence L., Justin P., Justin Y., William C., Emily C., Dylan L., Avery W.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/Bn9RKv">Apex Nanotek Interview</a></td>
 +
                                        <td>Christine C., Kelly C., Yvonne W., Chansie Y., Justin Y.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/4dYqik">NP Waste Disposal Company Interview</a></td>
 +
                                        <td>Katherine H, Audrey T. and Christine C.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/c19WHw">Nanoparticle and Wastewater experts Interview</a></td>
 +
                                        <td>Emily C., Candice L., Justin Y. </td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/xyQbyf">Survey</a></td>
 +
                                        <td>Abby H., Christine C., Emily C.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/Ng15BS">Outreach Activities</a></td>
 +
                                        <td>Whole team participated. </td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://2017.igem.org/Team:TAS_Taipei/Collaborations">Collaborations</a></td>
 +
                                        <td>Yvonne W., William C., Justin Y. </td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://goo.gl/sGeGWv">Policy Brief</a></td>
 +
                                        <td>Ashley L., edited by Richard Brundage</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td><a href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">Wiki Text</a></td>
 +
                                        <td>Christine C., Candice L., Emily C., edited by Teresa Chiang and Jude Clapper</td>
 +
                                    </tr>
 +
                                </tbody>
 +
                            </table>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row" id="wiki">
 +
                        <h1 class="section-title col-lg-12">Wiki & Graphic Design</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                         <h4 class="para col-lg-12">
 +
                            <table>
 +
                                <tbody>
 +
                                    <tr>
 +
                                        <td>Wiki Coding & Visual Design</td>
 +
                                        <td>William C., Justin Y., Avery W.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td>Animations</td>
 +
                                        <td>Kelly C., Laurent H., Oscar W.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td>Sticker</td>
 +
                                        <td>Florence L., Laurent H., Yvonne W.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td>Flier</td>
 +
                                        <td>William C., Christine C.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td>Poster (NCTU, Giant Jamboree)</td>
 +
                                        <td>Florence L., Justin Y.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td>Video Filming/Editing</td>
 +
                                        <td>Florence L., William C., Christine C., Justin Y.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td>Diagrams</td>
 +
                                        <td>Justin Y., Yvonne W., Christine C.</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td>Cover Images</td>
 +
                                        <td>Justin Y., William C., Florence L., Christine C.</td>
 +
                                    </tr>
 +
                                </tbody>
 +
                            </table>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row" id="project">
 +
                        <h1 class="title2 col-lg-12">PROJECT ATTRIBUTIONS</h1>
 +
                    </div>
 +
                    <div class="row" id="genSup">
 +
                        <h1 class="section-title col-lg-12">General Support</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 
                             <ul>
 
                             <ul>
 +
                                <li><b>Ms. Queenie Liao</b>, Science Department Assistant</li>
 +
                                <li><b>Mr. David Iverson</b>, Science Department Chair</li>
 +
                                <li><b>Parents and friends</b> of the TAS_Taipei 2017 team</li>
 +
                            </ul>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row" id="proSup">
 +
                        <h1 class="section-title col-lg-12">Project Support & Advice</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 +
                            <ul>
 +
                                <li><b>Dr. Eric Lee</b> answered our questions on our approaches and gave us advice</li>
 +
                                <li><b>Dr. Gwo-Dong Roam</b> answered our questions regarding nanoparticles</li>
 
                                 <li>
 
                                 <li>
                                     All lab work was conducted at Taipei American School Sandy R. Puckett Memorial Research Laboratory by team members of the 2016 TAS-Taipei iGEM team, unless stated otherwise
+
                                     <b>Apex Nanotek Corporation</b>
                                </li>
+
                                <br>
+
                                <li>
+
                                    National Yang Ming University - NYMU_Taipei team (<a href="https://2015.igem.org/Team:TAS_Taipei/Collaborations">click to see collaboration page</a>)
+
 
                                     <ul>
 
                                     <ul>
                                         <li>
+
                                         <li>Answered our questions regarding the use and functions of silver nanoparticles</li>
                                            Consultation for troubleshooting our cloning procedure
+
                                         <li>Provided samples of their products!</li>
                                        </li>
+
                                         <li>Ran summer camp to overview entire iGEm process from start to finish</li>
+
                                        <li>Ran nanoparticle calculator to give advice and troubleshoot problems and misunderstandings</li>
+
 
                                     </ul>
 
                                     </ul>
 
 
                                 </li>
 
                                 </li>
                                 <br>
+
                                 <li><b>Dihua Water Treatment Plant</b> gave us ideas on where to implement our prototype and answered our questions regarding nanoparticle treatment methods currently in effect</li>
                                 <li>ASIJ - ASIJ_Tokyo team
+
                                 <li><b>Mr. Robert J. Blough (Boswell Wastewater Treatment Plant)</b></li>
 +
                                <li><b>Mr. Thomas J. Brown (Pennsylvania Department of Environmental Protection)</b></li>
 +
                                <li><b>Dr. Nicholas Ward</b> for modeling support</li>
 +
                            </ul>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row" id="fundSup">
 +
                        <h1 class="section-title col-lg-12">Fundraising Support & Advice</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 +
                            <ul>
 +
                                <li><b>Dr. Dan Long</b> & <b>Ms. Jessica Lin</b></li>
 +
                            </ul>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row" id="labSup">
 +
                        <h1 class="section-title col-lg-12">Lab Support</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 +
                            <ul>
 +
                                <li><b>Mission Biotech:</b> DNA Synthesis</li>
 +
                                <li><b>Integrated DNA Technologies:</b> DNA Synthesis</li>
 +
                                <li><b>Tri-I Biotech:</b> Gene Sequencing and Primer Synthesis</li>
 +
                            </ul>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row" id="diffSup">
 +
                        <h1 class="section-title col-lg-12">Difficult Technique Support</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 +
                            <ul>
 +
                                <li><b>Mr. Matthew Fagen</b> (Computer Science and Robotics Chair at Taipei American School) provided assistance and materials for prototype designs and WWTP model</li>
 +
                                <li><b>Mr. Jude Clapper</b>: Scanning Electron Microscope and Atomic Force Microscope Support</li>
 +
                            </ul>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row" id="advSup">
 +
                        <h1 class="section-title col-lg-12">Project Advisor Support</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 +
                            <ul>
 +
                                <li><b>Mr. Jude Clapper</b></li>
 +
                                <li><b>Dr. Teresa Chiang</b></li>
 +
                                <li><b>Mr. Sean Tsao</b></li>
 +
                            </ul>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row" id="wikiSup">
 +
                        <h1 class="section-title col-lg-12">Wiki Support</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 +
                            Some parts of this wiki have been derived from the 2014, 2015 and 2016 TAS_Taipei wiki, which was designed entirely by the respective teams.
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row" id="presCoach">
 +
                        <h1 class="section-title col-lg-12">Presentation Coaching</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 +
                            <ul>
 +
                                <li><b>Mr. Jude Clapper</b></li>
 +
                                <li><b>Dr. Teresa Chiang</b></li>
 +
                            </ul>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row" id="HPSup">
 +
                        <h1 class="section-title col-lg-12">Human Practices Support</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 +
                            <ul>
 +
                                <li><b>Dr. Eric Lee</b> answered our questions on our approaches and gave us advice</li>
 +
                                <li><b>Dr. Gwo-Dong Roam</b> answered our questions regarding nanoparticles</li>
 +
                                <li><b>Apex Nanotek Corporation</b>
 
                                     <ul>
 
                                     <ul>
                                         <li>Testing our cataract treatment and prevention calculator and providing user feedback</li>
+
                                         <li>Answered our questions regarding the use and functions of silver nanoparticles</li>
 +
                                        <li>Provided samples of their products!</li>
 
                                     </ul>
 
                                     </ul>
 
                                 </li>
 
                                 </li>
                                 <br>
+
                                 <li><b>Dihua Water Treatment Plant</b> gave us ideas on where to implement our prototype and answered our questions regarding nanoparticle treatment methods currently in effect</li>
                                 <li>Dr. Jason Cyster - Professor at UCSF University Department of Microbiology and Immunology
+
                                 <li><b>Taipei Museum of Drinking Water</b></li>
 +
                                <li><b>Mr. Robert J. Blough (Boswell Wastewater Treatment Plant)</b></li>
 +
                                <li><b>Mr. Thomas J. Brown (Pennsylvania Department of Environmental Protection)</b></li>
 +
                                <li><b>The News Lens International</b> published an article about our policy brief</li>
 +
                                <li><b>Taiwan Environmental Protection Administration (Minister Ying-Yuan Lee)</b> accepted our policy brief and will consider it in future regulations</li>
 +
                            </ul>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row" id="collab">
 +
                        <h1 class="section-title col-lg-12">Collaborators</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12">
 +
                            <ul>
 +
                                <li><b>NYMU_Taipei</b>
 
                                     <ul>
 
                                     <ul>
                                         <li>Advice on working with 25HC and exploring its properties in terms of cataracts treatment</li>
+
                                         <li>Troubleshooted our cloning procedure & design of mutagenesis primers</li>
 +
                                        <li>Gave us protocols for assaying biofilm production </li>
 +
                                        <li>Trained our future iGEMers (Leona and Catherine)</li>
 
                                     </ul>
 
                                     </ul>
 
                                 </li>
 
                                 </li>
                                 <br>
+
                                 <li><b>CGU_Taiwan</b>
                                <li>Dr. Tsu Chieh Cheng - Optomologist at Chang Cheng Eye Hospital
+
 
                                     <ul>
 
                                     <ul>
                                         <li>Information on challenges with current drug delivery systems and cataracts surgery</li>
+
                                         <li>Independently tested our new part BBa_K2229200 using crystal violet assay</li>
                                        <li>Feedback on our prototype plan</li>
+
 
                                     </ul>
 
                                     </ul>
 
                                 </li>
 
                                 </li>
                                 <br>
+
                                 <li><b>Lambert_GA</b>
                                <li>Dr. Wei-Chu Wu - Retina Specialist, Associate Professor at Chang Gung Memorial Hospital
+
 
+
 
                                     <ul>
 
                                     <ul>
                                         <li>Information on current cataracts treatments and post operational complications</li>
+
                                         <li>Received and 3D printed Chrome-Q device</li>
 +
                                        <li>Shared project ideas and topics</li>
 
                                     </ul>
 
                                     </ul>
 
                                 </li>
 
                                 </li>
                                <br>
 
                                <li>Dr. Li Guo Min - Veterinarian at Nicholas Animal Hospital
 
                                    <ul>
 
                                        <li>Information on cataract development in animals and current treatments, such as the Ocluvet eye drops</li>
 
                                    </ul>
 
 
                                </li>
 
                                <br>
 
                                <li>Dr. Jason Gestwicki - Professor at UCSF School of Medicine
 
                                    <ul>
 
                                        <li>Advice on 25HC regarding protein aggression and molecular interaction</li>
 
                                    </ul>
 
                                </li>
 
                                <br>
 
                                <li>Dr. Eric (Ricky) P. Lee - Senior member of Technical Staff at Maxim Integrated
 
                                    <ul>
 
                                        <li>Assistance with troubleshooting problems encountered during nanoparticle synthesis and protein encapsulation
 
                                        </li>
 
                                    </ul>
 
                                </li>
 
                                <br>
 
                                <li>Mrs. Michelle Bruce - Economics Teacher at Taipei American School
 
                                    <ul>
 
                                        <li>Reviewing and providing feedback on our business plan</li>
 
                                    </ul>
 
                                </li>
 
                                <br>
 
                                <li>Mr. Alexander Kaufman - Former intern at RA Capital
 
                                    <ul>
 
                                        <li>Feedback on our business plan</li>
 
                                    </ul>
 
                                </li>
 
                                <br>
 
                                <li>Dr. Catriona Moran and Mrs. Sharon Clapper
 
                                    <ul>
 
                                        <li>Sharing their experiences as cataracts patients and feedback on our final product</li>
 
                                    </ul>
 
                                </li>
 
                                <br>
 
                                <li>Mr. Matthew Fagen - Computer Science and Robotics Chair at Taipei American School
 
                                    <ul>
 
                                        <li>Assistance for 3D-printing the contact lens mold </li>
 
                                    </ul>
 
 
                                </li>
 
                                <br>
 
                                <li>Mission Biotech
 
                                    <ul>
 
                                        <li>Internal cutting sites removal for GSR and CH25H</li>
 
                                    </ul>
 
 
                                </li>
 
                                <br>
 
                                <li>Integrated DNA Technologies
 
                                    <ul>
 
                                        <li>CH25H gene fragment, CRYAB gene fragment, GFP full construct, CH25H full construct
 
                                        </li>
 
                                    </ul>
 
                                </li>
 
                                <br>
 
                                <li>Tri-I biotech
 
                                    <ul>
 
                                        <li>Sequencing and primers synthesis</li>
 
                                        <li>Primer synthesis to remove stop codon (every gene we ordered)</li>
 
                                    </ul>
 
                                </li>
 
                                <br>
 
                                <li>Origene
 
                                    <ul>
 
                                        <li>cDNA for CRYAA and GSR</li>
 
                                    </ul>
 
                                </li>
 
                                <br>
 
 
                                <br>
 
 
                                <br>
 
                                <li>
 
                                    People involved in our bioethics panel
 
                                    <ul>
 
                                        <li>Mr. Steve Anderson</li>
 
                                        <li>Ms. Anisha Vinod</li>
 
                                        <li>Dr. Nathaniel Smith</li>
 
                                        <li>Dr. Evonne Vidal</li>
 
                                        <li>Mr. Brandon Maguire</li>
 
                                        <li>Dr. Annemarie Costello</li>
 
 
 
                                    </ul>
 
                                </li>
 
                                <br>
 
 
                             </ul>
 
                             </ul>
 
+
                        </h4>
 
+
                    </div>
                            <br> Some parts of this wiki have been derived from the 2014 and 2015 TAS_Taipei wiki, which was designed entirely by the 2014 and 2015 teams.
+
                    <div class="row">
                            <br> All aspects of experimental, modeling, and human practice were conceived and performed by students of the 2016 team, and are independent from the research performed by the 2014 and 2015 team.
+
                        <h4 class="para col-lg-12">
                            <br>
+
                            A huge thank you to the following individuals for supporting our research program.
 
+
 
                             <ul>
 
                             <ul>
                                 <li>
+
                                 <li><b>DR. SHARON HENNESSY</b>, TAS Superintendent</li>
                                    DR. SHARON HENNESSY, TAS SUPERINTENDENT
+
                                 <li><b>DR. RICHARD HARTZELL</b>, TAS Upper School Principal</li>
                                </li>
+
                                 <li><b>FRIENDS OF TAS</b></li>
                                 <li>
+
                                    DR. RICHARD HARTZELL, TAS UPPER SCHOOL PRINCIPAL
+
                                </li>
+
                                 <li>
+
                                    FRIENDS OF TAS
+
                                </li>
+
 
                             </ul>
 
                             </ul>
                            <br>
+
                         </h4>
                            <p>A huge thank you to our collaborators and sponsors.</p>
+
                            <br>
+
                         </p>
+
 
                     </div>
 
                     </div>
                </div>
+
                    <div class="row" id="train">
 
+
                        <h1 class="title2 col-lg-12">TEAM TRAINING & PROJECT START</h1>
                <div class="row">
+
                    <div class="col-sm-4">
+
                        <img src="https://static.igem.org/mediawiki/2015/b/b0/Attr_yangMing.gif" alt="">
+
 
                     </div>
 
                     </div>
                     <div class="col-sm-4">
+
                     <div class="row">
                         <img src="https://static.igem.org/mediawiki/2015/c/c7/Attr_biobuilder.png" alt="">
+
                         <h4 class="para col-lg-12">
 +
                            <ul>
 +
                                <li><b>Does your institution teach an iGEM or synthetic biology course?</b> Taipei American School teaches a year long synthetic biology course. During the first semester, students learn synthetic biology techniques in both classroom and laboratory settings. During the second semester and over the summer, students work on their iGEM project.
 +
                                </li>
 +
                                <li><b>When did you start this course?</b> TAS started this course in 2013. The 2017 TAS_Taipei team began taking this class in August 2016.</li>
 +
                                <li><b>Are the syllabus and course materials freely available online?</b> We follow the BioBuilder curriculum (biobuilder.org).</li>
 +
                                <li><b>When did you start your brainstorming?</b> October 2016</li>
 +
                                <li><b>When did you start in the lab?</b> August 2016</li>
 +
                                <li><b>When did you start working on your project?</b> October 2016</li>
 +
                            </ul>
 +
                        </h4>
 
                     </div>
 
                     </div>
                    <div class="col-sm-4">
+
                 </section>
                        <img src="https://static.igem.org/mediawiki/2015/f/f7/Attr_geneaid.png" alt="">
+
                    </div>
+
                    <div class="col-sm-4">
+
                        <img src="https://static.igem.org/mediawiki/2015/7/78/Attr_trii.jpg" alt="">
+
                    </div>
+
                    <div class="col-sm-4">
+
                        <img src="https://static.igem.org/mediawiki/2015/3/3e/Attr_mission.gif" alt="">
+
                    </div>
+
                    <div class="col-sm-4">
+
                        <img src="https://static.igem.org/mediawiki/2015/b/ba/Attr_sino.png" alt="">
+
                    </div>
+
 
+
                 </div>
+
 
+
 
             </div>
 
             </div>
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
+
     <script>
    <br>
+
         $("a").on('click', function(event) {
    <br><br>
+
            if (this.hash !== "") {
 
+
                event.preventDefault();
    <canvas id="canvas-container" style="z-index:-1"></canvas>
+
                 var hash = this.hash;
     <script type="text/javascript" src='https://2016.igem.org/Template:TAS_Taipei/js/field?action=raw&ctype=text/javascript'></script>
+
                 $('html, body').animate({
 
+
                     scrollTop: $(hash).offset().top
</body>
+
                 }, 300, function() {
 
+
                     // Add hash (#) to URL when done scrolling (default click behavior)
 
+
                     window.location.hash = hash;
 
+
 
+
 
+
 
+
 
+
 
+
<style type='text/css'>
+
    #bg {
+
         position: fixed;
+
        top: 0;
+
        left: 0;
+
    }
+
   
+
    .bgwidth {
+
        width: 100%;
+
    }
+
   
+
    .bgheight {
+
        height: 100%;
+
    }
+
 
+
</style>
+
 
+
<div class="backgroundpic">
+
    <img src="https://static.igem.org/mediawiki/2016/e/e5/T--TAS_Taipei--Taipei_Background_1.0.jpg" style="z-index:0" width="100%" height="100%" id="bg" alt="">
+
</div>
+
 
+
<script>
+
    var nowRadius = 0
+
    $(function() {
+
        if (screen.width > 1800)
+
            $("#slideoutco").fadeOut(0);
+
        $({
+
            blurRadius: 0
+
        }).animate({
+
            blurRadius: 10
+
        }, {
+
            duration: 20000,
+
            easing: 'swing', // or "linear"
+
            // use jQuery UI or Easing plugin for more options
+
            step: function() {
+
                 console.log(this.blurRadius);
+
                 if ($("#bluebutton").hasClass("isOn")) {
+
                     return;
+
                };
+
                if ($('#redbutton').hasClass("isOn")) {
+
                    return;
+
                 }
+
                $('.backgroundpic').css({
+
                     "-webkit-filter": "blur(" + this.blurRadius + "px)",
+
                     "filter": "blur(" + this.blurRadius + "px)"
+
 
+
 
                 });
 
                 });
                nowRadius = this.blurRadius;
 
                var LOCSnum = Math.round(nowRadius * 6 / 9);
 
                var NineLOCSnum = Math.round(nowRadius * 6 / 9 * 10);
 
                /**if (NineLOCSnum > 20) switchMessage("YELLOW","<b> Oh no! </b> Cataracts are forming! Click on the Eyedrop Tab and get <b>TREATMENT</b> eyedrops!", currentColor()=="GREEN");
 
                if (NineLOCSnum == 55) $("#slideoutco").fadeOut(1000);
 
                if (NineLOCSnum > 60) switchMessage("RED","Your cataracts are very severe. You need to get TREATMENT fast by clicking the Eyedrop Tab", currentColor()=="YELLOW");*/
 
                if (LOCSnum > 6) {
 
                    LOCSnum = "6+";
 
                    $('#LOCS').text(LOCSnum + "");
 
                } else $('#LOCS').text(LOCSnum + "");
 
 
                if (LOCSnum == 0) document.getElementById('bluebutton').click();
 
 
             }
 
             }
 
         });
 
         });
 +
        $(function() {
 +
            $('.yellow').removeClass('active');
 +
            $('.yellow').mouseenter(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize > 1020) {
 +
                    //if the window is greater than 1020px wide then hover
 +
                    $('.yellow').addClass('active');
 +
                }
 +
                $('.navCap').addClass('deactive');
 +
            });
  
    });
+
            $('.yellow').mouseleave(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize > 1020) {
 +
                    //if the window is greater than 1020px wide then hover
 +
                    $('.yellow').removeClass('active');
 +
                }
 +
                $('.navCap').removeClass('deactive');
 +
            });
  
    startBlur = function(speed) {
+
            $('.box2').click(function() {
        $({
+
                var windowsize = $(window).width();
            blurRadius: nowRadius
+
                if (windowsize < 1020) {
        }).animate({
+
                    //if the window is less than 1020px wide then turn on click for mobile.
            blurRadius: 10
+
                    if ($('.yellow').hasClass('active')) {
        }, {
+
                        window.location = $(this).attr('href');
            duration: speed,
+
                    } else {
            easing: 'swing', // or "linear"
+
                        $('.yellow').addClass('active');
            // use jQuery UI or Easing plugin for more options
+
                        $('.return').addClass('active');
            step: function() {
+
                        $('.home').addClass('deactive');
                console.log(this.blurRadius);
+
                    }
                if ($("#bluebutton").hasClass("isOn")) {
+
                } else {
                    return;
+
                     window.location = $(this).attr('href');
                };
+
                if ($('#redbutton').hasClass("isOn")) {
+
                     return;
+
 
                 }
 
                 }
  
                $('.backgroundpic').css({
+
            })
                    "-webkit-filter": "blur(" + this.blurRadius + "px)",
+
                    "filter": "blur(" + this.blurRadius + "px)"
+
  
                 });
+
            $('.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');
 +
                }
 +
            })
  
                nowRadius = this.blurRadius;
+
            $('.return').click(function() {
                var LOCSnum = Math.round(nowRadius * 6 / 9);
+
                 $('.yellow').removeClass('active');
                var NineLOCSnum = Math.round(nowRadius * 6 / 9 * 10);
+
                 $('.return').removeClass('active');
                 /**if (NineLOCSnum == 15) $("#slideoutco").fadeOut(400);
+
                 $('.home').removeClass('deactive');
                 if (NineLOCSnum > 20) switchMessage("RED","<b>Cataracts</b> are creeping back again! Click the PREVENTION eye drop to add GSR into your eyes!", currentColor()=="BLUE");*/
+
            })
                if (LOCSnum > 6) {
+
                    LOCSnum = "6+";
+
                    $('#LOCS').text(LOCSnum + "");
+
                 } else $('#LOCS').text(LOCSnum + " ");
+
  
 +
            $('.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');
 +
            });
  
    stopBlur = function(speed) {
+
            $('.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() {
            blurRadius: nowRadius
+
                $('.project').removeClass('active');
        }).animate({
+
                 $('.experiment').addClass('active');
            blurRadius: 0
+
                 $('.modeling').removeClass('active');
        }, {
+
                $('.prototype').removeClass('active');
            duration: speed,
+
                 $('.biosafety').removeClass('active');
            easing: 'swing', // or "linear"
+
                 $('.about').removeClass('active');
            // use jQuery UI or Easing plugin for more options
+
                $('.policy').removeClass('active');
            step: function() {
+
                $('.acknowledgments').removeClass('active');
                 console.log(this.blurRadius);
+
            });
                 if ($("#redbutton").hasClass("isOn")) {} else {
+
                    return;
+
                 };
+
                 $('.backgroundpic').css({
+
                    "-webkit-filter": "blur(" + this.blurRadius + "px)",
+
                    "filter": "blur(" + this.blurRadius + "px)"
+
  
                 });
+
            $('.modeling').mouseenter(function() {
                 nowRadius = this.blurRadius;
+
                 $('.project').removeClass('active');
                 var LOCSnum = Math.round(nowRadius * 6 / 9);
+
                 $('.experiment').removeClass('active');
                 var NineLOCSnum = Math.round(nowRadius * 6 / 9 * 10);
+
                 $('.modeling').addClass('active');
 +
                 $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
  
                /**if (NineLOCSnum < 68){ if (NineLOCSnum > 10) if(currentColor()=="RED" ||  currentColor() == "BLUE") $("#slideoutco").fadeOut(0); switchMessage("YELLOW","<b> Treating</b> your cataract with <b>25HC Eyedrops </b>", currentColor()=="RED");
+
            $('.prototype').mouseenter(function() {
                              }
+
                $('.project').removeClass('active');
        if (NineLOCSnum == 9) $("#slideoutco").fadeOut(0);
+
                $('.experiment').removeClass('active');
       
+
                $('.modeling').removeClass('active');
           
+
                $('.prototype').addClass('active');
        if (NineLOCSnum < 5) {
+
                 $('.biosafety').removeClass('active');
            if ($("#bluebutton").hasClass("isOn")){
+
                $('.about').removeClass('active');
                   
+
                 $('.policy').removeClass('active');
                 switchMessage("GREEN","<b>Your eyes are <i>pernamently</i> crystal clear!</b> Treatment is not needed, so don't forget to turn it off!. Click the question mark to learn more.", currentColor()=="BLUE")
+
                 $('.acknowledgments').removeClass('active');
            }
+
            });
            else switchMessage("BLUE","Your eyes are crystal clear! To avoid waste, please turn off the <b>TREATMENT</b> eyedrop.", currentColor()=="YELLOW");
+
        }*/
+
                 if (LOCSnum > 6) LOCSnum = "6+";
+
                else LOCSnum = LOCSnum + " ";
+
                 $('#LOCS').text(LOCSnum + "");
+
  
             }
+
             $('.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');
    function chooseBlur() {
+
                $('.experiment').removeClass('active');
        if ($("#redbutton").hasClass("isOn")) {
+
                $('.modeling').removeClass('active');
             stopBlur(4500);
+
                 $('.prototype').removeClass('active');
 
+
                 $('.biosafety').removeClass('active');
        } else {
+
                 $('.about').removeClass('active');
            if ($("#bluebutton").hasClass("isOn")) {} else {
+
                 $('.policy').addClass('active');
                startBlur(12000);
+
                $('.acknowledgments').removeClass('active');
            }
+
        }
+
        /**if (!$("#redbutton").hasClass("isOn"))
+
            if ($("#bluebutton").hasClass("isOn"))
+
                {
+
                    $("#slideoutco").fadeOut(0);
+
                    switchMessage("BLUE","Great! Furthur cataract formation is prevented with GSR Eyedrops. Now use <b>TREATMENT</b> eyedrops one last time.", currentColor()=="RED")
+
                 }*/
+
    };
+
 
+
</script>
+
 
+
<script>
+
    function switchToggleB() {
+
        if ($("#bluebutton").hasClass("isOn")) {
+
            $("#bluebutton").removeClass("isOn");
+
        } else {
+
            $("#bluebutton").addClass("isOn");
+
        }
+
    };
+
 
+
    function switchToggleR() {
+
        if ($("#redbutton").hasClass("isOn")) {
+
            $("#redbutton").removeClass("isOn");
+
        } else {
+
            $("#redbutton").addClass("isOn");
+
        }
+
    };
+
 
+
    function currentColor() {
+
        if ($("#slidecontenttext").hasClass("alert-danger"))
+
            return "RED";
+
        if ($("#slidecontenttext").hasClass("alert-warning"))
+
            return "YELLOW";
+
        if ($("#slidecontenttext").hasClass("alert-info"))
+
            return "BLUE";
+
        if ($("#slidecontenttext").hasClass("alert-success"))
+
            return "GREEN";
+
        else return "NONE"
+
    };
+
 
+
    function switchMessage(color, textInside, refresh) {
+
        var entirebox = document.getElementById("slideoutco");
+
 
+
        if (refresh) {
+
            $(entirebox).fadeOut(100);
+
            if ($("#slidecontenttext").hasClass("alert-danger"))
+
                 $("#slidecontenttext").removeClass("alert-danger");
+
            if ($("#slidecontenttext").hasClass("alert-warning"))
+
                $("#slidecontenttext").removeClass("alert-warning");
+
            if ($("#slidecontenttext").hasClass("alert-info"))
+
                 $("#slidecontenttext").removeClass("alert-info");
+
            if ($("#slidecontenttext").hasClass("alert-success"))
+
                $("#slidecontenttext").removeClass("alert-success");
+
            if (color == "RED")
+
                 $("#slidecontenttext").addClass("alert-danger");
+
            if (color == "YELLOW")
+
                $("#slidecontenttext").addClass("alert-warning");
+
            if (color == "BLUE")
+
                 $("#slidecontenttext").addClass("alert-info");
+
            if (color == "GREEN")
+
                $("#slidecontenttext").addClass("alert-success");
+
 
+
 
+
            $("#slidecontenttext").html(textInside);
+
            $(entirebox).fadeIn(500);
+
        }
+
 
+
    };
+
 
+
</script>
+
 
+
 
+
 
+
 
+
 
+
 
+
<canvas id="canvas-container" style="z-index:-1" hidden></canvas>
+
<script type="text/javascript" src='https://2015.igem.org/Template:TAS_Taipei/js/field?action=raw&ctype=text/javascript' hidden>
+
    < /script/ >
+
 
+
 
+
 
+
    <
+
    script type = "text/javascript" >
+
        /* Toggle between adding and removing the "active" and "show" classes when the user clicks on one of the "Section" buttons. The "active" class is used to add a background color to the current button when its belonging panel is open. The "show" class is used to open the specific accordion panel */
+
        var acc = document.getElementsByClassName("accordion");
+
    var i;
+
 
+
    for (i = 0; i < acc.length; i++) {
+
        acc[i].onclick = function() {
+
            this.classList.toggle("active");
+
            this.nextElementSibling.classList.toggle("show");
+
        }
+
    }
+
 
+
</script>
+
 
+
<script type="text/javascript">
+
    $("#category_navbar a").on('click', function(event) {
+
        // Make sure this.hash has a value before overriding default behavior
+
        if (this.hash !== "") {
+
            // Prevent default anchor click behavior
+
            event.preventDefault();
+
 
+
            // Store hash0
+
            var hash = this.hash;
+
 
+
            // Using jQuery's animate() method to add smooth page scroll
+
            // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
+
            $('html, body').animate({
+
                scrollTop: $(hash).offset().top
+
            }, 800, function() {
+
 
+
                // Add hash (#) to URL when done scrolling (default click behavior)
+
                window.location.hash = hash;
+
 
             });
 
             });
        } // End if
 
    });
 
 
</script>
 
 
<div id="slideout">
 
    <div id="slidecontent">
 
        <h3>Prevention</h3>
 
        <h5>GSR Eyedrop</h5>
 
        <label class="switch">
 
            <input id="bluebutton" onClick="switchToggleB(); chooseBlur()" type="checkbox">
 
            <div class="slider round bluecolorbutton"></div>
 
        </label>
 
        <br>
 
 
        <h3>Treatment</h3>
 
        <h5>25HC Eyedrop</h5>
 
        <label class="switch">
 
            <input id="redbutton" onClick="switchToggleR(); chooseBlur()" type="checkbox">
 
            <div class="slider round redcolorbutton"></div>
 
        </label>
 
        <h4><b> LOCS: <span id="LOCS">0 &#160;</span></b> &#160; &#160; <a href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages#Animation"><button  type="button" class="btn btn-danger btn-md">?</button> </a>
 
 
    </div>
 
    <div id="clickme">
 
        <h2 class="vertical-text" style="Lato" !important>
 
            <br> Eyedrops
 
        </h2>
 
        <br><br><br>
 
 
    </div>
 
</div>
 
 
<div id="slideoutco">
 
    <div id="slidecontentco">
 
        <div id="slidecontenttext" class="alert alert-danger">
 
            <p style="font-size:14px !important"> <a href="#" class="close" data-dismiss="alert">&times;</a>
 
                <strong>Zoom out to see animation.</strong> &#160; &#160; &#160; &#160; &#160;<a href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages#Animation"><button  type="button" class="btn btn-danger btn-sm">?</button> </a><span style="font-size:14px"><br>Your screen resolution is too low unless you zoom out </span></p>
 
 
        </div>
 
    </div>
 
</div>
 
 
<javascript>
 
 
</javascript>
 
 
<style type='text/css'>
 
    #slideout {
 
        background: #FFD700;
 
        position: fixed;
 
        height: 300px;
 
        width: 200px;
 
        top: 30%;
 
        right: -150px;
 
        padding-left: 60px;
 
        z-index: 30;
 
        border-radius: 25px;
 
    }
 
   
 
    #slideoutco {
 
        position: fixed;
 
        height: 200px;
 
        width: 300px;
 
        top: 78%;
 
        right: 1%;
 
        padding-left: 10px;
 
        padding-right: 10px;
 
        border-radius: 10px;
 
        z-index: 30;
 
    }
 
   
 
    #clickme {
 
        position: absolute;
 
        top: 0;
 
        left: 0;
 
        height: 300px;
 
        width: 50px;
 
        background: #FFBA49;
 
        z-index: 30;
 
        border-radius: 25px 5px 5px 25px;
 
    }
 
   
 
    #slidecontent {
 
        float: left;
 
    }
 
   
 
    #slidecontentco {
 
        float: left;
 
    }
 
   
 
    .vertical-text {
 
        transform: rotate(90deg);
 
        transform-origin: left bottom 0;
 
        float: left;
 
    }
 
    /* The switch - the box around the slider */
 
   
 
    .switch {
 
        position: relative;
 
        display: inline-block;
 
        width: 60px;
 
        height: 34px;
 
    }
 
    /* Hide default HTML checkbox */
 
   
 
    .switch input {
 
        display: none;
 
    }
 
    /* The slider */
 
   
 
    .slider {
 
        position: absolute;
 
        cursor: pointer;
 
        top: 0;
 
        left: 0;
 
        right: 0;
 
        bottom: 0;
 
        background-color: #ccc;
 
        -webkit-transition: .4s;
 
        transition: .4s;
 
    }
 
   
 
    .slider:before {
 
        position: absolute;
 
        content: "";
 
        height: 26px;
 
        width: 26px;
 
        left: 4px;
 
        bottom: 4px;
 
        background-color: white;
 
        -webkit-transition: .4s;
 
        transition: .4s;
 
    }
 
   
 
    input:checked+.slider.bluecolorbutton {
 
        background-color: #2196F3;
 
    }
 
   
 
    input:focus+.slider.bluecolorbutton {
 
        box-shadow: 0 0 1px #2196F3;
 
    }
 
   
 
    input:checked+.slider.redcolorbutton {
 
        background-color: #FF0000;
 
    }
 
   
 
    input:focus+.slider.redcolorbutton {
 
        box-shadow: 0 0 1px #FF0000;
 
    }
 
   
 
    input:checked+.slider:before {
 
        -webkit-transform: translateX(26px);
 
        -ms-transform: translateX(26px);
 
        transform: translateX(26px);
 
    }
 
    /* Rounded sliders */
 
   
 
    .slider.round {
 
        border-radius: 34px;
 
    }
 
   
 
    .slider.round:before {
 
        border-radius: 50%;
 
    }
 
   
 
    input[type=text] {
 
        width: 100%;
 
        padding: 12px 20px;
 
        margin: 8px 0;
 
        box-sizing: border-box;
 
        border: 3px solid #ccc;
 
        -webkit-transition: 0.5s;
 
        transition: 0.5s;
 
        outline: none;
 
    }
 
   
 
    input[type=text]:focus {
 
        border: 3px solid #555;
 
    }
 
 
</style>
 
<script>
 
    $(function() {
 
        var rightVal = -150;
 
 
        $("#clickme").click(function() {
 
  
             rightVal = (rightVal * -1) - 150;
+
             $('.acknowledgments').mouseenter(function() {
            $(this).parent().animate({
+
                $('.project').removeClass('active');
                 right: rightVal + 'px'
+
                $('.experiment').removeClass('active');
            }, {
+
                $('.modeling').removeClass('active');
                 queue: false,
+
                 $('.prototype').removeClass('active');
                 duration: 500
+
                $('.biosafety').removeClass('active');
 +
                 $('.about').removeClass('active');
 +
                 $('.policy').removeClass('active');
 +
                $('.acknowledgments').addClass('active');
 
             });
 
             });
        });
 
 
    });
 
 
</script>
 
  
 +
        })
  
 +
    </script>
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 14:16, 1 November 2017

X

Project

Experiment

Modeling

Prototype

Human Practice

Safety

About Us

Attributions

Home

Attributions

Thank you to all those who helped and supported us.

test
hi

ATTRIBUTIONS

All work was carried out by student members of TAS_Taipei 2017 and conducted at Taipei American School's Sandy R. Puckett Memorial Research Laboratory, unless stated otherwise. Our advisors, Jude Clapper and Teresa Chiang, helped troubleshoot our experiments and offered suggestions on all aspects of our project.

TEAM MEMBERS

Experimental

Literature Research Whole team participated.
Cloning DNA Constructs Justin Y., Catherine Y., Dylan L., Yvonne W.
PR Functional Test Justin Y., Catherine Y.
SEM Sample Prep & Protocol Justin Y., Catherine Y., Katie C., Paul I.
SEM Imaging & Image Processing Justin Y., Catherine Y., Florence L., Jesse K., Katie C., Laurent H., Yvonne W.
SDS-PAGE Gel Justin Y.
AuNP, AgNP Standard Curve & Calculator Dylan L., Justin Y., Avery W., Katie C.
Biofilm Experiments Yvonne W.
Congo Red Assay Yvonne W.
Wiki Text Justin Y., edited by Teresa Chiang and Jude Clapper

Modeling

Research Justin P., Florence L.
PR NP Trapping Rate Experiment Justin Y.
Biofilm SA/Volume Experiments Yvonne W.
Biofilm NP Trapping Rate Experiment Justin P., Florence L., Yvonne W.
Experimental Data Analysis & Graphs Florence L., Justin P., Justin Y., Yvonne W.
Wiki Text Justin P., Florence L., edited by Avery W., Nicholas Ward, Teresa Chiang, and Jude Clapper

Prototype

Preliminary Biocarrier Designs Justin P., Florence L.
Biocarrier Design and 3D-Printing Candice L., supervised by Matt Fagen
Setup William C., Justin P.
Testing Justin P., Florence L., Yvonne W., William C., Justin Y.
Wiki Text Justin Y., edited by Teresa Chiang and Jude Clapper

Human Practice

Event Planning Christine C., Candice L., Emily C., Katherine H., Chansie Y., Audrey T., Kelly C., Justin Y.
Dihua WWTP Interview Florence L., Yvonne W., Christine C., William C.
Boswell WWTP Interview Jude Clapper
Taipei Museum of Drinking Water Visit Candice L., Florence L., Justin P., Justin Y., William C., Emily C., Dylan L., Avery W.
Apex Nanotek Interview Christine C., Kelly C., Yvonne W., Chansie Y., Justin Y.
NP Waste Disposal Company Interview Katherine H, Audrey T. and Christine C.
Nanoparticle and Wastewater experts Interview Emily C., Candice L., Justin Y.
Survey Abby H., Christine C., Emily C.
Outreach Activities Whole team participated.
Collaborations Yvonne W., William C., Justin Y.
Policy Brief Ashley L., edited by Richard Brundage
Wiki Text Christine C., Candice L., Emily C., edited by Teresa Chiang and Jude Clapper

Wiki & Graphic Design

Wiki Coding & Visual Design William C., Justin Y., Avery W.
Animations Kelly C., Laurent H., Oscar W.
Sticker Florence L., Laurent H., Yvonne W.
Flier William C., Christine C.
Poster (NCTU, Giant Jamboree) Florence L., Justin Y.
Video Filming/Editing Florence L., William C., Christine C., Justin Y.
Diagrams Justin Y., Yvonne W., Christine C.
Cover Images Justin Y., William C., Florence L., Christine C.

PROJECT ATTRIBUTIONS

General Support

  • Ms. Queenie Liao, Science Department Assistant
  • Mr. David Iverson, Science Department Chair
  • Parents and friends of the TAS_Taipei 2017 team

Project Support & Advice

  • Dr. Eric Lee answered our questions on our approaches and gave us advice
  • Dr. Gwo-Dong Roam answered our questions regarding nanoparticles
  • Apex Nanotek Corporation
    • Answered our questions regarding the use and functions of silver nanoparticles
    • Provided samples of their products!
  • Dihua Water Treatment Plant gave us ideas on where to implement our prototype and answered our questions regarding nanoparticle treatment methods currently in effect
  • Mr. Robert J. Blough (Boswell Wastewater Treatment Plant)
  • Mr. Thomas J. Brown (Pennsylvania Department of Environmental Protection)
  • Dr. Nicholas Ward for modeling support

Fundraising Support & Advice

  • Dr. Dan Long & Ms. Jessica Lin

Lab Support

  • Mission Biotech: DNA Synthesis
  • Integrated DNA Technologies: DNA Synthesis
  • Tri-I Biotech: Gene Sequencing and Primer Synthesis

Difficult Technique Support

  • Mr. Matthew Fagen (Computer Science and Robotics Chair at Taipei American School) provided assistance and materials for prototype designs and WWTP model
  • Mr. Jude Clapper: Scanning Electron Microscope and Atomic Force Microscope Support

Project Advisor Support

  • Mr. Jude Clapper
  • Dr. Teresa Chiang
  • Mr. Sean Tsao

Wiki Support

Some parts of this wiki have been derived from the 2014, 2015 and 2016 TAS_Taipei wiki, which was designed entirely by the respective teams.

Presentation Coaching

  • Mr. Jude Clapper
  • Dr. Teresa Chiang

Human Practices Support

  • Dr. Eric Lee answered our questions on our approaches and gave us advice
  • Dr. Gwo-Dong Roam answered our questions regarding nanoparticles
  • Apex Nanotek Corporation
    • Answered our questions regarding the use and functions of silver nanoparticles
    • Provided samples of their products!
  • Dihua Water Treatment Plant gave us ideas on where to implement our prototype and answered our questions regarding nanoparticle treatment methods currently in effect
  • Taipei Museum of Drinking Water
  • Mr. Robert J. Blough (Boswell Wastewater Treatment Plant)
  • Mr. Thomas J. Brown (Pennsylvania Department of Environmental Protection)
  • The News Lens International published an article about our policy brief
  • Taiwan Environmental Protection Administration (Minister Ying-Yuan Lee) accepted our policy brief and will consider it in future regulations

Collaborators

  • NYMU_Taipei
    • Troubleshooted our cloning procedure & design of mutagenesis primers
    • Gave us protocols for assaying biofilm production
    • Trained our future iGEMers (Leona and Catherine)
  • CGU_Taiwan
    • Independently tested our new part BBa_K2229200 using crystal violet assay
  • Lambert_GA
    • Received and 3D printed Chrome-Q device
    • Shared project ideas and topics

A huge thank you to the following individuals for supporting our research program.
  • DR. SHARON HENNESSY, TAS Superintendent
  • DR. RICHARD HARTZELL, TAS Upper School Principal
  • FRIENDS OF TAS

TEAM TRAINING & PROJECT START

  • Does your institution teach an iGEM or synthetic biology course? Taipei American School teaches a year long synthetic biology course. During the first semester, students learn synthetic biology techniques in both classroom and laboratory settings. During the second semester and over the summer, students work on their iGEM project.
  • When did you start this course? TAS started this course in 2013. The 2017 TAS_Taipei team began taking this class in August 2016.
  • Are the syllabus and course materials freely available online? We follow the BioBuilder curriculum (biobuilder.org).
  • When did you start your brainstorming? October 2016
  • When did you start in the lab? August 2016
  • When did you start working on your project? October 2016