Name to fit everywhere.
[pwl6.git] / src / index.html
index 1fedd23..6cf3a07 100644 (file)
 <!DOCTYPE html>
-<html lang="en"
-      data-appid="com.yukkurigames.pwl6">
+<html data-appid=com.yukkurigames.pwl6>
   <head>
     <title>Pixel Witch Lesson #6</title>
-    <meta charset="utf-8" />
-    <meta name="viewport"
+    <meta charset=utf-8>
+    <meta name=viewport
           content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style"
-          content="black-translucent" />
-    <link rel=icon href=data/images/icons.ico
-          sizes="16x16 32x32 64x64 128x128 256x256"
-          type="image/vnd.microsoft.icon">
-    <link rel=icon href=data/images/icons.icns
-          sizes="16x16 32x32 64x64 128x128 256x256"
-          >
-    <link rel="stylesheet" href="yuu/data/yuu.css" type="text/css" />
-    <link rel="stylesheet" href="pwl6.css" type="text/css" />
-    <script type="text/javascript" src="ext/gl-matrix.js"></script>
-    <script type="text/javascript" src="ext/gamepad.js"></script>
-    <script type="text/javascript" src="ext/hammer.js"></script>
-    <script type="text/javascript" src="ext/string-lerp.js"></script>
-    <script type="text/javascript" src="yuu/pre.js"></script>
-    <script type="text/javascript" src="yuu/yf.js"></script>
-    <script type="text/javascript" src="yuu/yT.js"></script>
-    <script type="text/javascript" src="yuu/core.js"></script>
-    <script type="text/javascript" src="yuu/input.js"></script>
-    <script type="text/javascript" src="yuu/ce.js"></script>
-    <script type="text/javascript" src="yuu/gfx.js"></script>
-    <script type="text/javascript" src="yuu/rdr.js"></script>
-    <script type="text/javascript" src="yuu/audio.js"></script>
-    <script type="text/javascript" src="yuu/director.js"></script>
-    <script type="text/javascript" src="yuu/storage.js"></script>
-    <script type="text/javascript" src="pwl6.js"></script>
+    <meta name=apple-mobile-web-app-status-bar-style content=black-translucent>
+    <meta name=apple-mobile-web-app-capable content=yes>
+    <meta name=apple-mobile-web-app-title content="PWL #6">
+    <meta name=mobile-web-app-capable content=yes>
+    <meta name=mobile-web-app-title content="PWL #6">
+    <link rel=apple-touch-icon href=data/images/icons.iconset/icon_256x256.png>
+    <link rel=icon href=data/images/icons.iconset/icon_256x256.png>
+    <link rel=icon href=data/images/icons.iconset/icon_16x16.png sizes=16x16>
+    <link rel=icon href=data/images/icons.iconset/icon_32x32.png sizes=32x32>
+    <link rel=stylesheet href=yuu/data/yuu.css>
+    <link rel=stylesheet href=pwl6.css>
+    <script src=ext/gl-matrix.js></script>
+    <script src=ext/gamepad.js></script>
+    <script src=ext/hammer.js></script>
+    <script src=yuu/pre.js></script>
+    <script src=yuu/yf.js></script>
+    <script src=yuu/yT.js></script>
+    <script src=yuu/core.js></script>
+    <script src=yuu/input.js></script>
+    <script src=yuu/ce.js></script>
+    <script src=yuu/gfx.js></script>
+    <script src=yuu/rdr.js></script>
+    <script src=yuu/audio.js></script>
+    <script src=yuu/director.js></script>
+    <script src=yuu/storage.js></script>
+    <script src=pwl6.js></script>
   </head>
   
   <body>
-    <canvas id="yuu-canvas" data-yuu-resize>
+    <canvas id=yuu-canvas data-yuu-resize>
     </canvas>
-    <div id="yuu-error" class="yuu-overlay"
-         data-yuu-animation="yuu-from-top"
-         data-yuu-dismiss-key="escape">
-      <div data-yuu-command="dismiss" tabindex=0></div>
+    <div id=yuu-error class=yuu-overlay
+         data-yuu-animation=yuu-from-top
+         data-yuu-dismiss-key=escape>
+      <div data-yuu-command=dismiss tabindex=0></div>
       <p>There was a problem. Sorry about that.</p>
-      <p id="yuu-error-message"></p>
+      <p id=yuu-error-message></p>
       <h2>Error Log</h2>
-      <pre id="yuu-error-stack">
+      <pre id=yuu-error-stack>
       </pre>
     </div>
-    <div id="yuu-fatal-error" class="yuu-overlay">
-      <p>There was a serious problem. You'll have to restart. Sorry
-      about that.</p>
-      <p id="yuu-fatal-error-message"></p>
+    <div id=yuu-fatal-error class=yuu-overlay>
       <p>
+        There was a serious problem. You'll have to restart. Sorry
+        about that.
+      </p>
+      <p id=yuu-fatal-error-message></p>
+      <p class=standalone>
+        If this problem continues,
+        <a target=_blank href="https://yukkurigames.com/support.html">check our
+          support page</a>. If it doesn't help,
+          <a href="mailto:yuuSPAM@MAPSyukkurigames.com"
+             onclick="this.href=this.href.replace(/[A-Z]/g, '')">email us</a>.
+        Please include the rest of the text in this error message and
+        <a target=_blank href="chrome://gpu">information about your
+          system's GPU</a>.
+      </p>
+      <p class=browser>
         Supported browsers include recent versions of
-        <a href="http://www.mozilla.org/firefox/">Mozilla Firefox</a>
-        and <a href="http://www.google.com/chrome/">Google Chrome</a>
+        <a target=_blank href="http://www.mozilla.org/firefox/">Mozilla Firefox</a>
+        and <a target=_blank href="http://www.google.com/chrome/">Google Chrome</a>
         on most desktop computers,
-        <a href="https://www.google.com/intl/en/chrome/browser/mobile/android.html">Chrome
+        <a target=_blank href="https://www.google.com/intl/en/chrome/browser/mobile/android.html">Chrome
           for Android</a>, and Safari on Mac OS X 10.7 and later
-        <a href="https://discussions.apple.com/thread/3300585?start=0">if
+        <a target=_blank href="https://discussions.apple.com/thread/3300585?start=0">if
           you enable WebGL manually</a>.
       </p>
+      <p class=browser>
+        If you are running one of these browsers and still have a problem,
+        <a target=_blank href="https://yukkurigames.com/support.html">check our
+          support page</a>. If it doesn't help,
+        <a href="mailto:yuuSPAM@MAPSyukkurigames.com"
+           onclick="this.href=this.href.replace(/[A-Z]/g, '')">email us</a>.
+        Please include the rest of the text in this error message and
+        as much information as you can about your operating system,
+        computer, and especially GPU.
+      </p>
       <h2>Error Log</h2>
-      <pre id="yuu-fatal-error-stack">
+      <pre id=yuu-fatal-error-stack>
       </pre>
     </div>
-    <div id="preferences" class="yuu-overlay"
-         data-yuu-animation="yuu-from-top-right"
-         data-yuu-dismiss-key="f10 escape">
-      <div data-yuu-command="dismiss" tabindex=0></div>
+    <div id=preferences class=yuu-overlay
+         data-yuu-animation=yuu-from-top-right
+         data-yuu-dismiss-key='f10 escape'>
+      <div data-yuu-command=dismiss tabindex=0></div>
       <h1>Pixel Witch Lesson #6</h1>
-      <table class="yuu-options">
+      <table class=yuu-options>
         <tr>
           <td>
-            <input type="checkbox" data-yuu-command="mute" id="mute">
-            <label for="mute" title="Toggle audio mute (Control+S)"></label>
+            <input type=checkbox data-yuu-command=mute id=mute>
+            <label for=mute title="Toggle audio mute (Control+S)"></label>
           </td>
           <td>
-            <label for="volume">Volume</label>
+            <label for=volume>Volume</label>
           </td>
           <td>
-            <input type="range" data-yuu-command="volume" id="volume"
-                   min="0" max="1.0" step="0.05" style="width: 95%">
+            <input type=range data-yuu-command=volume id=volume
+                   min=0 max=1.0 step=0.05>
           </td>
         </tr>
         <tr>
           <td>
           </td>
           <td>
-            <label for="volume">Music</label>
+            <label for=volume>Music</label>
           </td>
           <td>
-            <input type="range" data-yuu-command="musicVolume" id="musicVolume"
-                   min="0" max="1.0" step="0.05" style="width: 95%">
+            <input type=range data-yuu-command=musicVolume id=musicVolume
+                   min=0 max=1.0 step=0.05>
           </td>
         </tr>
         <tr>
           <td>
-            <input type="checkbox" data-yuu-command="fullscreen"
-                   id="fullscreen">
-            <label for="fullscreen" title="Toggle fullscreen (F11)"></label>
+            <input type=checkbox data-yuu-command=fullscreen
+                   id=fullscreen>
+            <label for=fullscreen title="Toggle fullscreen (F11)"></label>
           </td>
           <td colspan=2>
-            <label for="fullscreen">Fullscreen</label>
+            <label for=fullscreen>Fullscreen</label>
           </td>
         </tr>
       </table>
       <p style="text-align: center">Press F12 to take a screenshot.</p>
     </div>
-    <div id="colophon" class="yuu-overlay"
-         data-yuu-animation="yuu-from-top"
-         data-yuu-dismiss-key="escape">
-      <div data-yuu-command="dismiss" tabindex=0></div>
-      <h1><a href="http://yukkurigames.com/pwl6/">Pixel Witch Lesson #6</a></h1>
+    <div id=colophon class=yuu-overlay
+         data-yuu-animation=yuu-from-top
+         data-yuu-dismiss-key=escape>
+      <div data-yuu-command=dismiss tabindex=0></div>
+      <h1><a target=_blank href="http://yukkurigames.com/pwl6/">Pixel Witch Lesson #6</a></h1>
       <dl>
         <dt>Designed &amp; Implemented</dt>
         <dd>Joe Wreschnig</dd>
         <dt>Additional Programming</dt>
         <dd>
           Brandon Jones &amp; Colin MacKenzie IV
-          (<a href="http://glmatrix.net/">glMatrix</a>)
+          (<a target=_blank href="http://glmatrix.net/">glMatrix</a>)
         </dd>
         <dd>
           Christoph Burgmer
-          (<a href="https://github.com/cburgmer/ayepromise">ayepromise</a>)
+          (<a target=_blank href="https://github.com/cburgmer/ayepromise">ayepromise</a>)
         </dd>
         <dd>
           Ian McEwan, Ashima Arts
-          (<a href="https://github.com/ashima/webgl-noise">WebGL Noise</a>)
+          (<a target=_blank href="https://github.com/ashima/webgl-noise">WebGL Noise</a>)
         </dd>
         <dd>
           Jorik Tangelder
-          (<a href="http://eightmedia.github.io/hammer.js/">Hammer.js</a>)
+          (<a target=_blank href="http://eightmedia.github.io/hammer.js/">Hammer.js</a>)
         </dd>
         <dt>Fonts</dt>
         <dd>
           Carrois Type Design
-          (<a href="http://www.carrois.com/en/fira-3-1/">Fira</a>)
-        </dd>
-        <dd>
-          Dave Gandy
-          (<a href="http://fortawesome.github.io/">Font Awesome</a>)
+          (<a target=_blank href="http://www.carrois.com/en/fira-3-1/">Fira</a>)
         </dd>
         <dt>Special Thanks</dt>
         <dd>Amelia Gorman</dd>
         <dd>Jessicatz Fairymeadow</dd>
-        <dd><a href="http://www.kenney.nl/">Kenney.nl</a></dd>
+        <dd><a target=_blank href="http://www.kenney.nl/">Kenney.nl</a></dd>
         <dd>
           Richard
-          <a href="http://www.clockguy.com/SiteRelated/SiteReferencePages/ClockChimeTunes.html">"The Clock Guy"</a>
+          <a target=_blank href="http://www.clockguy.com/SiteRelated/SiteReferencePages/ClockChimeTunes.html">"The Clock Guy"</a>
           Oliver
         </dd>
       </dl>
       <div style="text-align: center">
         <p>
           Copyright &copy;2014
-          <a href="http://yukkurigames.com/">Yukkuri Games</a>
+          <a target=_blank href="http://yukkurigames.com/">Yukkuri Games</a>
           and others
         </p>
         <p>
           This program is free software; you can redistribute it and/or
           modify it under the terms of the GNU General Public License as
           published by the Free Software Foundation; either 
-          <a href="http://www.gnu.org/licenses/gpl-2.0.html">version
+          <a target=_blank href="http://www.gnu.org/licenses/gpl-2.0.html">version
             2 of the License</a>, or (at your option)
-          <a href="https://www.gnu.org/copyleft/gpl.html">any later version</a>.
+          <a target=_blank href="https://www.gnu.org/copyleft/gpl.html">any later version</a>.
         </p>
       </div>
       <hr>
-      <p id="yuu-licensing" data-yuu-command="licensing">
+      <p id=yuu-licensing data-yuu-command=licensing>
         View Complete Licensing Text
       </p>
     </div>
 
     <noscript>
-      <div class="yuu-overlay" style="display: block">
+      <div class=yuu-overlay>
         <p>
           This game requires JavaScript to play. It's a fun game, and
           we hope you take your time to enable JS and try it.
           game.
         </p>
         <hr>
-        <ul class="link-footer">
-          <li><a href="http://yukkurigames.com/pwl6/">Pixel Witch Lesson #6</a>
-          <li><a href="http://yukkurigames.com/">Yukkuri Games</a>
+        <ul class=link-footer>
+          <li><a target=_blank href="http://yukkurigames.com/pwl6/">Pixel Witch Lesson #6</a>
+          <li><a target=_blank href="http://yukkurigames.com/">Yukkuri Games</a>
+          <li><a href="mailto:yuuSPAM@MAPSyukkurigames.com"
+                 onclick="this.href=this.href.replace(/[A-Z]/g, '')">Email Us</a>
         </ul>
       </div>
     </noscript>