← Back to branch summary

~ubuntu-branches/ubuntu/utopic/qtcreator-plugin-ubuntu/utopic-proposed

« back to all changes in this revision

Viewing changes to share/qtcreator/templates/wizards/ubuntu/html5-simple/index.html

  • Committer: Package Import Robot
  • Author(s): Timo Jyrinki
  • Date: 2014-03-13 19:09:59 UTC
  • mfrom: (1.1.6)
  • Revision ID: package-import@ubuntu.com-20140313190959-68zlfowwqzaw7hm7
Tags: 3.0.1-0ubuntu3
Rebuild against Qt 5.2 and QtWebKit 5.1.1

Show diffs side-by-side

added added

removed removed

Lines of Context:
share/qtcreator/templates/wizards/ubuntu/html5-simple/index.html
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.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>
106
 
                    <button id="text" data-role="button" class="ubuntu" style="width: 100%">
107
 
                      Text
108
 
                    </button>
109
 
                </div>
110
 
                <div>
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>