Timetask Sources / file revision
www/index.html@76acfbeeb09c
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.
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">
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" />
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>
21 <!-- Cordova platform API access - Uncomment this to have access to the Javascript APIs -->
22 <!-- <script src="cordova/cordova.js"></script> -->
24 <!-- Application script -->
25 <script src="js/app.js"></script>
26 </head>
28 <body>
30 <div data-role="mainview">
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>
38 <div data-role="content">
40 <!-- The application main page -->
42 <div data-role="page" id="hello-page">
44 <section data-role="list">
45 <header class="large-font">My List Header</header>
46 <ul data-role="listview" id="contacts">
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>
53 <p>Jane</p>
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>
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>
70 <p>Mark</p>
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>
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>
87 <p>Olivier</p>
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>
99 </ul>
101 </section>
103 <div class="inset" style="margin-top: 1em; text-align: center" >
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>
117 </div>
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>
128 </div>
130 </div>
132 </div>
133 </body>
134 </html>
