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         <dt>Special Thanks</dt>
 165         <dd>Amelia Gorman</dd>
 166         <dd>Jessicatz Fairymeadow</dd>
 167         <dd><a target=_blank href="http://www.kenney.nl/">Kenney.nl</a></dd>
 168         <dd>
 169           Richard
 170           <a target=_blank href="http://www.clockguy.com/SiteRelated/SiteReferencePages/ClockChimeTunes.html">"The Clock Guy"</a>
 171           Oliver
 172         </dd>
 173       </dl>
 174       <hr>
 175       <div style="text-align: center">
 176         <p>
 177           Copyright &copy;2014
 178           <a target=_blank href="http://yukkurigames.com/">Yukkuri Games</a>
 179           and others
 180         </p>
 181         <p>
 182           This program is free software; you can redistribute it and/or
 183           modify it under the terms of the GNU General Public License as
 184           published by the Free Software Foundation; either
 185           <a target=_blank href="http://www.gnu.org/licenses/gpl-2.0.html">version
 186             2 of the License</a>, or (at your option)
 187           <a target=_blank href="https://www.gnu.org/copyleft/gpl.html">any later version</a>.
 188         </p>
 189       </div>
 190       <hr>
 191       <p id="yuu-licensing" data-yuu-command="licensing">
 192         View Complete Licensing Text
 193       </p>
 194     </div>
 195
 196     <noscript>
 197       <div class="yuu-overlay" style="display: block">
 198         <p>
 199           This game requires JavaScript to play. It's a fun game, and
 200           we hope you take your time to enable JS and try it.
 201         </p>
 202         <p>
 203           We promise it doesn't contain any remote tracking cookies or
 204           bugs, load any external scripts, or do any of the things
 205           you've probably disabled JavaScript to avoid.
 206         </p>
 207         <p>
 208           No, we don't even load the things people lie about when they
 209           say they aren't tracking you: No Google APIs, no content
 210           distribution network proxies, no analytics scripts. Just the
 211           game.
 212         </p>
 213         <hr>
 214         <ul class="link-footer">
 215           <li><a target=_blank href="http://yukkurigames.com/pwl6/">Pixel Witch Lesson #6</a>
 216           <li><a target=_blank href="http://yukkurigames.com/">Yukkuri Games</a>
 217           <li><a href="mailto:yuuSPAM@MAPSyukkurigames.com"
 218                  onclick="this.href=this.href.replace(/[A-Z]/g, '')">Email Us</a>
 219         </ul>
 220       </div>
 221     </noscript>
 222   </body>
 223 </html>