1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/www/index.html Mon Apr 27 16:05:06 2015 +0200
1.3 @@ -0,0 +1,134 @@
1.4 +<!DOCTYPE html>
1.5 +<html>
1.6 + <head>
1.7 + <meta charset="utf-8">
1.8 + <title>An Ubuntu HTML5 application</title>
1.9 + <meta name="description" content="An Ubuntu HTML5 application">
1.10 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
1.11 +
1.12 + <!-- Ubuntu UI Style imports - Ambiance theme -->
1.13 + <link href="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/css/appTemplate.css" rel="stylesheet" type="text/css" />
1.14 +
1.15 + <!-- Ubuntu UI javascript imports - Ambiance theme -->
1.16 + <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/fast-buttons.js"></script>
1.17 + <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/core.js"></script>
1.18 + <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/buttons.js"></script>
1.19 + <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/dialogs.js"></script>
1.20 + <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/page.js"></script>
1.21 + <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/pagestacks.js"></script>
1.22 + <script src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/js/tabs.js"></script>
1.23 +
1.24 + <!-- Cordova platform API access - Uncomment this to have access to the Javascript APIs -->
1.25 + <!-- <script src="cordova/cordova.js"></script> -->
1.26 +
1.27 + <!-- Application script -->
1.28 + <script src="js/app.js"></script>
1.29 + </head>
1.30 +
1.31 + <body>
1.32 +
1.33 + <div data-role="mainview">
1.34 +
1.35 + <header data-role="header">
1.36 + <ul data-role="tabs">
1.37 + <li data-role="tabitem" data-page="hello-page">Hello World</li>
1.38 + </ul>
1.39 + </header>
1.40 +
1.41 + <div data-role="content">
1.42 +
1.43 + <!-- The application main page -->
1.44 +
1.45 + <div data-role="page" id="hello-page">
1.46 +
1.47 + <section data-role="list">
1.48 + <header class="large-font">My List Header</header>
1.49 + <ul data-role="listview" id="contacts">
1.50 +
1.51 + <li>
1.52 + <aside>
1.53 + <img alt="placeholder" src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/img/avatar_contacts_list@8.png">
1.54 + </aside>
1.55 +
1.56 + <p>Jane</p>
1.57 +
1.58 + <!-- A list item side control -->
1.59 + <label>
1.60 + <input type="checkbox" data-type="switch">
1.61 + <span class="toggle">
1.62 + <span class="toggle-handle"></span>
1.63 + <span class="toggle-bg"></span>
1.64 + </span>
1.65 + </label>
1.66 + </li>
1.67 +
1.68 + <li>
1.69 + <aside>
1.70 + <img alt="placeholder" src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/img/avatar_contacts_list@8.png">
1.71 + </aside>
1.72 +
1.73 + <p>Mark</p>
1.74 +
1.75 + <!-- A list item side control -->
1.76 + <label>
1.77 + <input type="checkbox" data-type="switch">
1.78 + <span class="toggle">
1.79 + <span class="toggle-handle"></span>
1.80 + <span class="toggle-bg"></span>
1.81 + </span>
1.82 + </label>
1.83 + </li>
1.84 +
1.85 + <li>
1.86 + <aside>
1.87 + <img alt="placeholder" src="/usr/share/ubuntu-html5-ui-toolkit/0.1/ambiance/img/avatar_contacts_list@8.png">
1.88 + </aside>
1.89 +
1.90 + <p>Olivier</p>
1.91 +
1.92 + <!-- A list item side control -->
1.93 + <label>
1.94 + <input type="checkbox" data-type="switch">
1.95 + <span class="toggle">
1.96 + <span class="toggle-handle"></span>
1.97 + <span class="toggle-bg"></span>
1.98 + </span>
1.99 + </label>
1.100 + </li>
1.101 +
1.102 + </ul>
1.103 +
1.104 + </section>
1.105 +
1.106 + <div class="inset" style="margin-top: 1em; text-align: center" >
1.107 +
1.108 + <div style="margin: 0em 1em 1em 1em">
1.109 + <button id="text" data-role="button" class="ubuntu" style="width: 100%">
1.110 + Text
1.111 + </button>
1.112 + </div>
1.113 + <div style="margin: 0em 1em 1em 1em">
1.114 + <button id="call" data-role="button" class="ubuntu" style="width: 100%">
1.115 + Call
1.116 + <span class="icon icon-call"></span>
1.117 + </button>
1.118 + </div>
1.119 +
1.120 + </div>
1.121 +
1.122 + <div data-role="dialog" id="dialog1">
1.123 + <section>
1.124 + <h1></h1>
1.125 + <menu>
1.126 + <button data-role="button" id="no">OK</button>
1.127 + </menu>
1.128 + </section>
1.129 + </div>
1.130 +
1.131 + </div>
1.132 +
1.133 + </div>
1.134 +
1.135 + </div>
1.136 + </body>
1.137 +</html>
