src/index.html

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