www/index.html@76acfbeeb09c (annotated)
www/index.html
Mon, 27 Apr 2015 16:05:06 +0200
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Mon, 27 Apr 2015 16:05:06 +0200
- changeset 0
- 76acfbeeb09c
- permissions
- -rw-r--r--
Import initial genesis of local project.
| michael@0 | 1 | <!DOCTYPE html> |
| michael@0 | 2 | <html> |
| michael@0 | 3 | <head> |
| michael@0 | 4 | <meta charset="utf-8"> |
| michael@0 | 5 | <title>An Ubuntu HTML5 application</title> |
| michael@0 | 6 | <meta name="description" content="An Ubuntu HTML5 application"> |
| michael@0 | 7 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> |
| michael@0 | 8 | |
| michael@0 | 9 | <!-- Ubuntu UI Style imports - Ambiance theme --> |
| michael@0 | 10 | <link href="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/css/appTemplate.css" rel="stylesheet" type="text/css" /> |
| michael@0 | 11 | |
| michael@0 | 12 | <!-- Ubuntu UI javascript imports - Ambiance theme --> |
| michael@0 | 13 | <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/fast-buttons.js"></script> |
| michael@0 | 14 | <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/core.js"></script> |
| michael@0 | 15 | <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/buttons.js"></script> |
| michael@0 | 16 | <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/dialogs.js"></script> |
| michael@0 | 17 | <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/page.js"></script> |
| michael@0 | 18 | <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/pagestacks.js"></script> |
| michael@0 | 19 | <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/tabs.js"></script> |
| michael@0 | 20 | |
| michael@0 | 21 | <!-- Cordova platform API access - Uncomment this to have access to the Javascript APIs --> |
| michael@0 | 22 | <!-- <script src="cordova/cordova.js"></script> --> |
| michael@0 | 23 | |
| michael@0 | 24 | <!-- Application script --> |
| michael@0 | 25 | <script src="js/app.js"></script> |
| michael@0 | 26 | </head> |
| michael@0 | 27 | |
| michael@0 | 28 | <body> |
| michael@0 | 29 | |
| michael@0 | 30 | <div data-role="mainview"> |
| michael@0 | 31 | |
| michael@0 | 32 | <header data-role="header"> |
| michael@0 | 33 | <ul data-role="tabs"> |
| michael@0 | 34 | <li data-role="tabitem" data-page="hello-page">Hello World</li> |
| michael@0 | 35 | </ul> |
| michael@0 | 36 | </header> |
| michael@0 | 37 | |
| michael@0 | 38 | <div data-role="content"> |
| michael@0 | 39 | |
| michael@0 | 40 | <!-- The application main page --> |
| michael@0 | 41 | |
| michael@0 | 42 | <div data-role="page" id="hello-page"> |
| michael@0 | 43 | |
| michael@0 | 44 | <section data-role="list"> |
| michael@0 | 45 | <header class="large-font">My List Header</header> |
| michael@0 | 46 | <ul data-role="listview" id="contacts"> |
| michael@0 | 47 | |
| michael@0 | 48 | <li> |
| michael@0 | 49 | <aside> |
| michael@0 | 50 | <img alt="placeholder" src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/img/avatar_contacts_list@8.png"> |
| michael@0 | 51 | </aside> |
| michael@0 | 52 | |
| michael@0 | 53 | <p>Jane</p> |
| michael@0 | 54 | |
| michael@0 | 55 | <!-- A list item side control --> |
| michael@0 | 56 | <label> |
| michael@0 | 57 | <input type="checkbox" data-type="switch"> |
| michael@0 | 58 | <span class="toggle"> |
| michael@0 | 59 | <span class="toggle-handle"></span> |
| michael@0 | 60 | <span class="toggle-bg"></span> |
| michael@0 | 61 | </span> |
| michael@0 | 62 | </label> |
| michael@0 | 63 | </li> |
| michael@0 | 64 | |
| michael@0 | 65 | <li> |
| michael@0 | 66 | <aside> |
| michael@0 | 67 | <img alt="placeholder" src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/img/avatar_contacts_list@8.png"> |
| michael@0 | 68 | </aside> |
| michael@0 | 69 | |
| michael@0 | 70 | <p>Mark</p> |
| michael@0 | 71 | |
| michael@0 | 72 | <!-- A list item side control --> |
| michael@0 | 73 | <label> |
| michael@0 | 74 | <input type="checkbox" data-type="switch"> |
| michael@0 | 75 | <span class="toggle"> |
| michael@0 | 76 | <span class="toggle-handle"></span> |
| michael@0 | 77 | <span class="toggle-bg"></span> |
| michael@0 | 78 | </span> |
| michael@0 | 79 | </label> |
| michael@0 | 80 | </li> |
| michael@0 | 81 | |
| michael@0 | 82 | <li> |
| michael@0 | 83 | <aside> |
| michael@0 | 84 | <img alt="placeholder" src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/img/avatar_contacts_list@8.png"> |
| michael@0 | 85 | </aside> |
| michael@0 | 86 | |
| michael@0 | 87 | <p>Olivier</p> |
| michael@0 | 88 | |
| michael@0 | 89 | <!-- A list item side control --> |
| michael@0 | 90 | <label> |
| michael@0 | 91 | <input type="checkbox" data-type="switch"> |
| michael@0 | 92 | <span class="toggle"> |
| michael@0 | 93 | <span class="toggle-handle"></span> |
| michael@0 | 94 | <span class="toggle-bg"></span> |
| michael@0 | 95 | </span> |
| michael@0 | 96 | </label> |
| michael@0 | 97 | </li> |
| michael@0 | 98 | |
| michael@0 | 99 | </ul> |
| michael@0 | 100 | |
| michael@0 | 101 | </section> |
| michael@0 | 102 | |
| michael@0 | 103 | <div class="inset" style="margin-top: 1em; text-align: center" > |
| michael@0 | 104 | |
| michael@0 | 105 | <div style="margin: 0em 1em 1em 1em"> |
| michael@0 | 106 | <button id="text" data-role="button" class="ubuntu" style="width: 100%"> |
| michael@0 | 107 | Text |
| michael@0 | 108 | </button> |
| michael@0 | 109 | </div> |
| michael@0 | 110 | <div style="margin: 0em 1em 1em 1em"> |
| michael@0 | 111 | <button id="call" data-role="button" class="ubuntu" style="width: 100%"> |
| michael@0 | 112 | Call |
| michael@0 | 113 | <span class="icon icon-call"></span> |
| michael@0 | 114 | </button> |
| michael@0 | 115 | </div> |
| michael@0 | 116 | |
| michael@0 | 117 | </div> |
| michael@0 | 118 | |
| michael@0 | 119 | <div data-role="dialog" id="dialog1"> |
| michael@0 | 120 | <section> |
| michael@0 | 121 | <h1></h1> |
| michael@0 | 122 | <menu> |
| michael@0 | 123 | <button data-role="button" id="no">OK</button> |
| michael@0 | 124 | </menu> |
| michael@0 | 125 | </section> |
| michael@0 | 126 | </div> |
| michael@0 | 127 | |
| michael@0 | 128 | </div> |
| michael@0 | 129 | |
| michael@0 | 130 | </div> |
| michael@0 | 131 | |
| michael@0 | 132 | </div> |
| michael@0 | 133 | </body> |
| michael@0 | 134 | </html> |
