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