Adjust HTML for better iOS mobile app support.
[pwl6.git] / src / index.html
1 <!DOCTYPE html>
2 <html data-appid=com.yukkurigames.pwl6>
3 <head>
4 <title>Pixel Witch Lesson #6</title>
5 <meta charset=utf-8>
6 <meta name=viewport
7 content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
8 <meta name=apple-mobile-web-app-status-bar-style content=black-translucent>
9 <meta name=apple-mobile-web-app-capable content=yes>
10 <meta name=apple-mobile-web-app-title content="Pixel Witch #6">
11 <meta name=mobile-web-app-capable content=yes>
12 <meta name=mobile-web-app-title content="Pixel Witch #6">
13 <link rel=apple-touch-icon href=data/images/icons.iconset/icon_256x256.png>
14 <link rel=icon href=data/images/icons.iconset/icon_256x256.png>
15 <link rel=icon href=data/images/icons.iconset/icon_16x16.png sizes=16x16>
16 <link rel=icon href=data/images/icons.iconset/icon_32x32.png sizes=32x32>
17 <link rel=stylesheet href=yuu/data/yuu.css>
18 <link rel=stylesheet href=pwl6.css>
19 <script src=ext/gl-matrix.js></script>
20 <script src=ext/gamepad.js></script>
21 <script src=ext/hammer.js></script>
22 <script src=yuu/pre.js></script>
23 <script src=yuu/yf.js></script>
24 <script src=yuu/yT.js></script>
25 <script src=yuu/core.js></script>
26 <script src=yuu/input.js></script>
27 <script src=yuu/ce.js></script>
28 <script src=yuu/gfx.js></script>
29 <script src=yuu/rdr.js></script>
30 <script src=yuu/audio.js></script>
31 <script src=yuu/director.js></script>
32 <script src=yuu/storage.js></script>
33 <script src=pwl6.js></script>
34 </head>
35
36 <body>
37 <canvas id=yuu-canvas data-yuu-resize>
38 </canvas>
39 <div id=yuu-error class=yuu-overlay
40 data-yuu-animation=yuu-from-top
41 data-yuu-dismiss-key=escape>
42 <div data-yuu-command=dismiss tabindex=0></div>
43 <p>There was a problem. Sorry about that.</p>
44 <p id=yuu-error-message></p>
45 <h2>Error Log</h2>
46 <pre id=yuu-error-stack>
47 </pre>
48 </div>
49 <div id=yuu-fatal-error class=yuu-overlay>
50 <p>
51 There was a serious problem. You'll have to restart. Sorry
52 about that.
53 </p>
54 <p id=yuu-fatal-error-message></p>
55 <p class=standalone>
56 If this problem continues,
57 <a target=_blank href="https://yukkurigames.com/support.html">check our
58 support page</a>. If it doesn't help,
59 <a href="mailto:yuuSPAM@MAPSyukkurigames.com"
60 onclick="this.href=this.href.replace(/[A-Z]/g, '')">email us</a>.
61 Please include the rest of the text in this error message and
62 <a target=_blank href="chrome://gpu">information about your
63 system's GPU</a>.
64 </p>
65 <p class=browser>
66 Supported browsers include recent versions of
67 <a target=_blank href="http://www.mozilla.org/firefox/">Mozilla Firefox</a>
68 and <a target=_blank href="http://www.google.com/chrome/">Google Chrome</a>
69 on most desktop computers,
70 <a target=_blank href="https://www.google.com/intl/en/chrome/browser/mobile/android.html">Chrome
71 for Android</a>, and Safari on Mac OS X 10.7 and later
72 <a target=_blank href="https://discussions.apple.com/thread/3300585?start=0">if
73 you enable WebGL manually</a>.
74 </p>
75 <p class=browser>
76 If you are running one of these browsers and still have a problem,
77 <a target=_blank href="https://yukkurigames.com/support.html">check our
78 support page</a>. If it doesn't help,
79 <a href="mailto:yuuSPAM@MAPSyukkurigames.com"
80 onclick="this.href=this.href.replace(/[A-Z]/g, '')">email us</a>.
81 Please include the rest of the text in this error message and
82 as much information as you can about your operating system,
83 computer, and especially GPU.
84 </p>
85 <h2>Error Log</h2>
86 <pre id=yuu-fatal-error-stack>
87 </pre>
88 </div>
89 <div id=preferences class=yuu-overlay
90 data-yuu-animation=yuu-from-top-right
91 data-yuu-dismiss-key='f10 escape'>
92 <div data-yuu-command=dismiss tabindex=0></div>
93 <h1>Pixel Witch Lesson #6</h1>
94 <table class=yuu-options>
95 <tr>
96 <td>
97 <input type=checkbox data-yuu-command=mute id=mute>
98 <label for=mute title="Toggle audio mute (Control+S)"></label>
99 </td>
100 <td>
101 <label for=volume>Volume</label>
102 </td>
103 <td>
104 <input type=range data-yuu-command=volume id=volume
105 min=0 max=1.0 step=0.05>
106 </td>
107 </tr>
108 <tr>
109 <td>
110 </td>
111 <td>
112 <label for=volume>Music</label>
113 </td>
114 <td>
115 <input type=range data-yuu-command=musicVolume id=musicVolume
116 min=0 max=1.0 step=0.05>
117 </td>
118 </tr>
119 <tr>
120 <td>
121 <input type=checkbox data-yuu-command=fullscreen
122 id=fullscreen>
123 <label for=fullscreen title="Toggle fullscreen (F11)"></label>
124 </td>
125 <td colspan=2>
126 <label for=fullscreen>Fullscreen</label>
127 </td>
128 </tr>
129 </table>
130 <p style="text-align: center">Press F12 to take a screenshot.</p>
131 </div>
132 <div id=colophon class=yuu-overlay
133 data-yuu-animation=yuu-from-top
134 data-yuu-dismiss-key=escape>
135 <div data-yuu-command=dismiss tabindex=0></div>
136 <h1><a target=_blank href="http://yukkurigames.com/pwl6/">Pixel Witch Lesson #6</a></h1>
137 <dl>
138 <dt>Designed &amp; Implemented</dt>
139 <dd>Joe Wreschnig</dd>
140 <dt>Additional Programming</dt>
141 <dd>
142 Brandon Jones &amp; Colin MacKenzie IV
143 (<a target=_blank href="http://glmatrix.net/">glMatrix</a>)
144 </dd>
145 <dd>
146 Christoph Burgmer
147 (<a target=_blank href="https://github.com/cburgmer/ayepromise">ayepromise</a>)
148 </dd>
149 <dd>
150 Ian McEwan, Ashima Arts
151 (<a target=_blank href="https://github.com/ashima/webgl-noise">WebGL Noise</a>)
152 </dd>
153 <dd>
154 Jorik Tangelder
155 (<a target=_blank href="http://eightmedia.github.io/hammer.js/">Hammer.js</a>)
156 </dd>
157 <dt>Fonts</dt>
158 <dd>
159 Carrois Type Design
160 (<a target=_blank href="http://www.carrois.com/en/fira-3-1/">Fira</a>)
161 </dd>
162 <dt>Special Thanks</dt>
163 <dd>Amelia Gorman</dd>
164 <dd>Jessicatz Fairymeadow</dd>
165 <dd><a target=_blank href="http://www.kenney.nl/">Kenney.nl</a></dd>
166 <dd>
167 Richard
168 <a target=_blank href="http://www.clockguy.com/SiteRelated/SiteReferencePages/ClockChimeTunes.html">"The Clock Guy"</a>
169 Oliver
170 </dd>
171 </dl>
172 <hr>
173 <div style="text-align: center">
174 <p>
175 Copyright &copy;2014
176 <a target=_blank href="http://yukkurigames.com/">Yukkuri Games</a>
177 and others
178 </p>
179 <p>
180 This program is free software; you can redistribute it and/or
181 modify it under the terms of the GNU General Public License as
182 published by the Free Software Foundation; either
183 <a target=_blank href="http://www.gnu.org/licenses/gpl-2.0.html">version
184 2 of the License</a>, or (at your option)
185 <a target=_blank href="https://www.gnu.org/copyleft/gpl.html">any later version</a>.
186 </p>
187 </div>
188 <hr>
189 <p id=yuu-licensing data-yuu-command=licensing>
190 View Complete Licensing Text
191 </p>
192 </div>
193
194 <noscript>
195 <div class=yuu-overlay>
196 <p>
197 This game requires JavaScript to play. It's a fun game, and
198 we hope you take your time to enable JS and try it.
199 </p>
200 <p>
201 We promise it doesn't contain any remote tracking cookies or
202 bugs, load any external scripts, or do any of the things
203 you've probably disabled JavaScript to avoid.
204 </p>
205 <p>
206 No, we don't even load the things people lie about when they
207 say they aren't tracking you: No Google APIs, no content
208 distribution network proxies, no analytics scripts. Just the
209 game.
210 </p>
211 <hr>
212 <ul class=link-footer>
213 <li><a target=_blank href="http://yukkurigames.com/pwl6/">Pixel Witch Lesson #6</a>
214 <li><a target=_blank href="http://yukkurigames.com/">Yukkuri Games</a>
215 <li><a href="mailto:yuuSPAM@MAPSyukkurigames.com"
216 onclick="this.href=this.href.replace(/[A-Z]/g, '')">Email Us</a>
217 </ul>
218 </div>
219 </noscript>
220 </body>
221 </html>