Changeset 8d7967e in orbit for iOS


Ignore:
Timestamp:
08/25/13 17:53:52 (6 years ago)
Author:
Steve Castellotti <sc@…>
Branches:
master, Servo, Tab_Interface, pyramid
Children:
5425e1e
Parents:
48d2410
Message:

Tutorial:

  • HTML and CSS cleanup
Location:
iOS/Orbit
Files:
20 edited

Legend:

Unmodified
Added
Removed

  • iOS/Orbit/tutorial/index.html

    r48d2410 r8d7967e  
    1010   <center> 
    1111       
    12    <img src="puzzlebox_logo.pdf" width="240"> 
     12      <img src="puzzlebox_logo.pdf" width="240"> 
     13          
     14      Welcome to Puzzlebox Orbit 
    1315       
    14    Welcome to Puzzlebox Orbit 
    15     
    16    <p><img src="status_0@2x.png" height="160"><p> 
    17        
    18    <p>Please press "Next" to begin the tutorial</p> 
    19        
    20    <!--<a class='next button' onclick="parent.changePage('contents.html');">Next &raquo;</a>--> 
    21    <!-- 
    22       <div class="right"> 
    23          <a class='button' onclick="parent.changePage('contents.html');">Next &raquo;</a> 
    24       </div> 
    25    --> 
     16      <p><img src="status_0@2x.png" height="160"><p> 
     17          
     18      <p>Please press "Next" to begin the tutorial</p> 
    2619 
    27    <a class="right button" onclick="parent.changePage('contents.html');">Next &raquo;</a> 
     20      <a class="next button" onclick="parent.changePage('contents.html');">Next &raquo;</a> 
    2821 
    2922   </center> 

  • iOS/Orbit/tutorial/step01-1.html

    r48d2410 r8d7967e  
    1212      </center> 
    1313       
    14       <table class='table'> 
    15          <tbody> 
    16             <tr> 
    17                <td> 
    18                    
    19                   <center> 
    20                      <img src="tutorial-01-orbit.jpg" width="100%"> 
    21                         </center> 
    22                    
    23                </td> 
    24             </tr> 
    25             <!-- 
    26              <tr> 
    27              <td> 
    28              <a class='prev button' onclick="parent.changePage('contents.html');">&laquo; Back</a> 
    29              <a class='next button' onclick="parent.changePage('step01-2.html');">Next &raquo;</a> 
    30              </td> 
    31              </tr> 
    32              --> 
    33          </tbody> 
    34       </table> 
     14      <center> 
     15        <img src="tutorial-01-orbit.jpg" width="100%"> 
     16      </center> 
    3517       
    36        
    37       <!-- 
    38        <div class="outer"> 
    39        <div class="pipe">&nbsp;</div> 
    40        <div class="inner">I'm an inner div</div> 
    41         
    42       <div class="left"> 
    43          <a class='button' onclick="parent.changePage('contents.html');">&laquo; Back</a> 
    44       </div> 
    45       <div class="right"> 
    46          <a class='button' onclick="parent.changePage('step01-2.html');">Next &raquo;</a> 
    47       </div> 
    48       --> 
    49          <a class='left button' onclick="parent.changePage('contents.html');">&laquo; Back</a> 
    50          <a class='right button' onclick="parent.changePage('step01-2.html');">Next &raquo;</a> 
     18      <a class='prev button' onclick="parent.changePage('contents.html');">&laquo; Back</a> 
     19      <a class='next button' onclick="parent.changePage('step01-2.html');">Next &raquo;</a> 
    5120 
    52        
    5321   </body> 
    5422</html> 

  • iOS/Orbit/tutorial/step02-1.html

    r48d2410 r8d7967e  
    1616            <tr> 
    1717               <td> 
    18                    
    1918                  <center> 
    20                       
    2119                     <img src="tutorial-02-charging-orbit-angle.jpg" width="128" height="128"> 
    22                          
    23                         </center> 
     20                  </center> 
    2421               </td> 
    2522               <td> 
    2623                  <center> 
    27                       
    2824                     <img src="tutorial-02-charging-infrared.jpg" height="100"> 
    29                          
    30                         </center> 
    31                    
    32                    
     25                  </center> 
    3326               </td> 
    34                 
    35                <tr> 
    36                   <td> 
    37                      <center> 
    38                         <h3>Orbit</h3> 
     27            </tr> 
     28            <tr> 
     29               <td> 
     30                  <center> 
     31                     <h3>Orbit</h3> 
    3932                     </center> 
    40                   </td> 
    41                   <td> 
    42                      <center> 
    43                         <h3>Infrared</h3> 
    44                      </center> 
    45                   </td> 
    46                </tr> 
    47                 
    48                <tr> 
    49                   <td> 
    50                      <a class='prev button' onclick="parent.changePage('step01-2.html');">&laquo; Back</a> 
    51                   </td> 
    52                   <td> 
    53                      <a class='next button' onclick="parent.changePage('step02-2.html');">Next &raquo;</a> 
    54                   </td> 
    55                </tr> 
    56                </tbody> 
     33               </td> 
     34               <td> 
     35                  <center> 
     36                     <h3>Infrared</h3> 
     37                  </center> 
     38               </td> 
     39            </tr> 
     40         </tbody> 
    5741      </table> 
     42       
     43      <a class='prev button' onclick="parent.changePage('step01-2.html');">&laquo; Back</a> 
     44      <a class='next button' onclick="parent.changePage('step02-2.html');">Next &raquo;</a> 
    5845       
    5946   </body> 

  • iOS/Orbit/tutorial/step02-2.html

    r48d2410 r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body style="background-color:white;"> 
    99       
    … …  
    2121      <a class='next button' onclick="parent.changePage('step03.html');">Next &raquo;</a> 
    2222 
    23  
    2423   </body> 
    2524</html> 

  • iOS/Orbit/tutorial/step03.html

    r48d2410 r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body> 
    99       
    … …  
    1616            <tr> 
    1717               <td> 
    18                    
    1918                  <center> 
    20                       
    2119                     <img src="tutorial-03-connecting_infrared.jpg" height="80"> 
    22                          
    2320                     <img src="tutorial-03-infrared_connected.jpg" height="80"> 
    24                             
    2521                     <img src="tutorial-03-volume_max.jpg" height="80"> 
    26                                
    2722                  </center> 
    28                    
    2923               </td> 
    3024            </tr> 
    … …  
    3630                     </ul> 
    3731                  </center> 
    38                   </tr> 
    39             </td> 
    40              
    41             <tr> 
    42                <td> 
    43                   <div style="position:relative"> 
    44                      <div position: absolute; bottom> 
    45                   <a class='prev button' onclick="parent.changePage('step02-2.html');">&laquo; Back</a> 
    46                   <a class='next button' onclick="parent.changePage('step04.html');">Next &raquo;</a> 
    47                   </div> 
    4832               </td> 
    49             </tr> 
     33            </tr>            
    5034         </tbody> 
    5135      </table> 
    5236       
     37      <a class='prev button' onclick="parent.changePage('step02-2.html');">&laquo; Back</a> 
     38      <a class='next button' onclick="parent.changePage('step04.html');">Next &raquo;</a> 
     39       
    5340   </body> 
    5441</html> 

  • iOS/Orbit/tutorial/step04.html

    r48d2410 r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body> 
    99       
    … …  
    1212      </center> 
    1313       
    14       <table class='table'> 
    15          <tbody> 
    16             <tr> 
    17                <td> 
    18                                      
    19                   <center> 
    20                      <img src="tutorial-04-headset.jpg" width="100%"> 
    21                         </center> 
    22                    
    23                </td> 
    24                <tr> 
    25                   <td> 
    26                      <a class='prev button' onclick="parent.changePage('step03.html');">&laquo; Back</a> 
    27                      <a class='next button' onclick="parent.changePage('step05-1.html');">Next &raquo;</a> 
    28                   </td> 
    29                </tr> 
    30                </tbody> 
    31       </table> 
     14      <center> 
     15         <img src="tutorial-04-headset.jpg" width="100%"> 
     16      </center> 
    3217       
     18      <a class='prev button' onclick="parent.changePage('step03.html');">&laquo; Back</a> 
     19      <a class='next button' onclick="parent.changePage('step05-1.html');">Next &raquo;</a> 
     20 
    3321   </body> 
    3422</html> 

  • iOS/Orbit/tutorial/step05-1.html

    r6d0d67b r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body> 
    99       
    … …  
    1212      </center> 
    1313       
    14       <!-- 
    15        <table class='table'> 
    16        <tbody> 
    17        <tr> 
    18        <td> 
    19         
    20        <!-- 
    21        <center> 
    22        <img src="tutorial-05-1-bluetooth_pairing.png" width="100%" height="100%"> 
    23        </center> 
    24        --> 
    25        
    2614      <ul> 
    2715         <li>Please enable Bluetooth and pair your NeuroSky MindWave Mobile EEG headset with your device.</li> 
    … …  
    2917         <li>Once the blue pairing light is blinking, you can enter the "Bluetooth" menu of the iOS Settings app to search for your NeuroSky headset</li> 
    3018      </ul> 
    31       <!-- 
    32        </td> 
    33        <tr> 
    34        <td> 
    35        --> 
     19 
    3620      <a class='prev button' onclick="parent.changePage('step04.html');">&laquo; Back</a> 
    3721      <a class='next button' onclick="parent.changePage('step05-2.html');">Next &raquo;</a> 
    38       <!-- 
    39        </td> 
    40        </tr> 
    41        </tbody> 
    42        </table> 
    43        --> 
    4422       
    4523   </body> 

  • iOS/Orbit/tutorial/step05-2.html

    r6d0d67b r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body> 
    99       
    10       <!-- 
    1110      <center> 
    12          <h2>Bluetooth Connected</h2> 
     11         <h2>Bluetooth Scanning</h2> 
    1312      </center> 
    14       --> 
    1513       
    16       <table class='table'> 
    17          <tbody> 
    18             <tr> 
    19                <td> 
    20  
    21                   <center> 
    22                      <img src="tutorial-05-1-bluetooth_pairing.png" width="100%" height="100%"> 
    23                         </center> 
    24                    
    25                </td> 
    26                <tr> 
    27                   <td> 
    28                      <a class='prev button' onclick="parent.changePage('step05-1.html');">&laquo; Back</a> 
    29                      <a class='next button' onclick="parent.changePage('step05-3.html');">Next &raquo;</a> 
    30                   </td> 
    31                </tr> 
    32                </tbody> 
    33       </table> 
     14      <center> 
     15         <img src="tutorial-05-1-bluetooth_pairing.png" width="100%" height="100%"> 
     16         </center> 
     17       
     18      <a class='prev button' onclick="parent.changePage('step05-1.html');">&laquo; Back</a> 
     19      <a class='next button' onclick="parent.changePage('step05-3.html');">Next &raquo;</a> 
    3420       
    3521   </body> 

  • iOS/Orbit/tutorial/step05-3.html

    r6d0d67b r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body> 
    99       
    10       <!-- 
    1110      <center> 
    1211         <h2>Bluetooth Connected</h2> 
    1312      </center> 
    14       --> 
    1513       
    16       <table class='table'> 
    17          <tbody> 
    18             <tr> 
    19                <td> 
    20                    
    21                   <center> 
    22                      <img src="tutorial-05-2-eeg_connected.jpg" width="100%" height="100%"> 
    23                         </center> 
    24                    
    25                </td> 
    26                <tr> 
    27                   <td> 
    28                      <a class='prev button' onclick="parent.changePage('step05-2.html');">&laquo; Back</a> 
    29                      <a class='next button' onclick="parent.changePage('step06-1.html');">Next &raquo;</a> 
    30                   </td> 
    31                </tr> 
    32                </tbody> 
    33       </table> 
     14      <center> 
     15         <img src="tutorial-05-2-eeg_connected.jpg" width="100%" height="100%"> 
     16      </center> 
     17       
     18      <a class='prev button' onclick="parent.changePage('step05-2.html');">&laquo; Back</a> 
     19      <a class='next button' onclick="parent.changePage('step06-1.html');">Next &raquo;</a> 
    3420       
    3521   </body> 

  • iOS/Orbit/tutorial/step06-1.html

    r37edfa3 r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body> 
    99       
    … …  
    1414       --> 
    1515       
    16       <table class='table'> 
    17          <tbody> 
    18             <tr> 
    19                <td> 
    20                    
    21                   <center> 
    22                       
    23                      <h2>Proper wearing of the EEG HEadset</h2> 
    24                       
    25                      <img src="tutorial-06-1-headset_properly_worn-front.jpg" width="128" height="128"> 
    26                          
    27                         &nbsp;&nbsp; 
    28                          
    29                      <img src="tutorial-06-1-headset_properly_worn-side.jpg" width="128" height="128"> 
    30                          
    31                   </center> 
    32                    
    33                    
    34                   <!--                  <center> 
    35                    <img src="tutorial-06-1-headset_properly_worn.jpg" width="100%" height="300"> 
    36                    </center>--> 
    37                    
    38                </td> 
    39                <tr> 
    40                   <td> 
    41                      <a class='prev button' onclick="parent.changePage('step05-3.html');">&laquo; Back</a> 
    42                      <a class='next button' onclick="parent.changePage('step06-2.html');">Next &raquo;</a> 
    43                   </td> 
    44                </tr> 
    45                </tbody> 
    46       </table> 
     16      <center> 
     17 
     18         <h2>Proper wearing of the EEG Headset</h2> 
     19          
     20         <img src="tutorial-06-1-headset_properly_worn-front.jpg" width="128" height="128"> 
     21             
     22            &nbsp;&nbsp; 
     23             
     24         <img src="tutorial-06-1-headset_properly_worn-side.jpg" width="128" height="128"> 
     25             
     26      </center> 
     27       
     28      <a class='prev button' onclick="parent.changePage('step05-3.html');">&laquo; Back</a> 
     29      <a class='next button' onclick="parent.changePage('step06-2.html');">Next &raquo;</a> 
    4730       
    4831   </body> 

  • iOS/Orbit/tutorial/step06-2.html

    r37edfa3 r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body> 
    99       
     10      <center> 
    1011       
    11       <table class='table'> 
    12          <tbody> 
    13             <tr> 
    14                <td> 
    15                    
    16                   <center> 
    17                       
    18                      <h2>Verify connection points</h2> 
    19                       
    20                      <img src="tutorial-06-3-check_connection_points-forehead.jpg" width="128" height="128"> 
    21                          
    22                         &nbsp;&nbsp; 
    23                          
    24                         <img src="tutorial-06-3-check_connection_points-ear.jpg" width="128" height="128"> 
    25                             
    26                            </center> 
    27                    
    28                    
    29                   <!--                  <center> 
    30                    <img src="tutorial-06-1-headset_properly_worn.jpg" width="100%" height="300"> 
    31                    </center>--> 
    32                    
    33                </td> 
    34                <tr> 
    35                   <td> 
    36                      <a class='prev button' onclick="parent.changePage('step06-1.html');">&laquo; Back</a> 
    37                      <a class='next button' onclick="parent.changePage('step07.html');">Next &raquo;</a> 
    38                   </td> 
    39                </tr> 
    40                </tbody> 
    41       </table> 
    42        
    43        
    44       <!-- 
    45        <center> 
    46        <h2>Checking headset connection</h2> 
    47        </center> 
    48         
    49         
    50        <table class='table'> 
    51        <tbody> 
    52        <tr> 
    53        <td> 
    54         
    55        <center> 
    56        <img src="tutorial-06-2-check_headset.jpg" width="100%" height="300"> 
    57        </center> 
    58         
    59        </td> 
    60        <tr> 
    61        <td> 
    62        <a class='prev button' onclick="parent.changePage('step06-1.html');">&laquo; Back</a> 
    63        <a class='next button' onclick="parent.changePage('step06-3.html');">Next &raquo;</a> 
    64        </td> 
    65        </tr> 
    66        </tbody> 
    67        </table> 
    68        --> 
     12         <h2>Verify connection points</h2> 
     13          
     14         <img src="tutorial-06-3-check_connection_points-forehead.jpg" width="128" height="128"> 
     15             
     16            &nbsp;&nbsp; 
     17             
     18         <img src="tutorial-06-3-check_connection_points-ear.jpg" width="128" height="128"> 
     19                
     20      </center> 
     21 
     22      <a class='prev button' onclick="parent.changePage('step06-1.html');">&laquo; Back</a> 
     23      <a class='next button' onclick="parent.changePage('step07.html');">Next &raquo;</a> 
    6924       
    7025   </body> 

  • iOS/Orbit/tutorial/step06-3.html

    r6d0d67b r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body> 
    99       
    … …  
    1414       --> 
    1515       
    16       <table class='table'> 
    17          <tbody> 
    18             <tr> 
    19                <td> 
    20                    
    21                   <center> 
    22                      <img src="tutorial-06-3-check_connection_points.jpg" width="100%" height="300"> 
    23                         </center> 
    24                    
    25                </td> 
    26                <tr> 
    27                   <td> 
    28                      <a class='prev button' onclick="parent.changePage('step06-2.html');">&laquo; Back</a> 
    29                      <a class='next button' onclick="parent.changePage('step07.html');">Next &raquo;</a> 
    30                   </td> 
    31                </tr> 
    32                </tbody> 
    33       </table> 
     16      <center> 
     17         <img src="tutorial-06-3-check_connection_points.jpg" width="100%" height="300"> 
     18      </center> 
     19       
     20      <a class='prev button' onclick="parent.changePage('step06-2.html');">&laquo; Back</a> 
     21      <a class='next button' onclick="parent.changePage('step07.html');">Next &raquo;</a> 
    3422       
    3523   </body> 

  • iOS/Orbit/tutorial/step07.html

    r37edfa3 r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body> 
    99       
     10      <center> 
     11       <h2>Acquiring a clean signal</h2> 
     12      </center> 
     13       
     14      <center> 
     15         <img src="tutorial-07-acquiring_a_clean_signal.jpg" width="128" height="128"> 
     16      </center> 
    1017 
    11        <center> 
    12        <h2>Acquiring a clean signal</h2> 
    13        </center> 
    14  
    15        
    16       <table class='table'> 
    17          <tbody> 
    18             <tr> 
    19                <td> 
    20                    
    21                   <center> 
    22                      <img src="tutorial-07-acquiring_a_clean_signal.jpg" width="128" height="128"> 
    23                         </center> 
    24                    
    25                </td> 
    26                <tr> 
    27                   <td> 
    28                      <a class='prev button' onclick="parent.changePage('step06-3.html');">&laquo; Back</a> 
    29                      <a class='next button' onclick="parent.changePage('step08-1.html');">Next &raquo;</a> 
    30                   </td> 
    31                </tr> 
    32                </tbody> 
    33       </table> 
     18      <a class='prev button' onclick="parent.changePage('step06-3.html');">&laquo; Back</a> 
     19      <a class='next button' onclick="parent.changePage('step08-1.html');">Next &raquo;</a> 
    3420       
    3521   </body> 

  • iOS/Orbit/tutorial/step08-1.html

    r6d0d67b r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body> 
    99       
    … …  
    1414       --> 
    1515       
    16       <table class='table'> 
    17          <tbody> 
    18             <tr> 
    19                <td> 
    20                    
    21                   <center> 
    22                      <img src="tutorial-08-1-meters.jpg" width="100%" height="300"> 
    23                         </center> 
    24                    
    25                </td> 
    26                <tr> 
    27                   <td> 
    28                      <a class='prev button' onclick="parent.changePage('step07.html');">&laquo; Back</a> 
    29                      <a class='next button' onclick="parent.changePage('step08-2.html');">Next &raquo;</a> 
    30                   </td> 
    31                </tr> 
    32                </tbody> 
    33       </table> 
     16      <center> 
     17         <img src="tutorial-08-1-meters.jpg" width="100%" height="300"> 
     18      </center> 
     19       
     20      <a class='prev button' onclick="parent.changePage('step07.html');">&laquo; Back</a> 
     21      <a class='next button' onclick="parent.changePage('step08-2.html');">Next &raquo;</a> 
    3422       
    3523   </body> 

  • iOS/Orbit/tutorial/step08-2.html

    r6d0d67b r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body> 
    99       
    … …  
    1414       --> 
    1515       
    16       <table class='table'> 
    17          <tbody> 
    18             <tr> 
    19                <td> 
    20                    
    21                   <center> 
    22                      <img src="tutorial-08-2-attention.jpg" width="100%" height="300"> 
    23                         </center> 
    24                    
    25                </td> 
    26                <tr> 
    27                   <td> 
    28                      <a class='prev button' onclick="parent.changePage('step08-1.html');">&laquo; Back</a> 
    29                      <a class='next button' onclick="parent.changePage('step08-3.html');">Next &raquo;</a> 
    30  
    31                   </td> 
    32                </tr> 
    33                </tbody> 
    34       </table> 
     16      <center> 
     17         <img src="tutorial-08-2-attention.jpg" width="100%" height="300"> 
     18      </center> 
     19       
     20      <a class='prev button' onclick="parent.changePage('step08-1.html');">&laquo; Back</a> 
     21      <a class='next button' onclick="parent.changePage('step08-3.html');">Next &raquo;</a> 
    3522       
    3623   </body> 

  • iOS/Orbit/tutorial/step08-3.html

    r6d0d67b r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body> 
    99       
    … …  
    1414       --> 
    1515       
    16       <table class='table'> 
    17          <tbody> 
    18             <tr> 
    19                <td> 
    20                    
    21                   <center> 
    22                      <img src="tutorial-08-3-meditation.jpg" width="100%" height="300"> 
    23                         </center> 
    24                    
    25                </td> 
    26                <tr> 
    27                   <td> 
    28                      <a class='prev button' onclick="parent.changePage('step08-2.html');">&laquo; Back</a> 
    29                      <a class='next button' onclick="parent.changePage('step09.html');">Next &raquo;</a> 
    30                   </td> 
    31                </tr> 
    32                </tbody> 
    33       </table> 
     16      <center> 
     17         <img src="tutorial-08-3-meditation.jpg" width="100%" height="300"> 
     18      </center> 
     19       
     20      <a class='prev button' onclick="parent.changePage('step08-2.html');">&laquo; Back</a> 
     21      <a class='next button' onclick="parent.changePage('step09.html');">Next &raquo;</a> 
    3422       
    3523   </body> 

  • iOS/Orbit/tutorial/step09.html

    r6d0d67b r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body> 
    99       
    … …  
    1414       --> 
    1515       
    16       <table class='table'> 
    17          <tbody> 
    18             <tr> 
    19                <td> 
    20                    
    21                   <center> 
    22                      <img src="tutorial-09-flight.jpg" width="100%" height="300"> 
    23                         </center> 
    24                    
    25                </td> 
    26                <tr> 
    27                   <td> 
    28                      <a class='prev button' onclick="parent.changePage('step08-3.html');">&laquo; Back</a> 
    29                      <a class='next button' onclick="parent.changePage('step10.html');">Next &raquo;</a> 
    30                   </td> 
    31                </tr> 
    32                </tbody> 
    33       </table> 
     16      <center> 
     17         <img src="tutorial-09-flight.jpg" width="100%" height="300"> 
     18      </center> 
     19 
     20      <a class='prev button' onclick="parent.changePage('step08-3.html');">&laquo; Back</a> 
     21      <a class='next button' onclick="parent.changePage('step10.html');">Next &raquo;</a> 
    3422       
    3523   </body> 

  • iOS/Orbit/tutorial/step10.html

    r37edfa3 r8d7967e  
    33   <head> 
    44      <meta name="viewport" content="width=device-width"> 
    5          <link rel="stylesheet" type="text/css" href="style.css"> 
    6             <title>Orbit Tutorial</title> 
    7             </head> 
     5      <link rel="stylesheet" type="text/css" href="style.css"> 
     6      <title>Orbit Tutorial</title> 
     7   </head> 
    88   <body> 
    99       
    … …  
    1919      </ul> 
    2020       
    21       <table class='table'> 
    22          <tbody> 
    23             <tr> 
    24                <td> 
    25                   <a class='prev button' onclick="parent.changePage('step09.html');">&laquo; Back</a> 
    26                   <a class='next button' onclick="parent.changePage('index.html');">Restart &raquo;</a> 
    27                </td> 
    28             </tr> 
    29          </tbody> 
    30       </table> 
     21      <a class='prev button' onclick="parent.changePage('step09.html');">&laquo; Back</a> 
     22      <a class='next button' onclick="parent.changePage('index.html');">Restart &raquo;</a> 
    3123       
    3224   </body> 

  • iOS/Orbit/tutorial/style.css

    r48d2410 r8d7967e  
    88    -webkit-border-radius: 5px; 
    99} 
    10 .prev { 
     10 
     11.left { 
    1112    float: left; 
    1213} 
    13 .next { 
     14 
     15.right { 
    1416    float: right; 
    1517} 
    16 .left { 
     18 
     19.center { 
     20    float: center; 
     21} 
     22 
     23.prev { 
    1724  position: absolute;  
    1825  top: 100%;  
    … …  
    2128  margin-left: 5px; 
    2229} 
    23 .right { 
     30 
     31.next { 
    2432  position: absolute;  
    2533  top: 100%;  
    … …  
    2836  margin-right: 5px; 
    2937} 
    30 .center { 
    31     float: center; 
    32 } 
     38 
    3339.table { 
    3440    width: 100%; 
    … …  
    3642    border: 0px; 
    3743} 
    38 .outer {  
    39     background: #cfc; width: 100%; 
    40     position: relative;  
    41      
    42 } 
    43 .inner { 
    44     background: #ffc; 
    45     width: 100px; 
    46     height: 60px; 
    47  
    48 } 
    49 .inner { 
    50     float:right; 
    51     position:absolute; 
    52     bottom:0px; 
    53     right:0; 
    54     clear:right 
    55 } 
    56 .pipe{ 
    57     width:0px;  
    58     float:right 
    59  
    60 } 
    61 .test { 
    62     position: absolute; 
    63     bottom: 0px; 
    64     height: 60px; 
    65 } 
    66 .bottom { 
    67   position: absolute;  
    68   height: 100px;  
    69   top: 100%;  
    70   margin-top:-100px;  
    71 } 
    72 .side { 
    73     float:right; 
    74     position:absolute; 
    75     bottom:0px; 
    76     right:0; 
    77     clear:right 
    78 } 
    79 .turtle { 
    80   position: absolute;  
    81   height: 100px;  
    82   top: 100%;  
    83   margin-top: -100px; 
    84   right: 0; 
    85   bottom: 0; 
    86   margin-right: 5px; 
    87 } 
Note: See TracChangeset for help on using the changeset viewer.