Difference between revisions of "Team:TAS Taipei/Wiki Standard Pages"

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="#overview">Overview</a></li>
+
<li><a href="#philsophy">Wiki Philsophy</a></li>
<li><a href="#crystallin">Crystallin</a></li>
+
<li><a href="#sitemap">Sitemap</a></li>
<li><a href="#gsr25hc">GSR/25HC</a></li>
+
<li><a href="#medal">Medal Requirements</a></li>
<li><a href="#nanoparticle">Nanoparticles</a></li>
+
<li><a href="#animation">Animation</a></li>
<li><a href="#eyedrop">Eyedrop</a></li>
+
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 249: Line 248:
 
<h1 id='overview'>Standard Pages</h1>
 
<h1 id='overview'>Standard Pages</h1>
 
                          
 
                          
   <h3> Wiki Philsophy </h3>                                   
+
   <h2 id="philsophy"> Wiki Philsophy </h2>                                   
 
   <div class="container;col-sm-10">
 
   <div class="container;col-sm-10">
                            <div class="panel panel-default">
+
               
    <div class="panel-heading">This Page is Disabled</div>
+
                                 <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>
    <div class="panel-body">This page is temporarily disabled by the site administrator for some reason.<br> <a href="#">Click here</a> to enable the page.</div>
+
                           
</div>
+
                                 <p>Other important pages, such as attributions, collaborations, team, notebook, parts, etc, can also be accessed via the navigation bar.</p>
                                 <p>In making our Wiki, we strive to make navigation as simple and intuitive as possible. Therefore, all documentation of our project is placed on main pages accessible through the navigation bar.</p>
+
                              
                                <p>Under the project tab, you can reach the background, achievements, collaborations, and parts page, which are all on seperate pages.</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.c</p>
                                 <p>Under the experiments, model, human practice, and biosafety tabs, you can access various sections within that page. For example, under human practice, all of research, outreach, and buisness and marketing sections can be accessed, although all three sections are placed on one single page, the human practice page. </p>
+
 
                             <h2> Standard Pages</h2>
+
                                 <p>This year, iGEM rules require teams to place all information that are presented to the judges to be placed on static Standard Pages. Below is a table of all Standard Pages, organized by the section which information is pulled from. </p>
+
 
                              
 
                              
                             <h2> Sitemap</h2>
+
                             <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 449: Line 446:
 
                                 </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 473:
 
                                             <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>No</td>
+
                                             <td>Yes</td>
  
 
                                         </tr>
 
                                         </tr>
Line 482: Line 479:
 
                                             <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>No</td>
+
                                             <td>Yes</td>
  
 
                                         </tr>
 
                                         </tr>
Line 489: Line 486:
 
                                             <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>No</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>No</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>No</td>
+
                                             <td>Yes</td>
 
                                         </tr>
 
                                         </tr>
 
                                         <tr>
 
                                         <tr>
Line 505: Line 502:
 
                                             <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>No</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>No</td>
+
                                             <td>Yes</td>
 
                                         </tr>
 
                                         </tr>
 
                                          
 
                                          
Line 517: Line 514:
 
                                             <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>No</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>No</td>
+
                                             <td>Yes</td>
 
                                         </tr>
 
                                         </tr>
  
Line 532: Line 529:
 
                                 </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.</p>
 +
                       
 +
                        <p>Then, the <b>Prevention (GSR) eyedrops</b> should be turned on, to prevent further cataract formation. By first reversing cataracts, and then turning on prevention, then your eyes 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. 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 822: Line 836:
 
             <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>

Revision as of 18:28, 19 October 2016

Wiki Standard Pages - TAS Taipei iGEM Wiki





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.c

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.

Then, the Prevention (GSR) eyedrops should be turned on, to prevent further cataract formation. By first reversing cataracts, and then turning on prevention, then your eyes 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. 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.




Prevention

GSR Eyedrop

Treatment

25HC Eyedrop

LOCS: 0      


Eyedrops