diff options
| author | Alex Xu <alex_y_xu@yahoo.ca> | 2013-06-11 15:56:42 -0400 |
|---|---|---|
| committer | Alex Xu <alex_y_xu@yahoo.ca> | 2013-06-21 13:23:45 -0400 |
| commit | 20a1938b033f1f6749c5067e1acac62a0a487944 (patch) | |
| tree | 33c286d15469532fbdd5f4103f232face03b9ba0 /www/index.html | |
| parent | 600ef134d1a80b5f4e2c724dc3e3d0709c94fa72 (diff) | |
| download | html5ks-20a1938b033f1f6749c5067e1acac62a0a487944.tar.xz html5ks-20a1938b033f1f6749c5067e1acac62a0a487944.zip | |
move www to subdirectory - avoid serving conf
Diffstat (limited to 'www/index.html')
| -rw-r--r-- | www/index.html | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/www/index.html b/www/index.html new file mode 100644 index 0000000..5ea2a6f --- /dev/null +++ b/www/index.html @@ -0,0 +1,75 @@ +<!DOCTYPE html> +<html> + <head> + <title>Katawa Shoujo</title> + <link rel="shortcut icon" type="image/png" href="/dump/ui/icon.png"> + <link rel="apple-touch-icon" href="/dump/ui/icon.png"> + <style> + body { + margin: 0; + padding: 0; + overflow: hidden; + background: gray; + } + @font-face { + font-family: "Playtime"; + /* src: url("playtime.ttf"); */ + src: url("playtime-webfont.ttf"); + src: url("playtime-webfont.woff"); + } + #container { + width: 800px; + height: 600px; + top: 50%; + margin-top: -300px; + left: 50%; + margin-left: -400px; + position: absolute; + overflow: hidden; + } + @keyframes toright { + from { + left: -100px; + } + to { + left: -190px; + } + } + #bg,#video { + position: absolute; + width: 800px; + height: 600px; + } + #video { + z-index: 2; + } + #say { + font: 22px/27px Playtime; color: white; width: 750px; height: 90px; position: absolute; top: 493px; left: 28px; + } + </style> + <script> + window.define = function(factory) { + try{ delete window.define; } catch(e){ window.define = void 0; } // IE + window.when = factory(); + }; + window.define.amd = {}; + </script> + </head> + <body> + <audio id="music" loop></audio> + <audio id="sound"></audio> + <audio id="ambient" loop></audio> + <div id="container"> + <img id="bg" src="/dump/bgs/school_girlsdormhall.jpg"> + <video id="video"></video> + <img src="/dump/ui/bg-say.png" style="position: absolute; top: 440px; left: 0;"> + <div id="say">It doesn't take long to identify the source as Lilly's room, though the deep timbre of the female voice unmistakably belongs not to her, but to her sister.</div> + </div> + <script src="/when/when.js"></script> + <script src="/js/html5ks.js"></script> + <script src="/js/play.js"></script> + <script src="/js/images.js"></script> + <script src="/js/characters.js"></script> + <script src="/js/script-a1-monday.js"></script> + </body> +</html> |