(Created page with "{{TAS Taipei/CSS}} <html> <head> <title>Wiki Standard Pages - TAS Taipei iGEM Wiki</title> <style type='text/css'> #top_title, #sideMenu{ display: none;...") |
|||
(9 intermediate revisions by 2 users not shown) | |||
Line 67: | 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 84: | 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 91: | 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 108: | 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 118: | 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 152: | 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 158: | 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 188: | 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 194: | 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 231: | Line 231: | ||
<div id="category_navbar"> | <div id="category_navbar"> | ||
<ul class="nav nav-list" data-spy="affix" data-offset-top="160" style='-webkit-transform: translateZ(0);width:160px;margin-left:0' > | <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="# | + | <li><a href="#philsophy">Wiki Philsophy</a></li> |
− | <li><a href="# | + | <li><a href="#sitemap">Sitemap</a></li> |
− | <li><a href="# | + | <li><a href="#medal">Medal Requirements</a></li> |
− | + | <li><a href="#animation">Animation</a></li> | |
− | <li><a href="# | + | |
</ul> | </ul> | ||
</div> | </div> | ||
Line 249: | Line 248: | ||
<h1 id='overview'>Standard Pages</h1> | <h1 id='overview'>Standard Pages</h1> | ||
− | < | + | <h2 id="philsophy"> Wiki Philsophy </h2> |
<div class="container;col-sm-10"> | <div class="container;col-sm-10"> | ||
− | <div class=" | + | <div class="row"> |
− | + | <div class="col-sm-9"> | |
− | + | <p>In making our Wiki, we strive to make navigation as simple and intuitive as possible. To achieve this goal, all material is placed on five pages: Project Background, Experimental Summary, Model, Human Practice Summary, and Safety. Everything we did is documented on these pages.</p> | |
− | + | ||
− | <p>In making our Wiki, we strive to make navigation as simple and intuitive as possible. | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <h2> Sitemap</h2> | + | <p>Other important pages, such as attributions, collaborations, team, notebook, parts, etc, can also be accessed via the navigation bar.</p> |
+ | |||
+ | <p>This year, iGEM rules require teams to place all information that are presented to the judges to be placed on static Standard Pages. Although we create these pages, the only intended audience are judges. Normal visitors should not visit these pages; the major five pages in the navigation contains all information.</p> | ||
+ | </div> | ||
+ | <div class="col-sm-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/1/1e/T--TAS_Taipei--Best_Wiki.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <h2 id="sitemap"> Sitemap</h2> | ||
<div class="container;col-sm-9"> | <div class="container;col-sm-9"> | ||
<table class="table table-hover"> | <table class="table table-hover"> | ||
Line 275: | Line 276: | ||
<tr> | <tr> | ||
<td rowspan="1">Home Page</td> | <td rowspan="1">Home Page</td> | ||
− | <td><a href="https://2016.igem.org/Team:TAS_Taipei | + | <td><a href="https://2016.igem.org/Team:TAS_Taipei">Home Page</a></td> |
<td>Yes</td> | <td>Yes</td> | ||
<td>Required</td> | <td>Required</td> | ||
Line 449: | Line 450: | ||
</table> | </table> | ||
</div> | </div> | ||
− | <h2> Medal Requirements</h2> | + | <h2 id="medal"> Medal Requirements</h2> |
<div class="container;col-sm-9"> | <div class="container;col-sm-9"> | ||
<table class="table table-hover"> | <table class="table table-hover"> | ||
Line 476: | Line 477: | ||
<td>#3</td> | <td>#3</td> | ||
<td><a href="https://2016.igem.org/Team:TAS_Taipei/Attributions">Attributions</a></td> | <td><a href="https://2016.igem.org/Team:TAS_Taipei/Attributions">Attributions</a></td> | ||
− | <td> | + | <td>Yes</td> |
</tr> | </tr> | ||
Line 482: | Line 483: | ||
<td>#4</td> | <td>#4</td> | ||
<td><a href="https://2016.igem.org/Team:TAS_Taipei/Parts">Parts Summary</a></td> | <td><a href="https://2016.igem.org/Team:TAS_Taipei/Parts">Parts Summary</a></td> | ||
− | <td> | + | <td>Yes</td> |
</tr> | </tr> | ||
Line 489: | Line 490: | ||
<td>#1</td> | <td>#1</td> | ||
<td><a href="https://2016.igem.org/Team:TAS_Taipei/Parts">Parts Summary</a></td> | <td><a href="https://2016.igem.org/Team:TAS_Taipei/Parts">Parts Summary</a></td> | ||
− | <td> | + | <td>Yes</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
<td>#2</td> | <td>#2</td> | ||
<td><a href="https://2016.igem.org/Team:TAS_Taipei/Collaborations">Collaborations</a></td> | <td><a href="https://2016.igem.org/Team:TAS_Taipei/Collaborations">Collaborations</a></td> | ||
− | <td> | + | <td>Yes</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
<td>#3</td> | <td>#3</td> | ||
<td><a href="https://2016.igem.org/Team:TAS_Taipei/HP/Silver">HP Silver</a></td> | <td><a href="https://2016.igem.org/Team:TAS_Taipei/HP/Silver">HP Silver</a></td> | ||
− | <td> | + | <td>Yes</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
Line 505: | Line 506: | ||
<td>#1</td> | <td>#1</td> | ||
<td><a href="https://2016.igem.org/Team:TAS_Taipei/HP/Gold">HP Gold</a></td> | <td><a href="https://2016.igem.org/Team:TAS_Taipei/HP/Gold">HP Gold</a></td> | ||
− | <td> | + | <td>Yes</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
<td>#2</td> | <td>#2</td> | ||
<td><a href="https://2016.igem.org/Team:TAS_Taipei/Description">Description</a></td> | <td><a href="https://2016.igem.org/Team:TAS_Taipei/Description">Description</a></td> | ||
− | <td> | + | <td>Yes</td> |
</tr> | </tr> | ||
Line 517: | Line 518: | ||
<td>#3</td> | <td>#3</td> | ||
<td><a href="https://2016.igem.org/Team:TAS_Taipei/Proof">Proof of Concept</a></td> | <td><a href="https://2016.igem.org/Team:TAS_Taipei/Proof">Proof of Concept</a></td> | ||
− | <td> | + | <td>Yes</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
<td>#4</td> | <td>#4</td> | ||
<td><a href="https://2016.igem.org/Team:TAS_Taipei/Demonstrate">Demonstrate</a></td> | <td><a href="https://2016.igem.org/Team:TAS_Taipei/Demonstrate">Demonstrate</a></td> | ||
− | <td> | + | <td>Yes</td> |
</tr> | </tr> | ||
Line 532: | Line 533: | ||
</table> | </table> | ||
</div> | </div> | ||
+ | |||
+ | <h2 id="Animation">Animation</h2> | ||
+ | <p>We created a cool animation on this website. For the home page and this page (Wiki Standard Pages), the animation is automatically turned on, and a tutorial popup is displayed. For other pages, to avoid being a distraction, the animation is disabled unless the user manually activates it, by turning off prevention.</p> | ||
+ | |||
+ | <p>You should notice that the background slowly blurs. This simulates how your vision is impaired when cataracts form. The beautiful view of Taipei, most notably the skyscraper Taipei 101, slowly blurs, as your screen develops cataracts. The page slowly lags as well, indicating that your day-to-day function is impeded by this lack of vision.</p> | ||
+ | |||
+ | <p>The popup offers a full tutorial on the animation. Using <b>Treatment (CH25H enzyme which produces 25HC) eyedrops</b>, you can reverse the cataracts, meaning that the screen slowly unblurs. However, you are instructed to turn this off as soon as the screen is clear, to avoid waste.</p> | ||
+ | |||
+ | <p>Then, the <b>Prevention (GSR) eyedrops</b> should be turned on, to prevent further cataracts from forming. By first reversing cataracts, and then turning on prevention, then your eyes (the screen) become pernamently clear.</p> | ||
+ | |||
+ | <p>The LOCS score, described in the Model, quantifies how severe your cataract is, from 0 to 6. As you develop cataracts on your screen, the score increases, and the screen blurs. When treatment is active, the LOCS score decreases.</p> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | <p><b>We would appreciate any comments or questions about this animation. Please send them to <b>averyw17113532@tas.tw</b>. We hope it is instructive, making it easier to understand the purpose and function of our two types of eyedrops.</b></p> | ||
+ | |||
+ | |||
</div> | </div> | ||
Line 573: | Line 591: | ||
$(function() { | $(function() { | ||
if (screen.width < 1400) | if (screen.width < 1400) | ||
− | document.body.style.zoom=" | + | document.body.style.zoom="80%"; // zoom in or out feature |
else if (screen.width < 1500) | else if (screen.width < 1500) | ||
− | document.body.style.zoom = " | + | document.body.style.zoom = "90%"; |
else if (screen.width < 1600) | else if (screen.width < 1600) | ||
− | document.body.style.zoom=" | + | document.body.style.zoom="100%"; |
else if (screen.width < 1700) | else if (screen.width < 1700) | ||
− | document.body.style.zoom=" | + | document.body.style.zoom="100%"; |
else if (screen.width < 1800) | else if (screen.width < 1800) | ||
− | document.body.style.zoom=" | + | document.body.style.zoom="100%"; |
else document.body.style.zoom="100%"; | else document.body.style.zoom="100%"; | ||
$({blurRadius: 0}).animate({blurRadius: 10}, { | $({blurRadius: 0}).animate({blurRadius: 10}, { | ||
Line 822: | Line 840: | ||
<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 986: | Line 1,004: | ||
</html> | </html> | ||
+ | Wi |
Latest revision as of 04:06, 3 December 2016
Standard Pages
Wiki Philsophy
In making our Wiki, we strive to make navigation as simple and intuitive as possible. To achieve this goal, all material is placed on five pages: Project Background, Experimental Summary, Model, Human Practice Summary, and Safety. Everything we did is documented on these pages.
Other important pages, such as attributions, collaborations, team, notebook, parts, etc, can also be accessed via the navigation bar.
This year, iGEM rules require teams to place all information that are presented to the judges to be placed on static Standard Pages. Although we create these pages, the only intended audience are judges. Normal visitors should not visit these pages; the major five pages in the navigation contains all information.
Sitemap
Section | Standard Page | Completed | Type/Requirement |
---|---|---|---|
Home Page | Home Page | Yes | Required |
Project | Description | Yes | Gold #2 |
Background | Yes | Non-evaluated | |
Achievements | Yes | Non-evaluated | |
Collaborations | Yes | Silver #2 | |
Applied Design | Yes | Special | |
Parts | Parts Summary | Yes | Bronze #4, Silver #1 |
Basic Part | Yes | Special | |
Composite Part | Yes | Special | |
Part Collection | Yes | Special | |
Experimental | Experimental Summary | Yes | Non-evaluated |
Experiments | No | Non-evaluated | |
Results | No | Non-evaluated | |
Proof of Concept | Yes | Gold #3 | |
Demonstrate | Yes | Gold #4 | |
Notebook | Yes | Non-evaluated | |
Measurement | No | Special | |
Model | Model | Yes | Special |
Software | Yes | Special | |
Hardware | No | Special | |
Human Practices | HP Summary | Yes | Non-evaluated |
HP Silver | Yes | Silver #3 | |
HP Gold | Yes | Gold #1 | |
Integrated HP | Yes | Special | |
Engagement | Yes | Special | |
Entrepreneurship | Yes | Special | Safety | Safety | Yes | Non-evaluated |
Team | Team | Yes | Non-evaluated |
Attributions | Yes | Bronze #3 |
Medal Requirements
Section | Requirement | Standard Page | Completed |
---|---|---|---|
Bronze | #1 | Registration | Page not required |
#2 | Deliverables | Page not required | |
#3 | Attributions | Yes | |
#4 | Parts Summary | Yes | |
Silver | #1 | Parts Summary | Yes |
#2 | Collaborations | Yes | |
#3 | HP Silver | Yes | |
Gold | #1 | HP Gold | Yes |
#2 | Description | Yes | |
#3 | Proof of Concept | Yes | |
#4 | Demonstrate | Yes |
Animation
We created a cool animation on this website. For the home page and this page (Wiki Standard Pages), the animation is automatically turned on, and a tutorial popup is displayed. For other pages, to avoid being a distraction, the animation is disabled unless the user manually activates it, by turning off prevention.
You should notice that the background slowly blurs. This simulates how your vision is impaired when cataracts form. The beautiful view of Taipei, most notably the skyscraper Taipei 101, slowly blurs, as your screen develops cataracts. The page slowly lags as well, indicating that your day-to-day function is impeded by this lack of vision.
The popup offers a full tutorial on the animation. Using Treatment (CH25H enzyme which produces 25HC) eyedrops, you can reverse the cataracts, meaning that the screen slowly unblurs. However, you are instructed to turn this off as soon as the screen is clear, to avoid waste.
Then, the Prevention (GSR) eyedrops should be turned on, to prevent further cataracts from forming. By first reversing cataracts, and then turning on prevention, then your eyes (the screen) become pernamently clear.
The LOCS score, described in the Model, quantifies how severe your cataract is, from 0 to 6. As you develop cataracts on your screen, the score increases, and the screen blurs. When treatment is active, the LOCS score decreases.
We would appreciate any comments or questions about this animation. Please send them to averyw17113532@tas.tw. We hope it is instructive, making it easier to understand the purpose and function of our two types of eyedrops.