Changeset 48d2410 in orbit for iOS


Ignore:
Timestamp:
08/25/13 17:17:58 (6 years ago)
Author:
Steve Castellotti <sc@…>
Branches:
master, Servo, Tab_Interface, pyramid
Children:
8d7967e
Parents:
37edfa3
Message:

Tutorial:

  • button CSS cleanup
Location:
iOS/Orbit
Files:
5 added
2 deleted
10 edited

Legend:

Unmodified
Added
Removed
  • iOS/Orbit/orbit.xcodeproj/project.pbxproj

    r37edfa3 r48d2410  
    4949                28F90133179973EC003FB5ED /* AudioGenerator.m in Sources */ = {isa = PBXBuildFile; fileRef = 28F90132179973EC003FB5ED /* AudioGenerator.m */; }; 
    5050                524B4A3D17AF6E72009076BA /* step05-3.html in Resources */ = {isa = PBXBuildFile; fileRef = 524B4A3C17AF6E72009076BA /* step05-3.html */; }; 
    51                 524B4A3F17AF72BC009076BA /* step03-2.html in Resources */ = {isa = PBXBuildFile; fileRef = 524B4A3E17AF72BC009076BA /* step03-2.html */; }; 
    5251                52922BA817004D1400A39146 /* libCorePlot-CocoaTouch.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 52922BA717004D1400A39146 /* libCorePlot-CocoaTouch.a */; }; 
    5352                5296E9A417C46E510044FCF6 /* frame.html in Resources */ = {isa = PBXBuildFile; fileRef = 5296E9A317C46E510044FCF6 /* frame.html */; }; 
     
    6160                52E01A0D17C9012D008151B9 /* tutorial-02-charging-orbit.jpg in Resources */ = {isa = PBXBuildFile; fileRef = 52E01A0B17C9012D008151B9 /* tutorial-02-charging-orbit.jpg */; }; 
    6261                52E01A0F17C90185008151B9 /* step02-1.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E01A0E17C90185008151B9 /* step02-1.html */; }; 
     62                52E01A1317C90A1F008151B9 /* tutorial-02-charging-orbit-angle.jpg in Resources */ = {isa = PBXBuildFile; fileRef = 52E01A1017C90A1F008151B9 /* tutorial-02-charging-orbit-angle.jpg */; }; 
     63                52E01A1417C90A1F008151B9 /* tutorial-03-connecting_infrared.jpg in Resources */ = {isa = PBXBuildFile; fileRef = 52E01A1117C90A1F008151B9 /* tutorial-03-connecting_infrared.jpg */; }; 
     64                52E01A1517C90A1F008151B9 /* tutorial-03-infrared_connected.jpg in Resources */ = {isa = PBXBuildFile; fileRef = 52E01A1217C90A1F008151B9 /* tutorial-03-infrared_connected.jpg */; }; 
     65                52E01A1717C912E2008151B9 /* tutorial-03-volume_max.jpg in Resources */ = {isa = PBXBuildFile; fileRef = 52E01A1617C912E2008151B9 /* tutorial-03-volume_max.jpg */; }; 
    6366                52E3302D17AE9A8B00671D06 /* tutorial-04-headset.jpg in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302117AE9A8B00671D06 /* tutorial-04-headset.jpg */; }; 
    6467                52E3302E17AE9A8B00671D06 /* index.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302217AE9A8B00671D06 /* index.html */; }; 
     
    7073                52E3303417AE9A8B00671D06 /* step08-1.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302817AE9A8B00671D06 /* step08-1.html */; }; 
    7174                52E3303517AE9A8B00671D06 /* step09.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302917AE9A8B00671D06 /* step09.html */; }; 
    72                 52E3303617AE9A8B00671D06 /* step03-1.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302A17AE9A8B00671D06 /* step03-1.html */; }; 
     75                52E3303617AE9A8B00671D06 /* step03.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302A17AE9A8B00671D06 /* step03.html */; }; 
    7376                52E3303717AE9A8B00671D06 /* step10.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302B17AE9A8B00671D06 /* step10.html */; }; 
    7477                52E3303817AE9A8B00671D06 /* style.css in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302C17AE9A8B00671D06 /* style.css */; }; 
     
    153156                28F90132179973EC003FB5ED /* AudioGenerator.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = AudioGenerator.m; sourceTree = "<group>"; }; 
    154157                524B4A3C17AF6E72009076BA /* step05-3.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = "step05-3.html"; path = "tutorial/step05-3.html"; sourceTree = "<group>"; }; 
    155                 524B4A3E17AF72BC009076BA /* step03-2.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = "step03-2.html"; path = "tutorial/step03-2.html"; sourceTree = "<group>"; }; 
    156158                52922BA717004D1400A39146 /* libCorePlot-CocoaTouch.a */ = {isa = PBXFileReference; lastKnownFileType = archive.ar; path = "libCorePlot-CocoaTouch.a"; sourceTree = "<group>"; }; 
    157159                52922BA917004D4400A39146 /* CorePlot-CocoaTouch.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "CorePlot-CocoaTouch.h"; sourceTree = "<group>"; }; 
     
    240242                52E01A0B17C9012D008151B9 /* tutorial-02-charging-orbit.jpg */ = {isa = PBXFileReference; lastKnownFileType = image.jpeg; path = "tutorial-02-charging-orbit.jpg"; sourceTree = "<group>"; }; 
    241243                52E01A0E17C90185008151B9 /* step02-1.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = "step02-1.html"; path = "tutorial/step02-1.html"; sourceTree = "<group>"; }; 
     244                52E01A1017C90A1F008151B9 /* tutorial-02-charging-orbit-angle.jpg */ = {isa = PBXFileReference; lastKnownFileType = image.jpeg; path = "tutorial-02-charging-orbit-angle.jpg"; sourceTree = "<group>"; }; 
     245                52E01A1117C90A1F008151B9 /* tutorial-03-connecting_infrared.jpg */ = {isa = PBXFileReference; lastKnownFileType = image.jpeg; path = "tutorial-03-connecting_infrared.jpg"; sourceTree = "<group>"; }; 
     246                52E01A1217C90A1F008151B9 /* tutorial-03-infrared_connected.jpg */ = {isa = PBXFileReference; lastKnownFileType = image.jpeg; path = "tutorial-03-infrared_connected.jpg"; sourceTree = "<group>"; }; 
     247                52E01A1617C912E2008151B9 /* tutorial-03-volume_max.jpg */ = {isa = PBXFileReference; lastKnownFileType = image.jpeg; path = "tutorial-03-volume_max.jpg"; sourceTree = "<group>"; }; 
    242248                52E3302117AE9A8B00671D06 /* tutorial-04-headset.jpg */ = {isa = PBXFileReference; lastKnownFileType = image.jpeg; path = "tutorial-04-headset.jpg"; sourceTree = "<group>"; }; 
    243249                52E3302217AE9A8B00671D06 /* index.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = index.html; path = tutorial/index.html; sourceTree = "<group>"; }; 
     
    249255                52E3302817AE9A8B00671D06 /* step08-1.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = "step08-1.html"; path = "tutorial/step08-1.html"; sourceTree = "<group>"; }; 
    250256                52E3302917AE9A8B00671D06 /* step09.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = step09.html; path = tutorial/step09.html; sourceTree = "<group>"; }; 
    251                 52E3302A17AE9A8B00671D06 /* step03-1.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = "step03-1.html"; path = "tutorial/step03-1.html"; sourceTree = "<group>"; }; 
     257                52E3302A17AE9A8B00671D06 /* step03.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = step03.html; path = tutorial/step03.html; sourceTree = "<group>"; }; 
    252258                52E3302B17AE9A8B00671D06 /* step10.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = step10.html; path = tutorial/step10.html; sourceTree = "<group>"; }; 
    253259                52E3302C17AE9A8B00671D06 /* style.css */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.css; name = style.css; path = tutorial/style.css; sourceTree = "<group>"; }; 
     
    308314                                52E01A0E17C90185008151B9 /* step02-1.html */, 
    309315                                52E3305D17AEB4ED00671D06 /* step02-2.html */, 
    310                                 52E3302A17AE9A8B00671D06 /* step03-1.html */, 
    311                                 524B4A3E17AF72BC009076BA /* step03-2.html */, 
     316                                52E3302A17AE9A8B00671D06 /* step03.html */, 
    312317                                52E3302417AE9A8B00671D06 /* step04.html */, 
    313318                                52E3302517AE9A8B00671D06 /* step05-1.html */, 
     
    531536                                52E3304317AEA2E400671D06 /* tutorial-00-introduction.jpg */, 
    532537                                52E3303917AE9C8B00671D06 /* tutorial-01-orbit.jpg */, 
     538                                52E01A0A17C9012D008151B9 /* tutorial-02-charging-infrared.jpg */, 
     539                                52E01A0B17C9012D008151B9 /* tutorial-02-charging-orbit.jpg */, 
     540                                52E01A1017C90A1F008151B9 /* tutorial-02-charging-orbit-angle.jpg */, 
     541                                52E01A1117C90A1F008151B9 /* tutorial-03-connecting_infrared.jpg */, 
     542                                52E01A1217C90A1F008151B9 /* tutorial-03-infrared_connected.jpg */, 
     543                                52E01A1617C912E2008151B9 /* tutorial-03-volume_max.jpg */, 
    533544                                52E3302117AE9A8B00671D06 /* tutorial-04-headset.jpg */, 
    534545                                52E3304F17AEA5FC00671D06 /* tutorial-05-1-bluetooth_pairing.png */, 
    535                                 52E01A0A17C9012D008151B9 /* tutorial-02-charging-infrared.jpg */, 
    536                                 52E01A0B17C9012D008151B9 /* tutorial-02-charging-orbit.jpg */, 
    537546                                52E3305317AEA7E600671D06 /* tutorial-05-2-eeg_connected.jpg */, 
    538                                 52E3304917AEA48500671D06 /* tutorial-06-1-headset_properly_worn.jpg */, 
    539547                                52E019FE17C7AE8D008151B9 /* tutorial-06-1-headset_properly_worn-front.jpg */, 
    540548                                52E019FF17C7AE8D008151B9 /* tutorial-06-1-headset_properly_worn-side.jpg */, 
     549                                52E3304917AEA48500671D06 /* tutorial-06-1-headset_properly_worn.jpg */, 
    541550                                52E3304A17AEA48500671D06 /* tutorial-06-2-check_headset.jpg */, 
    542551                                52E01A0517C7BF0B008151B9 /* tutorial-06-3-check_connection_points-forehead.jpg */, 
     
    638647                                52E3303417AE9A8B00671D06 /* step08-1.html in Resources */, 
    639648                                52E3303517AE9A8B00671D06 /* step09.html in Resources */, 
    640                                 52E3303617AE9A8B00671D06 /* step03-1.html in Resources */, 
     649                                52E3303617AE9A8B00671D06 /* step03.html in Resources */, 
    641650                                52E3303717AE9A8B00671D06 /* step10.html in Resources */, 
    642651                                52E3303817AE9A8B00671D06 /* style.css in Resources */, 
     
    661670                                52E3306017AED10200671D06 /* puzzlebox_logo.pdf in Resources */, 
    662671                                524B4A3D17AF6E72009076BA /* step05-3.html in Resources */, 
    663                                 524B4A3F17AF72BC009076BA /* step03-2.html in Resources */, 
    664672                                5296E9A417C46E510044FCF6 /* frame.html in Resources */, 
    665673                                52E01A0017C7AE8D008151B9 /* tutorial-06-1-headset_properly_worn-front.jpg in Resources */, 
     
    672680                                52E01A0D17C9012D008151B9 /* tutorial-02-charging-orbit.jpg in Resources */, 
    673681                                52E01A0F17C90185008151B9 /* step02-1.html in Resources */, 
     682                                52E01A1317C90A1F008151B9 /* tutorial-02-charging-orbit-angle.jpg in Resources */, 
     683                                52E01A1417C90A1F008151B9 /* tutorial-03-connecting_infrared.jpg in Resources */, 
     684                                52E01A1517C90A1F008151B9 /* tutorial-03-infrared_connected.jpg in Resources */, 
     685                                52E01A1717C912E2008151B9 /* tutorial-03-volume_max.jpg in Resources */, 
    674686                        ); 
    675687                        runOnlyForDeploymentPostprocessing = 0; 
  • iOS/Orbit/tutorial/contents.html

    r37edfa3 r48d2410  
    3232               <tr> 
    3333                  <td> 
    34                      <a class='button left' onclick="parent.changePage('step03-1.html');">3. Infrared</a> 
     34                     <a class='button left' onclick="parent.changePage('step03.html');">3. Infrared</a> 
    3535                  </td> 
    3636                  <td> 
  • iOS/Orbit/tutorial/index.html

    r37edfa3 r48d2410  
    1818   <p>Please press "Next" to begin the tutorial</p> 
    1919       
    20    <a class='next button' onclick="parent.changePage('contents.html');">Next &raquo;</a> 
    21              
     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   --> 
     26 
     27   <a class="right button" onclick="parent.changePage('contents.html');">Next &raquo;</a> 
     28 
    2229   </center> 
    2330 
  • iOS/Orbit/tutorial/step01-1.html

    r37edfa3 r48d2410  
    1919                  <center> 
    2020                     <img src="tutorial-01-orbit.jpg" width="100%"> 
    21                   </center> 
     21                        </center> 
    2222                   
    2323               </td> 
    2424            </tr> 
    25             <tr> 
    26                <td> 
    27                   <a class='prev button' onclick="parent.changePage('contents.html');">&laquo; Back</a> 
    28                   <a class='next button' onclick="parent.changePage('step01-2.html');">Next &raquo;</a> 
    29                </td> 
    30             </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             --> 
    3133         </tbody> 
    3234      </table> 
    3335       
     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> 
     51 
     52       
    3453   </body> 
    3554</html> 
  • iOS/Orbit/tutorial/step02-1.html

    r37edfa3 r48d2410  
    88   <body> 
    99       
    10        <center> 
    11        <h2>Charging</h2> 
    12        </center> 
     10      <center> 
     11         <h2>Charging</h2> 
     12      </center> 
    1313       
    1414      <table class='table'> 
     
    1919                  <center> 
    2020                      
    21                      <img src="tutorial-02-charging-orbit.jpg" width="128" height="128"> 
     21                     <img src="tutorial-02-charging-orbit-angle.jpg" width="128" height="128"> 
    2222                         
    23                         &nbsp; 
    24                          
     23                        </center> 
     24               </td> 
     25               <td> 
     26                  <center> 
     27                      
    2528                     <img src="tutorial-02-charging-infrared.jpg" height="100"> 
    2629                         
    27                   </center> 
     30                        </center> 
    2831                   
    2932                   
    30                   <!--                  <center> 
    31                    <img src="tutorial-06-1-headset_properly_worn.jpg" width="100%" height="300"> 
    32                    </center>--> 
    33                    
    3433               </td> 
     34                
     35               <tr> 
     36                  <td> 
     37                     <center> 
     38                        <h3>Orbit</h3> 
     39                     </center> 
     40                  </td> 
     41                  <td> 
     42                     <center> 
     43                        <h3>Infrared</h3> 
     44                     </center> 
     45                  </td> 
     46               </tr> 
     47                
    3548               <tr> 
    3649                  <td> 
    3750                     <a class='prev button' onclick="parent.changePage('step01-2.html');">&laquo; Back</a> 
     51                  </td> 
     52                  <td> 
    3853                     <a class='next button' onclick="parent.changePage('step02-2.html');">Next &raquo;</a> 
    3954                  </td> 
  • iOS/Orbit/tutorial/step02-2.html

    r37edfa3 r48d2410  
    1111         <h2>Charging</h2> 
    1212      </center> 
    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        --> 
     13 
    2314      <ul> 
    2415         <li>An important step before using your Puzzlebox Orbit is charge both the Orbit helicopter as well as the infrared dongle using the included USB charging cable</li> 
     
    2617         <li>A red light will appear inside the USB cable itself when a connected device is fully charged</li> 
    2718      </ul> 
    28       <!-- 
    29        </td> 
    30        <tr> 
    31        <td> 
    32       <a class='prev button' href="step01.html">&laquo; Back</a> 
    33       <a class='next button' href="step03-1.html">Next &raquo;</a> 
    34        --> 
    3519       
    3620      <a class='prev button' onclick="parent.changePage('step02-1.html');">&laquo; Back</a> 
    37       <a class='next button' onclick="parent.changePage('step03-1.html');">Next &raquo;</a> 
     21      <a class='next button' onclick="parent.changePage('step03.html');">Next &raquo;</a> 
    3822 
    39        
    40       <!-- 
    41        </td> 
    42        </tr> 
    43        </tbody> 
    44        </table> 
    45        --> 
     23 
    4624   </body> 
    4725</html> 
  • iOS/Orbit/tutorial/step04.html

    r548a60f r48d2410  
    2424               <tr> 
    2525                  <td> 
    26                      <a class='prev button' onclick="parent.changePage('step03-2.html');">&laquo; Back</a> 
     26                     <a class='prev button' onclick="parent.changePage('step03.html');">&laquo; Back</a> 
    2727                     <a class='next button' onclick="parent.changePage('step05-1.html');">Next &raquo;</a> 
    2828                  </td> 
  • iOS/Orbit/tutorial/style.css

    r548a60f r48d2410  
    1515} 
    1616.left { 
    17     float: left; 
     17  position: absolute;  
     18  top: 100%;  
     19  margin-top: -92px; 
     20  left: 0; 
     21  margin-left: 5px; 
    1822} 
    1923.right { 
    20     float: right; 
     24  position: absolute;  
     25  top: 100%;  
     26  margin-top: -92px; 
     27  right: 0; 
     28  margin-right: 5px; 
    2129} 
    2230.center { 
     
    2836    border: 0px; 
    2937} 
     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.