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

 
(8 intermediate revisions by 2 users not shown)
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="row">
−
    <div class="panel-heading">This Page is Disabled</div>
+
                                <div class="col-sm-9">
−
    <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>
+
                                 <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>
+
−
                                 <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>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>
+
                                <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/Team">Home Page</a></td>
+
                                             <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>No</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>No</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>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 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>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 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>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 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="72%"; // zoom in or out feature
+
       document.body.style.zoom="80%"; // zoom in or out feature
 
     else if (screen.width < 1500)
 
     else if (screen.width < 1500)
−
       document.body.style.zoom = "77%";
+
       document.body.style.zoom = "90%";
 
     else if (screen.width < 1600)
 
     else if (screen.width < 1600)
−
       document.body.style.zoom="83%";
+
       document.body.style.zoom="100%";
 
     else if (screen.width < 1700)
 
     else if (screen.width < 1700)
−
       document.body.style.zoom="90%";
+
       document.body.style.zoom="100%";
 
     else if (screen.width < 1800)
 
     else if (screen.width < 1800)
−
       document.body.style.zoom="96%";
+
       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 &#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 986: Line 1,004:
  
 
</html>
 
</html>
 +
Wi

Latest revision as of 04:06, 3 December 2016

Wiki Standard Pages - TAS Taipei iGEM Wiki




C◎UNTERACTS

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.




Prevention

GSR Eyedrop

Treatment

25HC Eyedrop

LOCS: 0      


Eyedrops




Wi