Line 3: | Line 3: | ||
<head> | <head> | ||
− | <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/ | + | <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: | + | 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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<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/ | + | <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/ | + | <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/ | + | <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 | + | <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:// | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <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> | ||
</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# | + | <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# | + | <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# | + | <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# | + | <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/ | + | <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 | + | <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/ | + | <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/ | + | <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> | + | <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# | + | <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# | + | <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# | + | <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# | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <img src="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_Icon_Team.png"> |
− | <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: | + | <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/ | + | <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/ | + | <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> | |
− | <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:// | + | <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/ | + | <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(); | |
} | } | ||
}); | }); | ||
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 | + | 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  </span></b>     <a href="https://2016.igem.org/Team:TAS_Taipei/ | + | <h4><b> LOCS: <span id="LOCS">0  </span></b>     <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 | + | <div id="slideoutco"> |
<div id="slidecontentco"> | <div id="slidecontentco"> | ||
− | <div id="slidecontenttext" class="alert alert- | + | <div id="slidecontenttext" class="alert alert-danger"> |
− | + | <p style="font-size:14px !important"> <a href="#" class="close" data-dismiss="alert">×</a> | |
+ | <strong>Zoom out to see animation.</strong>          <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: | + | top: 78%; |
− | right: | + | 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
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
Christopher Yen
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".
×
Zoom out to see animation.
Your screen resolution is too low unless you zoom out