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

 
(33 intermediate revisions by 3 users not shown)
Line 3: Line 3:
  
 
<head>
 
<head>
−
<title>Model - TAS Taipei iGEM Wiki</title>
+
<title>Team - TAS Taipei iGEM Wiki</title>
 
  <style type='text/css'>
 
  <style type='text/css'>
 
       #top_title, #sideMenu{
 
       #top_title, #sideMenu{
Line 14: Line 14:
 
         padding: 0;
 
         padding: 0;
 
         background: #f3f4f4;}
 
         background: #f3f4f4;}
−
 
+
    img{width:100%}
 
        
 
        
  
Line 61: Line 61:
 
      
 
      
  
−
   
 
−
</script>
 
−
   
 
−
    <script>
 
−
$(document).ready(function() {
 
−
var bio_data = [
 
−
               
 
−
            {"name":"Aaron Cheng", "photo-url":"https://static.igem.org/mediawiki/2016/b/ba/T--TAS_Taipei--Aaron.png", "question_1":"I really got interested in synthetic biology mainly because of how it enables the fabrication of biological components that may potentially solve the problems around us. I was amazed to see how we as students were able to just use our creativity to redesign and create something new that do not exist in the world. ", "question_2":"I'm a guy that has a wide range of interests, so it is hard to say a dream career right on the spot. As for now, I am interested in the fields of big data science and human computer interaction. My life goal is to be able to contribute to the world and make it a better place. "},
 
−
            {"name":"Alvin Wang", "photo-url":"https://static.igem.org/mediawiki/2016/6/60/T--TAS_Taipei--Alvin.png", "question_1":"", "question_2":""},
 
−
                {"name":"Andrew", "photo-url":"https://static.igem.org/mediawiki/2016/c/c5/T--TAS_Taipei--Andrew.png", "question_1":"", "question_2":""},
 
−
                {"name":"Angela Lu", "photo-url":"https://static.igem.org/mediawiki/2016/9/97/T--TAS_Taipei--Angela.png", "question_1":"During my junior year, biology class got me interested in genes and summer internship got me interested in advanced research, so altogether synthetic biology it is for senior year! ", "question_2":"Travel around the world! "},
 
−
                {"name":"Avery Wang", "photo-url":"https://static.igem.org/mediawiki/2016/1/11/T--TAS_Taipei--Avery.png", "question_1":"", "question_2":""},
 
−
                {"name":"Catherine Yeh", "photo-url":"https://static.igem.org/mediawiki/2016/9/9e/T--TAS_Taipei--Catherine.png", "question_1":"", "question_2":""},
 
−
                {"name":"Christy Yao", "photo-url":"https://static.igem.org/mediawiki/2016/4/4b/T--TAS_Taipei--Christy.png", "question_1":"It seemed intriguing, and I'm also very interested in science and engineering in general. ", "question_2":""},
 
−
                {"name":"Dennis Jang", "photo-url":"https://static.igem.org/mediawiki/2016/d/d7/T--TAS_Taipei--Dennis.png", "question_1":"", "question_2":"Save the world."},
 
−
                {"name":"Fiona Tsai", "photo-url":"https://static.igem.org/mediawiki/2016/0/0b/T--TAS_Taipei--Fiona.png", "question_1":"", "question_2":""},
 
−
                {"name":"Hansen Tai", "photo-url":"https://static.igem.org/mediawiki/2016/f/f2/T--TAS_Taipei--Hansen.png", "question_1":"The thing that inspired me to go for synthetic biology was by Leon Yim. I first saw him in a research class in 10th grade and I thought it was awesome that he was able to be in a lab with so many other people and work together. This was why I was inspired to take a research class in 11th grade and afterwards going for synthetic biology research was only natural.", "question_2":"My dream career or life goal is to be a researcher."},
 
−
                {"name":"Hellen Jang", "photo-url":"https://static.igem.org/mediawiki/2016/4/4c/T--TAS_Taipei--Hellen.png", "question_1":"i was interested in biology and its application in real life and synthetic biology seemed pretty cool.", "question_2":"work for an NGO"},
 
−
                {"name":"Huiru Huang", "photo-url":"https://static.igem.org/mediawiki/2016/7/78/T--TAS_Taipei--Huiru.png", "question_1":"", "question_2":""},
 
−
                {"name":"Jason Hsu", "photo-url":"https://static.igem.org/mediawiki/2016/1/1d/T--TAS_Taipei--Jason.png", "question_1":"One of my friends who was in last year's iGEM team introduced me to their project, and I became very interested in the idea of designing and creating a DNA that could be applied on real world issues. iGEM rox!!", "question_2":"Win a Nobel Prize/own a Harley-Davidson motorcycle before I'm 30."},
 
−
                {"name":"Jubi Lin", "photo-url":"https://static.igem.org/mediawiki/2016/7/77/T--TAS_Taipei--Jubi.png", "question_1":"", "question_2":""},
 
−
                {"name":"Justin Chang", "photo-url":"https://static.igem.org/mediawiki/2016/c/c7/T--TAS_Taipei--JustinC.png", "question_1":"I got interested in synthetic biology because I was inspired by my summer professor. I wanted to learn biology not in a traditional classroom, but through research and hands-on studying! I wanted to synthetic biology specifically because I loved working in groups.", "question_2":"My life goal as of now is be able to invent my own biomedical device. "},
 
−
                {"name":"Justin Yang", "photo-url":"https://static.igem.org/mediawiki/2016/6/6b/T--TAS_Taipei--JustinY.png", "question_1":"", "question_2":""},
 
−
                {"name":"Kevin Liao", "photo-url":"https://static.igem.org/mediawiki/2016/9/97/T--TAS_Taipei--Kevin.png", "question_1":"I was interested in synthetic biology because of news from recent advances in medicine (specifically stem cell research).", "question_2":"I wanted to be a medical practitioner. Later, I wanted to be an academic researcher, but now I have no idea. "},
 
−
                {"name":"Stephanie Cheng", "photo-url":"https://static.igem.org/mediawiki/2016/3/36/T--TAS_Taipei--Stephanie.png", "question_1":"I was first exposed to synthetic biology over a summer internship at a local university. I was very amazed by what this field entailed and decided to look more into and spend more time on synthetic biology.
 
−
", "question_2":"My dream career is to become a doctor!"},
 
−
                {"name":"Moksha Shah", "photo-url":"https://static.igem.org/mediawiki/2016/1/15/T--TAS_Taipei--Moksha.png", "question_1":"I have always had an interest in biology and this was a new and innovative side of biology that I want to learn morea bout. Participating in synbio seems like a perfect ability to learn more ", "question_2":""},
 
−
                {"name":"Zach Verne", "photo-url":"https://static.igem.org/mediawiki/2016/f/fb/T--TAS_Taipei--Zach.png", "question_1":"I think my dream career would be to be a scuba diving instructor.  preferably in the south pacific or micronesia :)", "question_2":"Pediatric surgeon "},
 
−
                {"name":"Mr. Clapper", "photo-url":"https://static.igem.org/mediawiki/2015/3/33/JClapper.JPG", "question_1":"I really became interested in syn bio when I realized how easily you could engineer devices with standardized genetic parts.  As far as iGEM is concerned, I love the team aspect of iGEM.  Everyone working on one main goal is a fun way to complete a research project!", "question_2":""},
 
−
                {"name":"Dr. Chiang", "photo-url":"https://static.igem.org/mediawiki/2015/0/04/TChiang.jpg", "question_1":"", "question_2":""},
 
−
                {"name":"Mr. Tsao", "photo-url":"https://static.igem.org/mediawiki/2015/7/72/STsao.jpg", "question_1":"", "question_2":""}             
 
−
               
 
−
 
−
];
 
−
 
−
$('#portrait_container img').click(function() {
 
−
index = $(this).data('index');
 
−
 
−
$("#spotlight_question_1 p").show();
 
−
$("#spotlight_question_2 p").show();
 
−
$("#spotlight_question_3 p").show();
 
−
$("#spotlight_image").show();
 
−
$("#spotlight_name").show();
 
−
$("#spotlight_question_intro").hide();
 
−
$("#spotlight_question_1").removeClass('intro_large');
 
−
$("#spotlight_question_2").removeClass('intro_large');
 
−
$("#spotlight_question_3").removeClass('intro_large');
 
−
 
−
$("#spotlight_name").html(bio_data[index]["name"]);
 
−
$("#spotlight_question_1 p").html(bio_data[index]["question_1"]);
 
−
$("#spotlight_question_2 p").html(bio_data[index]["question_2"]);
 
−
$("#spotlight_image").attr('src', bio_data[index]["photo_url"]);
 
−
});
 
−
 
−
});
 
−
</script>
 
 
      
 
      
 
<div class="container" style='z-index:10;position:relative;'>
 
<div class="container" style='z-index:10;position:relative;'>
Line 123: Line 67:
 
<ul style='margin-left:0px'>
 
<ul style='margin-left:0px'>
 
<li class="dropdown">
 
<li class="dropdown">
−
<a href="https://2016.igem.org/Team:TAS_Taipei/project"><h4 class="dropdown-toggle disabled" data-toggle="dropdown"><b>PROJECT</b></h4></a>
+
<a href="https://2016.igem.org/Team:TAS_Taipei/Background"><h4 class="dropdown-toggle disabled" data-toggle="dropdown"><b>PROJECT</b></h4></a>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Description#background">Background</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Background">Background</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
Line 140: Line 84:
 
</div>
 
</div>
 
<div style='height:140px;'>
 
<div style='height:140px;'>
−
<img src="https://static.igem.org/mediawiki/2015/5/5b/Tas_icon_project.png">
+
<img src="https://static.igem.org/mediawiki/2016/1/11/T--TAS_Taipei--TAS_Icon_Project.png">
−
<h4><b>Cataracts</b> - the leading cause of blindness. Find out how we can noninvasively <b>treat</b> and <b>prevent</b> cataract formation.</b></h4>
+
<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></h4>
 
</div>
 
</div>
 
 
Line 147: Line 91:
 
</li>
 
</li>
 
<li class="dropdown">
 
<li class="dropdown">
−
<a href="https://2015.igem.org/Team:TAS_Taipei/wetlab"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>EXPERIMENTAL</b></h4></a>
+
<a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>EXPERIMENTAL</b></h4></a>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experiments#lensmodel">Lens Cataract Model</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#lensmodel">Lens Cataract Model</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experiments#construct">Prevention and Treatment Constructs </a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#construct">Prevention and Treatment Constructs </a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experiments#prototype">Delivery Prototype</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#prototype">Delivery Prototype</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
Line 164: Line 108:
 
</div>
 
</div>
 
<div style='height:140px;'>
 
<div style='height:140px;'>
−
<img src="https://static.igem.org/mediawiki/2015/f/f8/Tas_icon_wetlab.png">
+
<img src="https://static.igem.org/mediawiki/2016/b/b0/T--TAS_Taipei--TAS_Icon_Experiments.png">
−
<h4>We don't just come up with great ideas. We show they work. Follow along our discovery of exciting science!</h4>
+
                        <h4>We build <b>constructs</b> to make our great ideas become reality. Follow along our discovery of exciting science!</h4>
 
</div>
 
</div>
 
</div>
 
</div>
Line 174: Line 118:
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#crystallin">Cataract Damage</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#GSRFunc">GSR Function</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#gsr25hc">GSR/25HC Pathway</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#prototype">Prototype Delivery</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#nanoparticle">Nanoparticle Degradation</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#treatment">CH25H Treatment</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#eyedrop">Eyedrop Model</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#software">Calculator</a></h5>
 
</div>
 
</div>
  
 
</div>
 
</div>
 
<div style='height:140px;'>
 
<div style='height:140px;'>
−
<img src="https://static.igem.org/mediawiki/2015/3/3e/Tas_icon_modeling.png">
+
<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. Click to find out the results of our modeling, and if you want, the math behind it!</h4>
+
<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>
 
</div>
 
</div>
 
</li>
 
</li>
 
<li class="dropdown">
 
<li class="dropdown">
−
<a href="https://2016.igem.org/Team:TAS_Taipei/Practices"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>HUMAN PRACTICE</b></h4></a>
+
<a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>HUMAN PRACTICE</b></h4></a>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
Line 208: Line 152:
 
</div>
 
</div>
 
<div style='height:140px;'>
 
<div style='height:140px;'>
−
<img src="https://static.igem.org/mediawiki/2015/0/0f/Tas_icon_hp.png">
+
<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>
 
<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>
Line 214: Line 158:
 
</li>
 
</li>
 
<li class="dropdown">
 
<li class="dropdown">
−
<a href="https://2016.igem.org/Team:TAS_Taipei/Safety"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>BIOSAFETY</b></h4></a>
+
<a href="https://2016.igem.org/Team:TAS_Taipei/Safety"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>SAFETY</b></h4></a>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div style='height:100px;'>
 
<div style='height:100px;'>
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#researcher_safety">Researcher Safety</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#overview">Overview</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#environmental_safety">Environmental Safety</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#biosafety">Biosafety</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#biobrick_safety">Biobrick Safety</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#riskreduction">Risk Reduction Methods</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#local_safety">Local Safety</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#furtherquestion">Further Questions</a></h5>
 
</div>
 
</div>
 
</div>
 
</div>
−
<img src="https://static.igem.org/mediawiki/2015/9/91/Tas_icon_safety.png">
+
<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>
 
<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>
Line 244: Line 188:
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/team#tas">About</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Team#about">About</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
Line 254: Line 198:
 
</div>
 
</div>
 
<div style='height:140px;'>
 
<div style='height:140px;'>
−
<img src="https://static.igem.org/mediawiki/2015/3/34/Tas_icon_team.png">
+
<img src="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_Icon_Team.png">
−
<h4>Behind every tough iGem project lies a hard-working yet cheerful group of students. <b>Meet the team!</b></h4>
+
<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>
 
</div>
 
</div>
 
</div>
 
</div>
Line 265: Line 209:
 
<br>
 
<br>
 
<br>
 
<br>
−
<div class="row center-block" style = "padding:10px;width:960px;background-color:#07BEB8;box-shadow:0px 0px 5px black">
+
<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="row" style = "text-align:center;">
 
<div class="col-sm-2">
 
<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/2015/2/2f/Tas_igemlogo.png
+
<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>
 
" alt="" style="width: 100px;"></a>
 
</div>
 
</div>
Line 278: Line 222:
 
</div>
 
</div>
 
<div class="col-sm-2">
 
<div class="col-sm-2">
−
<a href="https://igem.org/HS"><img src="https://static.igem.org/mediawiki/2015/e/eb/Tas_igemlogo2.png" alt="" style="width: 100px;"></a>
+
<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>
 
</div>
Line 288: Line 232:
 
<ul class="nav nav-list" data-spy="affix" data-offset-top="160" style='-webkit-transform: translateZ(0);width:160px;margin-left:0' >
 
<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="#members">Members</a></li>
 
<li><a href="#members">Members</a></li>
−
<li><a href="#aboutTAS">About TAS</a></li>
+
<li><a href="#about">About TAS</a></li>
 
<li><a href="#aboutLab">About the Lab</a></li>
 
<li><a href="#aboutLab">About the Lab</a></li>
 
</ul>
 
</ul>
Line 298: Line 242:
 
<div class="col-lg-10">
 
<div class="col-lg-10">
 
<div class="row">
 
<div class="row">
 +
                    <h1>Team</h1>
 
<div class="col-lg-12">
 
<div class="col-lg-12">
−
<h1>Team</h1>
+
−
<p> We are the Taipei American School iGEM team, Taiwan's first high school team. Our team consists of 14 dedicated members, 9 of whom will be attending the jamboree in MIT. This is our second year participating in the iGEM competition, and we look forward to continuing for years to come!</p>
+
<p> We are the Taipei American School iGEM team, Taiwan's first high school team. Our team consists of 28 dedicated members, 15 of whom will be attending the jamboree in Boston. This is our third year participating in the iGEM competition, and we look forward to continuing for years to come!</p>
 
</div>
 
</div>
 +
                   
 
</div>
 
</div>
 +
                <div class="row">
 +
                    <div class="col-sm-0"></div>
 +
                    <figure class = "col-lg-8">
 +
        <img src="https://static.igem.org/mediawiki/2016/9/96/T--TAS_Taipei--iGEM_Selfie_Team.jpg">
 +
                                    <figcaption class='darkblue'>A team photo taken during the award ceremony for the Giant Jamboree photo. Though we were unfortunately cut off from the photo frame, we still have this amazing photo! Photo taken by Avery (bottom right), as a group selfie.</figcaption>
 +
      </figure>
 +
                    </div>
  
 
<div class="row" id='members'>
 
<div class="row" id='members'>
 
<div class="col-lg-12">
 
<div class="col-lg-12">
 
<h2 id="members">Members</h2>
 
<h2 id="members">Members</h2>
−
<p>Click and scroll down for descriptions</p>
+
                        <p>To see team member attributions, <a href="https://2016.igem.org/Team:TAS_Taipei/Attributions">click here</a> (leads to <b>attributions</b> page).</p>
 
</div>
 
</div>
 
</div>
 
</div>
  
 
<div class="row">
 
<div class="row">
−
<div class="col-lg-12 col-md-6 col-sm-6" id="portrait_container">
+
                    <div class="col-sm-10">
−
<div class="row">
+
                        <div class="col-sm-3">
−
<img data-index='0' src="https://static.igem.org/mediawiki/2016/b/ba/T--TAS_Taipei--Aaron.png">
+
                            <img src="https://static.igem.org/mediawiki/2016/0/0b/T--TAS_Taipei--Fiona.png">
−
<img data-index='1' src="https://static.igem.org/mediawiki/2016/6/60/T--TAS_Taipei--Alvin.png">
+
                           
−
<img data-index='2' src="https://static.igem.org/mediawiki/2016/c/c5/T--TAS_Taipei--Andrew.png">
+
                            <h3>Fiona Tsai</h3>
−
<img data-index='3' src="https://static.igem.org/mediawiki/2016/9/97/T--TAS_Taipei--Angela.png">
+
                        </div>
−
<img data-index='4' src="https://static.igem.org/mediawiki/2016/1/11/T--TAS_Taipei--Avery.png">
+
                        <div class="col-sm-3">
−
<img data-index='5' src="https://static.igem.org/mediawiki/2016/9/9e/T--TAS_Taipei--Catherine.png">
+
                          <img src="https://static.igem.org/mediawiki/2016/7/78/T--TAS_Taipei--Huiru.png">
−
<img data-index='6' src="https://static.igem.org/mediawiki/2016/4/4b/T--TAS_Taipei--Christy.png">
+
                           
−
<img data-index='7' src="https://static.igem.org/mediawiki/2016/d/d7/T--TAS_Taipei--Dennis.png">
+
                            <h3>Huiru Huang</h3>
−
<img data-index='8' src="https://static.igem.org/mediawiki/2016/0/0b/T--TAS_Taipei--Fiona.png">
+
                        </div>
−
<img data-index='9' src="https://static.igem.org/mediawiki/2016/f/f2/T--TAS_Taipei--Hansen.png">
+
                        <div class="col-sm-3">
−
<img data-index='10' src="https://static.igem.org/mediawiki/2016/4/4c/T--TAS_Taipei--Hellen.png">
+
                             <img src="https://static.igem.org/mediawiki/2016/1/15/T--TAS_Taipei--Moksha.png">
−
<img data-index='11' src="https://static.igem.org/mediawiki/2016/7/78/T--TAS_Taipei--Huiru.png">
+
                           
−
                             <img data-index='12' src="https://static.igem.org/mediawiki/2016/1/1d/T--TAS_Taipei--Jason.png">
+
                            <h3>Moksha Shah</h3>
−
<img data-index='13' src="https://static.igem.org/mediawiki/2016/7/77/T--TAS_Taipei--Jubi.png">
+
                        </div>
−
<img data-index='14' src="https://static.igem.org/mediawiki/2016/c/c7/T--TAS_Taipei--JustinC.png">
+
                        <div class="col-sm-3">
−
<img data-index='15' src="https://static.igem.org/mediawiki/2016/6/6b/T--TAS_Taipei--JustinY.png">
+
                             <img src="https://static.igem.org/mediawiki/2016/1/11/T--TAS_Taipei--Avery.png">
−
                            <img data-index='16' src="https://static.igem.org/mediawiki/2016/9/97/T--TAS_Taipei--Kevin.png">
+
                              
−
<img data-index='17' src="https://static.igem.org/mediawiki/2016/3/36/T--TAS_Taipei--Stephanie.png">
+
                            <h3>Avery Wang</h3>
−
                             <img data-index='18' src="https://static.igem.org/mediawiki/2016/1/15/T--TAS_Taipei--Moksha.png">
+
                        </div>
−
                             <img data-index='19' src="https://static.igem.org/mediawiki/2016/f/fb/T--TAS_Taipei--Zach.png">
+
                    </div>
−
<img data-index='20' src="https://static.igem.org/mediawiki/2015/3/33/JClapper.JPG">
+
                    <br>
−
<img data-index='21' src="https://static.igem.org/mediawiki/2015/0/04/TChiang.jpg">
+
                   
−
<img data-index='22' src="https://static.igem.org/mediawiki/2015/7/72/STsao.jpg">
+
                   
−
</div>
+
</div>
−
<div class="row">
+
                <div class="row">
−
</div>
+
                    <div class="col-sm-10">
−
</div>
+
                        <div class="col-sm-3">
−
<div class="col-lg-12" id='member_spotlight'>
+
                                <img src="https://static.igem.org/mediawiki/2016/0/00/T--TAS_Taipei--Changsun.png">
−
<div class="row">
+
                               
−
<div class="col-lg-4">
+
                                <h3>Changsun Lee</h3>
−
<div class="col-lg-12">
+
                            </div>
−
<img id='spotlight_image' src="https://static.igem.org/mediawiki/2014hs/a/ae/Chris_s.png" style='display:none;width:70%;margin-left:15%;'>
+
                        <div class="col-sm-3">
−
</div>
+
                            <img src="https://static.igem.org/mediawiki/2016/d/d7/T--TAS_Taipei--Dennis.png">
−
<div class="col-lg-12">
+
                           
−
<h3 id='spotlight_name' style='text-align:center;display:none;'>Christopher Yen</h3>
+
                            <h3>Dennis Jang</h3>
−
</div>
+
                        </div>
−
</div>
+
                        <div class="col-sm-3">
−
<div class="col-lg-8">
+
                            <img src="https://static.igem.org/mediawiki/2016/6/60/T--TAS_Taipei--Alvin.png">
−
<div class='intro_large col-lg-6' id='spotlight_question_1'>
+
                           
−
<h5 style=''>What got you interested in synthetic biology?</h5>
+
                            <h3>Alvin Wang</h3>
−
<p style='display:none;'></p>
+
                        </div>
−
</div>
+
−
<div class='intro_large col-lg-6' id='spotlight_question_2'>
+
−
<h5 style=''>Dream career or lifegoal?</h5>
+
−
<p style='display:none;'></p>
+
−
</div>
+
−
<div class='intro_large col-lg-6' id='spotlight_question_intro'>
+
−
<h5 style=''>Click on each member to see their responses!</h5>
+
−
<p style='display:none;'></p>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
</div>
+
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/c/c2/T--TAS_Taipei--Megan.png">
 +
                           
 +
                            <h3>Megan Yang</h3>
 +
                        </div>
 +
                    </div>
 +
                    <br>
 +
                   
 +
                   
 +
                   
 
</div>
 
</div>
 +
                <div class="row">
 +
                    <div class="col-sm-10">
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/6/6f/T--TAS_Taipei--Austin.png">
 +
                           
 +
                            <h3>Austin Lai</h3>
 +
                        </div>
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/f/fb/T--TAS_Taipei--Zach.png">
 +
                           
 +
                            <h3>Zach Verne</h3>
 +
                        </div>
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/9/97/T--TAS_Taipei--Angela.png">
 +
                           
 +
                            <h3>Angela Lu</h3>
 +
                        </div>
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/3/36/T--TAS_Taipei--Stephanie.png">
 +
                           
 +
                            <h3>Stephanie Cheng</h3>
 +
                        </div>
 +
                    </div>
 +
                    <br>
 +
                </div>
 +
                   
 +
                <div class="row">
 +
                    <div class="col-sm-10">
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/6/6b/T--TAS_Taipei--JustinY.png">
 +
                           
 +
                            <h3>Justin Yang</h3>
 +
                        </div>
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/9/9e/T--TAS_Taipei--Catherine.png">
 +
                           
 +
                            <h3>Catherine Yeh</h3>
 +
                        </div>
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/6/61/T--TAS_Taipei--Yvonne1new.png">
 +
                                   
 +
                           
 +
                            <h3>Yvonne Wei</h3>
 +
                        </div>
 +
                       
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/9/97/T--TAS_Taipei--Kevin.png">
 +
                           
 +
                            <h3>Kevin Liao</h3>
 +
                        </div>
 +
                    </div>
 +
                   
 +
                   
 +
                </div>
 +
               
 +
 +
                <div class="row">
 +
                    <div class="col-sm-10">
 +
                        <div class="col-sm-3">
 +
 +
                            <img src="https://static.igem.org/mediawiki/2016/f/f2/T--TAS_Taipei--Hansen.png">
 +
                           
 +
                            <h3>Hansen Tai</h3>
 +
                        </div>
 +
                        <div class="col-sm-3"> 
 +
                            <img src="https://static.igem.org/mediawiki/2016/b/ba/T--TAS_Taipei--Aaron.png">
 +
                           
 +
                            <h3>Aaron Cheng</h3>
 +
                        </div>
 +
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/1/1d/T--TAS_Taipei--Jason.png">
 +
                           
 +
                            <h3>Jason Hsu</h3>
 +
                        </div>
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/4/4c/T--TAS_Taipei--Hellen.png">
 +
                           
 +
                            <h3>Hellen Jang</h3>
 +
                        </div>
 +
                    </div>
 +
                                   
 +
                  <br>
 +
</div>
 +
                <div class="row">
 +
                    <div class="col-sm-10">
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/4/4b/T--TAS_Taipei--Christy.png">
 +
                           
 +
                            <h3>Christy Yao</h3>
 +
                        </div>
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/7/77/T--TAS_Taipei--Jubi.png">
 +
                           
 +
                            <h3>Jubi Lin</h3>
 +
                        </div>
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/a/a7/T--TAS_Taipei--Jacqueline.png">
 +
                           
 +
                            <h3>Jacqueline Chien</h3>
 +
                        </div>
 +
                       
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/0/05/T--TAS_Taipei--Andrew.jpg">
 +
                           
 +
                            <h3>Andrew Chen</h3>
 +
                        </div>
 +
                    </div>
 +
                    <br>
 +
                   
 +
                   
 +
                </div>
 +
                <div class="row">
 +
                    <div class="col-sm-10">
 +
                       
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2016/c/c7/T--TAS_Taipei--JustinC.png">
 +
 +
                            <h3>Justin Chang</h3>
 +
                        </div>
 +
                       
 +
                        <div class="col-sm-3">
 +
                        <img src="https://static.igem.org/mediawiki/2016/a/a9/T--TAS_Taipei--Yvonne.jpg">
 +
                            <h3>Charlene Chang</h3>
 +
                        </div>
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2015/8/8e/LYim.JPG">
 +
 +
                            <h3>Leon Yim</h3>
 +
                        </div>
 +
                       
 +
                    </div>
 +
                   
 +
</div>
 +
                <div class="row">
 +
                    <div class="col-sm-10">
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2015/3/33/JClapper.JPG">
 +
 +
                            <h3>Jude Clapper</h3>
 +
                        </div>
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2015/0/04/TChiang.jpg">
 +
 +
                            <h3>Teresa Chiang</h3>
 +
                        </div>
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2015/7/72/STsao.jpg">
 +
 +
                            <h3>Sean Tsao</h3>
 +
                        </div>
 +
                        <div class="col-sm-3">
 +
                            <img src="https://static.igem.org/mediawiki/2015/4/43/RBrundage.jpg">
 +
 +
                            <h3>Richard Brundage</h3>
 +
                        </div>
 +
                       
 +
                    </div>
 +
                   
 +
</div>
 +
               
  
  
 
<div class="row" id='tas'>
 
<div class="row" id='tas'>
 
<div class="col-lg-12">
 
<div class="col-lg-12">
−
<h2 id="aboutTAS">About Taipei American School</h2>
+
<h2 id="about">About Taipei American School</h2>
 
</div>
 
</div>
 
</div>
 
</div>
Line 411: Line 523:
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
    </div>
−
<br>
+
 +
<br><br><br><br>
 
<br><br>
 
<br><br>
  
Line 440: Line 553:
 
var nowRadius = 0
 
var nowRadius = 0
 
$(function() {
 
$(function() {
−
    if (screen.width < 1400)
+
     if (screen.width > 1800)
−
      document.body.style.zoom="72%"; // zoom in or out feature
+
       $("#slideoutco").fadeOut(0);
−
     else if (screen.width < 1500)
+
      
−
       document.body.style.zoom = "77%";
+
−
    else if (screen.width < 1600)
+
−
      document.body.style.zoom="83%";
+
−
    else if (screen.width < 1700)
+
−
      document.body.style.zoom="90%";
+
−
    else if (screen.width < 1800)
+
−
      document.body.style.zoom="96%";
+
−
     else document.body.style.zoom="100%";
+
 
     $({blurRadius: 0}).animate({blurRadius: 10}, {
 
     $({blurRadius: 0}).animate({blurRadius: 10}, {
 
         duration: 20000,
 
         duration: 20000,
Line 467: Line 572:
 
         var LOCSnum = Math.round(nowRadius*6/9);
 
         var LOCSnum = Math.round(nowRadius*6/9);
 
         var NineLOCSnum = Math.round(nowRadius*6/9*10);
 
         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 > 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 == 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 (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+"");}
 
         if (LOCSnum > 6) {LOCSnum = "6+"; $('#LOCS').text(LOCSnum+"");}
 
         else $('#LOCS').text(LOCSnum+"");  
 
         else $('#LOCS').text(LOCSnum+"");  
 
          
 
          
−
         //if (LOCSnum ==0) document.getElementById('bluebutton').click();
+
         if (LOCSnum ==0) document.getElementById('bluebutton').click();
 
         }
 
         }
 
     });
 
     });
Line 498: Line 603:
 
         var LOCSnum = Math.round(nowRadius*6/9);
 
         var LOCSnum = Math.round(nowRadius*6/9);
 
         var NineLOCSnum = Math.round(nowRadius*6/9*10);
 
         var NineLOCSnum = Math.round(nowRadius*6/9*10);
−
         if (NineLOCSnum == 15) $("#slideoutco").fadeOut(400);
+
         /**if (NineLOCSnum == 15) $("#slideoutco").fadeOut(400);
−
         if (NineLOCSnum > 20) switchMessage("RED","<b>Cataracts</b> are creaping back again! Click the PREVENTION eyedrop to add GSR into your eyes!", currentColor()=="BLUE");
+
         if (NineLOCSnum > 20) switchMessage("RED","<b>Cataracts</b> are creeping back again! Click the PREVENTION eyedrop to add GSR into your eyes!", currentColor()=="BLUE");*/
 
         if (LOCSnum > 6) {LOCSnum = "6+"; $('#LOCS').text(LOCSnum+"");}
 
         if (LOCSnum > 6) {LOCSnum = "6+"; $('#LOCS').text(LOCSnum+"");}
 
         else $('#LOCS').text(LOCSnum+" ");  
 
         else $('#LOCS').text(LOCSnum+" ");  
Line 526: Line 631:
 
         var NineLOCSnum = Math.round(nowRadius*6/9*10);
 
         var NineLOCSnum = Math.round(nowRadius*6/9*10);
 
            
 
            
−
         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");
+
         /**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");
 
                               }
 
                               }
 
         if (NineLOCSnum == 9) $("#slideoutco").fadeOut(0);
 
         if (NineLOCSnum == 9) $("#slideoutco").fadeOut(0);
Line 537: Line 642:
 
             }
 
             }
 
             else switchMessage("BLUE","Your eyes are crystal clear! To avoid waste, please turn off the <b>TREATMENT</b> eyedrop.", currentColor()=="YELLOW");
 
             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+";
 
         if (LOCSnum > 6) LOCSnum = "6+";
 
         else LOCSnum = LOCSnum +" ";
 
         else LOCSnum = LOCSnum +" ";
Line 559: Line 664:
 
             else {startBlur(12000);}
 
             else {startBlur(12000);}
 
           }
 
           }
−
     if (!$("#redbutton").hasClass("isOn"))
+
     /**if (!$("#redbutton").hasClass("isOn"))
 
         if ($("#bluebutton").hasClass("isOn"))
 
         if ($("#bluebutton").hasClass("isOn"))
 
             {
 
             {
 
                 $("#slideoutco").fadeOut(0);
 
                 $("#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")
 
                 switchMessage("BLUE","Great! Furthur cataract formation is prevented with GSR Eyedrops. Now use <b>TREATMENT</b> eyedrops one last time.", currentColor()=="RED")
−
             }
+
             }*/
 
};
 
};
  
Line 690: Line 795:
 
             <div class="slider round redcolorbutton"></div>
 
             <div class="slider round redcolorbutton"></div>
 
         </label>
 
         </label>
−
         <h4><b> LOCS: <span id="LOCS">0 &#160;</span></b> &#160; &#160; <a href="https://2016.igem.org/Team:TAS_Taipei/Standard_Pages#Animation"><button  type="button" class="btn btn-danger btn-md">?</button> </a>
+
         <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>
Line 702: Line 807:
 
</div>
 
</div>
  
−
<div id="slideoutco" style="display:none">
+
<div id="slideoutco">
 
     <div id="slidecontentco">
 
     <div id="slidecontentco">
−
         <div id="slidecontenttext" class="alert alert-success fade in">
+
         <div id="slidecontenttext" class="alert alert-danger">
−
            <strong>Success!</strong> Indicates a successful or positive action.
+
            <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>
 
     </div>
Line 734: Line 841:
 
     height: 200px;
 
     height: 200px;
 
     width: 300px;
 
     width: 300px;
−
     top: 70%;
+
     top: 78%;
−
     right:10px;
+
     right:1%;
 
     padding-left: 10px;
 
     padding-left: 10px;
 
     padding-right: 10px;
 
     padding-right: 10px;
Line 833: Line 940:
 
.slider.round:before {
 
.slider.round:before {
 
   border-radius: 50%;
 
   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>
 
</style>
Line 846: Line 966:
 
      
 
      
 
});
 
});
 +
  
  

Latest revision as of 03:50, 3 December 2016

Team - TAS Taipei iGEM Wiki




C◎UNTERACTS

Team

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

A team photo taken during the award ceremony for the Giant Jamboree photo. Though we were unfortunately cut off from the photo frame, we still have this amazing photo! Photo taken by Avery (bottom right), as a group selfie.

Members

To see team member attributions, click here (leads to attributions page).

Fiona Tsai

Huiru Huang

Moksha Shah

Avery Wang


Changsun Lee

Dennis Jang

Alvin Wang

Megan Yang


Austin Lai

Zach Verne

Angela Lu

Stephanie Cheng


Justin Yang

Catherine Yeh

Yvonne Wei

Kevin Liao

Hansen Tai

Aaron Cheng

Jason Hsu

Hellen Jang


Christy Yao

Jubi Lin

Jacqueline Chien

Andrew Chen


Justin Chang

Charlene Chang

Leon Yim

Jude Clapper

Teresa Chiang

Sean Tsao

Richard Brundage

About Taipei American School

Taipei American School is a private independent school with an American-based curriculum located in Tianmu (T'ien-mu), Shilin District (Shih-lin), Taipei City. Most graduates of TAS go on to attend colleges and universities in United States, although some choose to attend schools in other countries. TAS strives to stay ahead of the curve in STEAM education. An important aspect of STEAM education is the 'E': Engineering. Our iGEM team represents the application of engineering beyond robotics.

About The Lab

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

Synthetic Biology

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







Prevention

GSR Eyedrop

Treatment

25HC Eyedrop

LOCS: 0      


Eyedrops




× Zoom out to see animation.          
Your screen resolution is too low unless you zoom out