src/index.html

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