- Timestamp:
- 08/25/13 17:53:52 (6 years ago)
- Branches:
- master, Servo, Tab_Interface, pyramid
- Children:
- 5425e1e
- Parents:
- 48d2410
- Location:
- iOS/Orbit
- Files:
-
- 20 edited
Legend:
- Unmodified
- Added
- Removed
-
iOS/Orbit/tutorial/index.html
r48d2410 r8d7967e 10 10 <center> 11 11 12 <img src="puzzlebox_logo.pdf" width="240"> 12 <img src="puzzlebox_logo.pdf" width="240"> 13 14 Welcome to Puzzlebox Orbit 13 15 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 »</a>--> 21 <!-- 22 <div class="right"> 23 <a class='button' onclick="parent.changePage('contents.html');">Next »</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> 26 19 27 <a class="right button" onclick="parent.changePage('contents.html');">Next »</a>20 <a class="next button" onclick="parent.changePage('contents.html');">Next »</a> 28 21 29 22 </center> -
iOS/Orbit/tutorial/step01-1.html
r48d2410 r8d7967e 12 12 </center> 13 13 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');">« Back</a> 29 <a class='next button' onclick="parent.changePage('step01-2.html');">Next »</a> 30 </td> 31 </tr> 32 --> 33 </tbody> 34 </table> 14 <center> 15 <img src="tutorial-01-orbit.jpg" width="100%"> 16 </center> 35 17 36 37 <!-- 38 <div class="outer"> 39 <div class="pipe"> </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');">« Back</a> 44 </div> 45 <div class="right"> 46 <a class='button' onclick="parent.changePage('step01-2.html');">Next »</a> 47 </div> 48 --> 49 <a class='left button' onclick="parent.changePage('contents.html');">« Back</a> 50 <a class='right button' onclick="parent.changePage('step01-2.html');">Next »</a> 18 <a class='prev button' onclick="parent.changePage('contents.html');">« Back</a> 19 <a class='next button' onclick="parent.changePage('step01-2.html');">Next »</a> 51 20 52 53 21 </body> 54 22 </html> -
iOS/Orbit/tutorial/step02-1.html
r48d2410 r8d7967e 16 16 <tr> 17 17 <td> 18 19 18 <center> 20 21 19 <img src="tutorial-02-charging-orbit-angle.jpg" width="128" height="128"> 22 23 </center> 20 </center> 24 21 </td> 25 22 <td> 26 23 <center> 27 28 24 <img src="tutorial-02-charging-infrared.jpg" height="100"> 29 30 </center> 31 32 25 </center> 33 26 </td> 34 35 36 37 38 27 </tr> 28 <tr> 29 <td> 30 <center> 31 <h3>Orbit</h3> 39 32 </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');">« Back</a> 51 </td> 52 <td> 53 <a class='next button' onclick="parent.changePage('step02-2.html');">Next »</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> 57 41 </table> 42 43 <a class='prev button' onclick="parent.changePage('step01-2.html');">« Back</a> 44 <a class='next button' onclick="parent.changePage('step02-2.html');">Next »</a> 58 45 59 46 </body> -
iOS/Orbit/tutorial/step02-2.html
r48d2410 r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body style="background-color:white;"> 9 9 … … 21 21 <a class='next button' onclick="parent.changePage('step03.html');">Next »</a> 22 22 23 24 23 </body> 25 24 </html> -
iOS/Orbit/tutorial/step03.html
r48d2410 r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body> 9 9 … … 16 16 <tr> 17 17 <td> 18 19 18 <center> 20 21 19 <img src="tutorial-03-connecting_infrared.jpg" height="80"> 22 23 20 <img src="tutorial-03-infrared_connected.jpg" height="80"> 24 25 21 <img src="tutorial-03-volume_max.jpg" height="80"> 26 27 22 </center> 28 29 23 </td> 30 24 </tr> … … 36 30 </ul> 37 31 </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');">« Back</a>46 <a class='next button' onclick="parent.changePage('step04.html');">Next »</a>47 </div>48 32 </td> 49 </tr> 33 </tr> 50 34 </tbody> 51 35 </table> 52 36 37 <a class='prev button' onclick="parent.changePage('step02-2.html');">« Back</a> 38 <a class='next button' onclick="parent.changePage('step04.html');">Next »</a> 39 53 40 </body> 54 41 </html> -
iOS/Orbit/tutorial/step04.html
r48d2410 r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body> 9 9 … … 12 12 </center> 13 13 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');">« Back</a> 27 <a class='next button' onclick="parent.changePage('step05-1.html');">Next »</a> 28 </td> 29 </tr> 30 </tbody> 31 </table> 14 <center> 15 <img src="tutorial-04-headset.jpg" width="100%"> 16 </center> 32 17 18 <a class='prev button' onclick="parent.changePage('step03.html');">« Back</a> 19 <a class='next button' onclick="parent.changePage('step05-1.html');">Next »</a> 20 33 21 </body> 34 22 </html> -
iOS/Orbit/tutorial/step05-1.html
r6d0d67b r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body> 9 9 … … 12 12 </center> 13 13 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 26 14 <ul> 27 15 <li>Please enable Bluetooth and pair your NeuroSky MindWave Mobile EEG headset with your device.</li> … … 29 17 <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> 30 18 </ul> 31 <!-- 32 </td> 33 <tr> 34 <td> 35 --> 19 36 20 <a class='prev button' onclick="parent.changePage('step04.html');">« Back</a> 37 21 <a class='next button' onclick="parent.changePage('step05-2.html');">Next »</a> 38 <!--39 </td>40 </tr>41 </tbody>42 </table>43 -->44 22 45 23 </body> -
iOS/Orbit/tutorial/step05-2.html
r6d0d67b r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body> 9 9 10 <!--11 10 <center> 12 <h2>Bluetooth Connected</h2>11 <h2>Bluetooth Scanning</h2> 13 12 </center> 14 -->15 13 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');">« Back</a> 29 <a class='next button' onclick="parent.changePage('step05-3.html');">Next »</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');">« Back</a> 19 <a class='next button' onclick="parent.changePage('step05-3.html');">Next »</a> 34 20 35 21 </body> -
iOS/Orbit/tutorial/step05-3.html
r6d0d67b r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body> 9 9 10 <!--11 10 <center> 12 11 <h2>Bluetooth Connected</h2> 13 12 </center> 14 -->15 13 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');">« Back</a> 29 <a class='next button' onclick="parent.changePage('step06-1.html');">Next »</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');">« Back</a> 19 <a class='next button' onclick="parent.changePage('step06-1.html');">Next »</a> 34 20 35 21 </body> -
iOS/Orbit/tutorial/step06-1.html
r37edfa3 r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body> 9 9 … … 14 14 --> 15 15 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 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');">« Back</a> 42 <a class='next button' onclick="parent.changePage('step06-2.html');">Next »</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 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');">« Back</a> 29 <a class='next button' onclick="parent.changePage('step06-2.html');">Next »</a> 47 30 48 31 </body> -
iOS/Orbit/tutorial/step06-2.html
r37edfa3 r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body> 9 9 10 <center> 10 11 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 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');">« Back</a> 37 <a class='next button' onclick="parent.changePage('step07.html');">Next »</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');">« Back</a> 63 <a class='next button' onclick="parent.changePage('step06-3.html');">Next »</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 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');">« Back</a> 23 <a class='next button' onclick="parent.changePage('step07.html');">Next »</a> 69 24 70 25 </body> -
iOS/Orbit/tutorial/step06-3.html
r6d0d67b r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body> 9 9 … … 14 14 --> 15 15 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');">« Back</a> 29 <a class='next button' onclick="parent.changePage('step07.html');">Next »</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');">« Back</a> 21 <a class='next button' onclick="parent.changePage('step07.html');">Next »</a> 34 22 35 23 </body> -
iOS/Orbit/tutorial/step07.html
r37edfa3 r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body> 9 9 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> 10 17 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');">« Back</a> 29 <a class='next button' onclick="parent.changePage('step08-1.html');">Next »</a> 30 </td> 31 </tr> 32 </tbody> 33 </table> 18 <a class='prev button' onclick="parent.changePage('step06-3.html');">« Back</a> 19 <a class='next button' onclick="parent.changePage('step08-1.html');">Next »</a> 34 20 35 21 </body> -
iOS/Orbit/tutorial/step08-1.html
r6d0d67b r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body> 9 9 … … 14 14 --> 15 15 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');">« Back</a> 29 <a class='next button' onclick="parent.changePage('step08-2.html');">Next »</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');">« Back</a> 21 <a class='next button' onclick="parent.changePage('step08-2.html');">Next »</a> 34 22 35 23 </body> -
iOS/Orbit/tutorial/step08-2.html
r6d0d67b r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body> 9 9 … … 14 14 --> 15 15 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');">« Back</a> 29 <a class='next button' onclick="parent.changePage('step08-3.html');">Next »</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');">« Back</a> 21 <a class='next button' onclick="parent.changePage('step08-3.html');">Next »</a> 35 22 36 23 </body> -
iOS/Orbit/tutorial/step08-3.html
r6d0d67b r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body> 9 9 … … 14 14 --> 15 15 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');">« Back</a> 29 <a class='next button' onclick="parent.changePage('step09.html');">Next »</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');">« Back</a> 21 <a class='next button' onclick="parent.changePage('step09.html');">Next »</a> 34 22 35 23 </body> -
iOS/Orbit/tutorial/step09.html
r6d0d67b r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body> 9 9 … … 14 14 --> 15 15 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');">« Back</a> 29 <a class='next button' onclick="parent.changePage('step10.html');">Next »</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');">« Back</a> 21 <a class='next button' onclick="parent.changePage('step10.html');">Next »</a> 34 22 35 23 </body> -
iOS/Orbit/tutorial/step10.html
r37edfa3 r8d7967e 3 3 <head> 4 4 <meta name="viewport" content="width=device-width"> 5 6 7 5 <link rel="stylesheet" type="text/css" href="style.css"> 6 <title>Orbit Tutorial</title> 7 </head> 8 8 <body> 9 9 … … 19 19 </ul> 20 20 21 <table class='table'> 22 <tbody> 23 <tr> 24 <td> 25 <a class='prev button' onclick="parent.changePage('step09.html');">« Back</a> 26 <a class='next button' onclick="parent.changePage('index.html');">Restart »</a> 27 </td> 28 </tr> 29 </tbody> 30 </table> 21 <a class='prev button' onclick="parent.changePage('step09.html');">« Back</a> 22 <a class='next button' onclick="parent.changePage('index.html');">Restart »</a> 31 23 32 24 </body> -
iOS/Orbit/tutorial/style.css
r48d2410 r8d7967e 8 8 -webkit-border-radius: 5px; 9 9 } 10 .prev { 10 11 .left { 11 12 float: left; 12 13 } 13 .next { 14 15 .right { 14 16 float: right; 15 17 } 16 .left { 18 19 .center { 20 float: center; 21 } 22 23 .prev { 17 24 position: absolute; 18 25 top: 100%; … … 21 28 margin-left: 5px; 22 29 } 23 .right { 30 31 .next { 24 32 position: absolute; 25 33 top: 100%; … … 28 36 margin-right: 5px; 29 37 } 30 .center { 31 float: center; 32 } 38 33 39 .table { 34 40 width: 100%; … … 36 42 border: 0px; 37 43 } 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:right55 }56 .pipe{57 width:0px;58 float:right59 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:right78 }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.