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

Line 3: Line 3:
  
 
<head>
 
<head>
−
<title>Project Description - TAS Taipei iGEM Wiki</title>
+
<title>Part Collection - 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 22: Line 22:
  
 
<body data-spy="scroll" data-target="#category_navbar">
 
<body data-spy="scroll" data-target="#category_navbar">
−
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2014hs/2/2f/Tas_igemlogo.png">
+
<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 href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  
Line 43: Line 43:
  
 
<style type='text/css'>
 
<style type='text/css'>
−
p{font-family: Lato !important; font-size:15px !important;}
+
p{font-family: Lato !important; font-size:17px !important}
 
h1{font-size:40-px !important;}
 
h1{font-size:40-px !important;}
 
body{font-family:Lato !important;}
 
body{font-family:Lato !important;}
Line 60: Line 60:
 
</script>
 
</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":"Bryan Tseng","photo_url":"https://static.igem.org/mediawiki/2015/e/e0/BTseng.JPG","question_1":"I became interested in iGem and synthetic biology because I am amazed by how engineering can be used as an approach to understand biology. The diverse range of ideas that iGem spurs is also phenomenal.","question_2":"Something impactful to the world"},
 
−
{"name":"Andrew Chen","photo_url":"https://static.igem.org/mediawiki/2015/b/b4/AWiggins.JPG","question_1":"I was given an opportunity to intern under a immuno-therapy professor. I really liked working under him so I decided to give iGEM a shot.","question_2":"I would like to become an entrepreneur/ businessman so I could put my creativity and knowledge into creating things that can benefit or improve the lives of others."},
 
−
{"name":"Joseph Chuang","photo_url":"https://static.igem.org/mediawiki/2015/2/25/JChuang.JPG","question_1":"I appreciate the interdisciplinary aspect of iGEM. Aside from its strong focus on science which I really enjoyed, iGEM also incorporates human, design and technological elements. I learned what synthetic biology meant for humanity as a whole.","question_2":"Go on Mars and not get stranded"},
 
−
{"name":"Daphne Liu","photo_url":"https://static.igem.org/mediawiki/2015/2/2f/DLiu.JPG","question_1":"Every time I passed by the lab last year, I saw iGEMers mesmerized, cheered and frustrated over bottles of water-like liquid. I asked myself “what kind of magic portion is that? I have to find out!”  So I joined iGEM.  (turns out to be E. coli- not disappointed) I also joined iGEM because of the growing role synthetic biology plays in health, food, and environmental issues. Rather than passively letting it seep into my life, I joined iGEM to be a part of current and future trend!","question_2":" I have many ambitions and I am open to all opportunities. I am fascinated by many occupations such as \"pharmacist\", \"biotechnology patent lawyer\", \"big data scientist\" and \"WHO agent\". I will stay proactive, committed and flexible to find out what is right for me. Above all, I want to embrace my family motto \"Do what you love, and Love what you do.\" My life goal is to balance between career and personal hobbies, and do something spontaneous and crazy once in a while!"},
 
−
{"name":"Leon Yim","photo_url":"https://static.igem.org/mediawiki/2015/8/8e/LYim.JPG","question_1":"I first heard about iGEM from our instructor, Mr. Clapper. At the time, he was putting in orders for primers and explaining how you can literally synthesize DNA fragments if needed. Since then, I thought of iGEM as building new animals or hacking DNA to create your own super power. The power to play was available.","question_2":"I would like to become a scientist. Maybe I'll be a researcher in a lab. I want to live long doing what I love: science."},
 
−
{"name":"Evonne Pei","photo_url":"https://static.igem.org/mediawiki/2015/4/4b/EPei.jpg","question_1":"Through iGEM, I am able to create, plan, and build together a SynBio project with people of the same passion. I've always been interested in biology, and synthetic biology just takes it to the next level. It is amazing how we can use biology to assemble parts and create things that can help the people around us or the environment we are in.","question_2":"Have 10 pugs and a big backyard. Not exactly kidding about the previous statement- but to add to that, I would like to have a job in a biology related field."},
 
−
{"name":"Monica Lu","photo_url":"https://static.igem.org/mediawiki/2015/b/bf/MLu.jpg","question_1":"During the summer before my senior year, I was interning at a research lab at NYMU and found it quite interesting so I wanted to continue it somehow during the school year. From that experience, I found out that I wanted to be part of the whole research process, including coming up with the project which was something I did not get to do at NYMU. So I found that I would be able to get that opportunity by joining iGEM. And to me, synthetic biology just sounded fun in the sense that I could learn to manipulate genes to allow us to make bacteria do things that they were not originally able to do. So, I decided to give iGEM a try.","question_2":"Musician!"},
 
−
{"name":"Jonathan Chen","photo_url":"https://static.igem.org/mediawiki/2015/a/a8/JChen.jpg","question_1":"I got involved in iGem and synthetic biology because I like the topic of biology and I thought syn-bio could provide me with more knowledge and understanding on the subject. Also iGem made me feel like I'm part of a team working towards one goal; it's something very special.","question_2":"Professional baller"},
 
−
{"name":"Paul Chevassus","photo_url":"https://static.igem.org/mediawiki/2015/b/b2/PChevassus.jpg","question_1":"I got interested in the program via the iGEM club at our school. The science that was being presented captivated me and therefore I joined the program. ","question_2":"Not sure yet"},
 
−
{"name":"Kevin Huang","photo_url":"https://static.igem.org/mediawiki/2015/2/20/KHuang.jpg","question_1":"Synthetic biology is the forefront of STEM and - more importantly - the future of the medicine in the greater picture. My natural interest in biology is a key stepping stone that got me interested in iGEM, as it represents the best medium that bridges me with synthetic biology.","question_2":"Unnamed/Be Happy"},
 
−
{"name":"Phillip Teng","photo_url":"https://static.igem.org/mediawiki/2015/5/5b/PTeng.png","question_1":"It was a coincidence. I had to swim after school so I couldn't go off campus for research. As I started learning more and more about synthetic biology, I fell in love with it, and this is my second year participating in the iGEM competition!","question_2":"My dream career is to work on automating medical diagnosis and treatment. My life goal is to be a good person and hopefully influence a few people around me to live a meaningful life."},
 
−
{"name":"Jude Clapper","photo_url":"https://static.igem.org/mediawiki/2015/3/33/JClapper.JPG","question_1":"I'm a chemist by training, but I really got interested in synthetic biology because of the relatively straightforward approach to designing biological contructs.  I really enjoy the engineering aspect to synthetic biology and iGEM is the perfect competition in which to test yourself.","question_2":"Dream career is to be a scuba diving instructor in the South Pacific islands."},
 
−
{"name":"Teresa Chiang","photo_url":"https://static.igem.org/mediawiki/2015/0/04/TChiang.jpg","question_1":"My passion is in cellular and molecular biology, and I love the process of research: coming up with a fresh idea, designing (and redesigning) experiments to solve a problem, and finally getting an answer. iGEM offers students an amazing opportunity, not only to learn and grow as a researcher, but also to have fun!","question_2":"What I'm doing now-- teaching research!"},
 
−
{"name":"Edward \"Sabotage\" Hsieh","photo_url":"https://static.igem.org/mediawiki/2015/8/87/EHsieh.png","question_1":"Taking a class in the STEM fields which did not entail just learning material.    You have to think so much more in research than in other science classes, which makes it all the more interesting.","question_2":"As of now some sort of engineer, researcher, or health professional but might change given that I'm a freshman in college.  It's all about finding your passion."},
 
−
{"name":"Richard Brundage","photo_url":"https://static.igem.org/mediawiki/2015/4/43/RBrundage.jpg","question_1":"I got interested in synthetic biology because both of my parents work in pharmaceuticals and because I really enjoyed seeing what our students were doing in the lab. I thought this was impossibly cool; how can I be a part of it?","question_2":"My life goal is to leave the world a better place than I found it."},
 
−
{"name":"Sean Tsao","photo_url":"https://static.igem.org/mediawiki/2015/7/72/STsao.jpg","question_1":"iGEM is fun and creative!","question_2":"My life goal is to travel around the world."}
 
−
];
 
  
−
$('#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 109: 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 126: 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 133: 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 150: 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 160: 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 194: 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 200: 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 230: 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 236: Line 194:
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Standard_Pages">Wiki Standard Pages</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages">Wiki Standard Pages</a></h5>
 
</div>
 
</div>
 
</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 251: 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 264: 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 391: Line 349:
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
    </div>
−
<br>
+
 +
<br><br><br><br>
 
<br><br>
 
<br><br>
  
 
<canvas id="canvas-container" style = "z-index:-1"></canvas>
 
<canvas id="canvas-container" style = "z-index:-1"></canvas>
−
<script type="text/javascript" src='https://2015.igem.org/Template:TAS_Taipei/js/field?action=raw&ctype=text/javascript'></script>
+
<script type="text/javascript" src='https://2016.igem.org/Template:TAS_Taipei/js/field?action=raw&ctype=text/javascript'></script>
  
 
</body>
 
</body>
Line 414: Line 373:
  
 
<div class="backgroundpic">
 
<div class="backgroundpic">
−
<img src="https://static.igem.org/mediawiki/2016/d/dd/T--TAS_Taipei--TaipeiBackground-reflected3.png" style="z-index:0" width="100%" height="100%" id="bg" alt="" >
+
<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>
 
</div>
  
Line 420: Line 379:
 
var nowRadius = 0
 
var nowRadius = 0
 
$(function() {
 
$(function() {
 +
    if (screen.width > 1800)
 +
      $("#slideoutco").fadeOut(0);
 +
   
 
     $({blurRadius: 0}).animate({blurRadius: 10}, {
 
     $({blurRadius: 0}).animate({blurRadius: 10}, {
 
         duration: 20000,
 
         duration: 20000,
Line 436: Line 398:
 
         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 467: Line 429:
 
         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 495: Line 457:
 
         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 506: Line 468:
 
             }
 
             }
 
             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 528: Line 490:
 
             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 659: Line 621:
 
             <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 671: Line 633:
 
</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 703: Line 667:
 
     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 802: Line 766:
 
.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 815: Line 792:
 
      
 
      
 
});
 
});
 +
  
  

Revision as of 16:10, 19 October 2016

Part Collection - 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!

Members

Click and scroll down for descriptions

What got you interested in synthetic biology?

Dream career or lifegoal?

Click on each member to see their responses!

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