Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
7 changed files
with
231 additions
and
169 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,39 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> | ||
|
|
||
| <title>PhoneGap Kitchen Sink - Accelerometer</title> | ||
|
|
||
| <link rel="stylesheet" href="style/jquery.mobile-1.0a4.1.min.css" /> | ||
|
|
||
| <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script> | ||
| <script type="text/javascript" src="js/jquery.mobile-1.0a4.1.min.js"></script> | ||
| </head> | ||
| <body> | ||
| <div data-role="page" id="accelerometer"> | ||
|
|
||
| <div data-role="header"> | ||
| <a href="#" data-rel="back" data-icon="arrow-l">Back</a> | ||
| <h1>Accelerometer</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| <div data-role="fieldcontain"> | ||
| <label for="acceleration-x">Acceleration X:</label> | ||
| <input type="range" name="acceleration-x" id="acceleration-x" value="0" min="0" max="100" /> | ||
| </div> | ||
| <div data-role="fieldcontain"> | ||
| <label for="acceleration-y">Acceleration Y:</label> | ||
| <input type="range" name="acceleration-y" id="acceleration-y" value="0" min="0" max="100" /> | ||
| </div> | ||
| <div data-role="fieldcontain"> | ||
| <label for="acceleration-z">Acceleration Z:</label> | ||
| <input type="range" name="acceleration-z" id="acceleration-z" value="0" min="0" max="100" /> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> | ||
|
|
||
| <title>PhoneGap Kitchen Sink - Camera</title> | ||
|
|
||
| <link rel="stylesheet" href="style/jquery.mobile-1.0a4.1.min.css" /> | ||
|
|
||
| <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script> | ||
| <script type="text/javascript" src="js/jquery.mobile-1.0a4.1.min.js"></script> | ||
| </head> | ||
| <body> | ||
| <div data-role="page" id="camera"> | ||
|
|
||
| <div data-role="header"> | ||
| <a href="#" data-rel="back" data-icon="arrow-l">Back</a> | ||
| <h1>Camera</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| <fieldset class="ui-grid-a"> | ||
| <div class="ui-block-a"><button type="button" data-theme="c" data-icon="plus">Take a Photo</button></div> | ||
| <div class="ui-block-b"><button type="button" data-theme="c" data-icon="search">Find a Photo</button></div> | ||
| </fieldset> | ||
|
|
||
| <div class="ui-body ui-body-b" style="min-height:250px"></div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> | ||
|
|
||
| <title>PhoneGap Kitchen Sink - Contacts</title> | ||
|
|
||
| <link rel="stylesheet" href="style/jquery.mobile-1.0a4.1.min.css" /> | ||
|
|
||
| <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script> | ||
| <script type="text/javascript" src="js/jquery.mobile-1.0a4.1.min.js"></script> | ||
| </head> | ||
| <body> | ||
| <div data-role="page" id="contacts"> | ||
|
|
||
| <div data-role="header"> | ||
| <a href="#" data-rel="back" data-icon="arrow-l">Back</a> | ||
| <h1>Contacts</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| <ul data-role="listview"> | ||
| <li data-role="list-divider">B</li> | ||
| <li>Michael Brooks</li> | ||
| <li data-role="list-divider">G</li> | ||
| <li>Steven Gill</li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> | ||
|
|
||
| <title>PhoneGap Kitchen Sink - Device</title> | ||
|
|
||
| <link rel="stylesheet" href="style/jquery.mobile-1.0a4.1.min.css" /> | ||
|
|
||
| <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script> | ||
| <script type="text/javascript" src="js/jquery.mobile-1.0a4.1.min.js"></script> | ||
| </head> | ||
| <body> | ||
| <div data-role="page" id="device"> | ||
|
|
||
| <div data-role="header"> | ||
| <a href="#" data-rel="back" data-icon="arrow-l">Back</a> | ||
| <h1>Device</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| <ul data-role="listview" data-inset="true"> | ||
| <li>Name<p class="ui-li-aside ui-li-desc">Nexus One</p></li> | ||
| <li>PhoneGap<p class="ui-li-aside ui-li-desc">0.9.4</p></li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> | ||
|
|
||
| <title>PhoneGap Kitchen Sink - Geolocation</title> | ||
|
|
||
| <link rel="stylesheet" href="style/jquery.mobile-1.0a4.1.min.css" /> | ||
|
|
||
| <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script> | ||
| <script type="text/javascript" src="js/jquery.mobile-1.0a4.1.min.js"></script> | ||
| </head> | ||
| <body> | ||
| <div data-role="page" id="geolocation"> | ||
|
|
||
| <div data-role="header"> | ||
| <a href="#" data-rel="back" data-icon="arrow-l">Back</a> | ||
| <h1>Geolocation</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| <button type="button" data-theme="c" data-icon="refresh">Update Geolocation</button> | ||
| <div class="ui-body ui-body-b" style="min-height:250px"></div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,175 +1,39 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>PhoneGap Kitchen Sink</title> | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> | ||
|
|
||
| <title>PhoneGap Kitchen Sink</title> | ||
|
|
||
| <link rel="stylesheet" href="style/jquery.mobile-1.0a4.1.min.css" /> | ||
|
|
||
| <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script> | ||
| <script type="text/javascript" src="js/jquery.mobile-1.0a4.1.min.js"></script> | ||
| </head> | ||
| <body> | ||
|
|
||
| <!-- home --> | ||
| <div data-role="page" id="home"> | ||
|
|
||
| <div data-role="header"> | ||
| <h1>PhoneGap Kitchen Sink</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| <ul data-role="listview" data-inset="true"> | ||
| <li data-role="list-divider" role="heading">PhoneGap</li> | ||
| <li><a href="#accelerometer">Accelerometer</a></li> | ||
| <li><a href="#camera">Camera</a></li> | ||
| <li><a href="#contacts">Contacts</a></li> | ||
| <li><a href="#device">Device</a></li> | ||
| <li><a href="#file">File IO</a></li> | ||
| <li><a href="#network">Network</a></li> | ||
| <li><a href="#notification">Notification</a></li> | ||
| <li data-role="list-divider" role="heading">HTML 5</li> | ||
| <li><a href="#geolocation">Geolocation</a></li> | ||
| <li><a href="#storage">Storage</a></li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| </div> | ||
| <!-- / home --> | ||
|
|
||
| <!-- accelerometer --> | ||
| <div data-role="page" id="accelerometer"> | ||
|
|
||
| <div data-role="header"> | ||
| <a href="#" data-rel="back" data-icon="arrow-l">Back</a> | ||
| <h1>Accelerometer</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| <p>I'm first in the source order so I'm shown as the page.</p> | ||
| <p><a href="#foo">Back to foo</a></p> | ||
| </div> | ||
|
|
||
| </div> | ||
| <!-- / accelerometer --> | ||
|
|
||
| <!-- camera --> | ||
| <div data-role="page" id="camera"> | ||
|
|
||
| <div data-role="header"> | ||
| <a href="#" data-rel="back" data-icon="arrow-l">Back</a> | ||
| <h1>Camera</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| <fieldset class="ui-grid-a"> | ||
| <div class="ui-block-a"><button type="button" data-theme="c" data-icon="plus">Take a Photo</button></div> | ||
| <div class="ui-block-b"><button type="button" data-theme="c" data-icon="search">Find a Photo</button></div> | ||
| </fieldset> | ||
|
|
||
| <div class="ui-body ui-body-b" style="min-height:250px"></div> | ||
| </div> | ||
|
|
||
| </div> | ||
| <!-- / camera --> | ||
|
|
||
| <!-- contacts --> | ||
| <div data-role="page" id="contacts"> | ||
|
|
||
| <div data-role="header"> | ||
| <a href="#" data-rel="back" data-icon="arrow-l">Back</a> | ||
| <h1>Contacts</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| </div> | ||
|
|
||
| </div> | ||
| <!-- / contacts --> | ||
|
|
||
| <!-- device --> | ||
| <div data-role="page" id="device"> | ||
|
|
||
| <div data-role="header"> | ||
| <a href="#" data-rel="back" data-icon="arrow-l">Back</a> | ||
| <h1>Device</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| </div> | ||
|
|
||
| </div> | ||
| <!-- / device --> | ||
|
|
||
| <!-- file --> | ||
| <div data-role="page" id="file"> | ||
|
|
||
| <div data-role="header"> | ||
| <a href="#" data-rel="back" data-icon="arrow-l">Back</a> | ||
| <h1>File</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| </div> | ||
|
|
||
| </div> | ||
| <!-- / file --> | ||
|
|
||
| <!-- network --> | ||
| <div data-role="page" id="network"> | ||
|
|
||
| <div data-role="header"> | ||
| <a href="#" data-rel="back" data-icon="arrow-l">Back</a> | ||
| <h1>Network</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| </div> | ||
|
|
||
| </div> | ||
| <!-- / network --> | ||
|
|
||
| <!-- notification --> | ||
| <div data-role="page" id="notification"> | ||
|
|
||
| <div data-role="header"> | ||
| <a href="#" data-rel="back" data-icon="arrow-l">Back</a> | ||
| <h1>Notification</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| </div> | ||
|
|
||
| </div> | ||
| <!-- / notification --> | ||
|
|
||
| <!-- geolocation --> | ||
| <div data-role="page" id="geolocation"> | ||
|
|
||
| <div data-role="header"> | ||
| <a href="#" data-rel="back" data-icon="arrow-l">Back</a> | ||
| <h1>Geolocation</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| </div> | ||
|
|
||
| </div> | ||
| <!-- / geolocation --> | ||
|
|
||
| <!-- storage --> | ||
| <div data-role="page" id="storage"> | ||
|
|
||
| <div data-role="header"> | ||
| <a href="#" data-rel="back" data-icon="arrow-l">Back</a> | ||
| <h1>Storage</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| </div> | ||
|
|
||
| </div> | ||
| <!-- / storage --> | ||
|
|
||
| </body> | ||
| </head> | ||
| <body> | ||
| <div data-role="page" id="home"> | ||
|
|
||
| <div data-role="header"> | ||
| <h1>PhoneGap Kitchen Sink</h1> | ||
| </div> | ||
|
|
||
| <div data-role="content"> | ||
| <ul data-role="listview" data-inset="true"> | ||
| <li data-role="list-divider">PhoneGap</li> | ||
| <li><a href="accelerometer.html">Accelerometer</a></li> | ||
| <li><a href="camera.html">Camera</a></li> | ||
| <li><a href="contacts.html">Contacts</a></li> | ||
| <li><a href="device.html">Device</a></li> | ||
| <li><a href="#file">File IO</a></li> | ||
| <li><a href="#network">Network</a></li> | ||
| <li><a href="notification.html">Notification</a></li> | ||
| <li data-role="list-divider">HTML 5</li> | ||
| <li><a href="geolocation.html">Geolocation</a></li> | ||
| <li><a href="#storage">Storage</a></li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| </div> | ||
| </body> | ||
| </html> | ||
|
|
Oops, something went wrong.