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