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