summaryrefslogtreecommitdiff
path: root/www/index.html.dist
blob: 66d75e034527b98f0c0ab55a5c5f584dc4891d7b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html class="no-js">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="HTML5 implementation of Katawa Shoujo, a bishōjo-style visual novel by Four Leaf Studios that tells a story of a young man and five young women living with varying disabilities.">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
    <title class="window_name">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">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script src="js/all.min.js"></script>
  </head>
  <body><div id="all">
    <div id="interstitial">
      <div id="standard">
        <p>Okay, before we start, we need to go through a few things first.</p>
        <p>If you don't know what Katawa Shoujo is, see <a href="http://www.katawa-shoujo.com/">http://www.katawa-shoujo.com/</a>, then come back.</p>
        <p>There's like, a little bit of... inappropriate content, so we have to make you promise you're over 18.</p>
        <p>If you don't want to see any, er, explicit content, hit the appropriate checkbox at the bottom of the page.</p>
        <p>Also, please don't bother the original developers on the forums or IRC about bugs in this. This is entirely unofficial and not controlled by them whatsoever.<br>
        This includes missing features, typos, downtime, and any other glitches of any sort. Bug me instead: <a href="https://bugzilla.happinessforme.com/">https://bugzilla.happinessforme.com/</a>, or use the official distribution until HTML5KS is feature-complete.
        </p>
        <p>FYI, this site uses localStorage to keep your settings and saves. This information always stays on your computer and never goes anywhere. If you live in the EU, please don't sue me.</p>
      </div>
      <div id="missing-features">
        <h2>We use a lot of new features in this; your browser seems to have some issues...</h2>
        <ul id="features">
          <li id="js">It doesn't seem to have JavaScript enabled. This site doesn't work at all without it. Really. <a href="http://enable-javascript.com">Don't know how to enable JS?</a></li>
          <li id="ie">You're using Internet Explorer. Please upgrade to any other browser. <a href="//getfirefox.com">Firefox</a> and <a href="//google.com/chrome">Chrome</a> are both fine options. Nothing will work in IE. I promise.</li>
          <li id="video">It doesn't seem to support <a href="https://en.wikipedia.org/wiki/HTML5_video">HTML5 video</a>, which means that you won't be able to see any of the videos (obviously). Unless stated below, though, transitions should still work. <a href="http://caniuse.com/#feat=video">You should strongly consider upgrading.</a></li>
          <li id="audio">It doesn't seem to support <a href="https://en.wikipedia.org/wiki/HTML5_audio">HTML5 audio</a>, which means you won't be able to hear any of the amazing music. <a href="http://caniuse.com/#feat=audio">You should strongly consider upgrading.</a></li>
          <li id="opus">It doesn't seem to support the <a href="https://en.wikipedia.org/wiki/Opus_%28audio_codec%29">Opus audio codec</a>, which is much smaller in size than Ogg or MP3. Unless stated above, you should be able to listen to music using an inferior (i.e. uses more bandwidth) codec.</li>
          <li id="fontface">It doesn't seem to support <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face">the @font-face at-rule</a>, which lets us display the Playtime and Gentium fonts used in Katawa Shoujo. <a href="http://caniuse.com/#feat=fontface">Any browser released in the last 2 years or so should support it.</a></li>
          <li id="csstransforms">It doesn't seem to support <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transforms">CSS transforms</a>, which means that we won't be able to scale the window or show most transitions. <a href="http://caniuse.com/#feat=transforms2d">Any browser released in the last 2 years ago should work.</a></li>
        </ul>
      </div>
      <p><label class="button"><input type="checkbox" class="option hdisable"> <span class="hdisabled_label">Disable adult content</span></label>
      <br>
      <div class="button" id="lets-go">Let's go!</div>
    </div>
    <div id="container">
      <div id="gray" style="display: none;"></div>
      <div id="scene">
        <div id="show"></div>
        <div id="window" style="display: none;">
          <div id="who"></div>
          <div id="say" class="say"></div>
          <span class="ctc" id="ctc" style="display: none"></span>
        </div>
        <div id="nvl" style="display: none;">
          <div id="nvlsay" class="say"></div>
          <span class="ctc" id="nvlctc" style="display: none"></span>
        </div>
        <div id="choices" class="centered"></div>
        <div id="centered" class="centered say"></div>
        <span class="status" id="auto" alt="Auto"></span>
        <span class="status" id="skip" alt="Skip"></span>
      </div>
      <div id="main-menu" style="display: none;">
        <div id="main-menu-buttons">
          <div id="start" class="button main_menu_start disabled"></div>
          <div id="load" class="button main_menu_load disabled"></div>
          <div id="extras" class="button main_menu_extra disabled"></div>
          <div class="options-button main_menu_config button"></div>
          <div class="quit button main_menu_quit disabled"></div>
        </div>
        <div id="version">
          Katawa Shoujo v1.1
          <br>
          HTML5KS 0.3.0
        </div>
      </div>
      <div id="dialogs" class="centered" style="display: none;">
        <div id="options">
          <h2 class="config_page_caption"></h2>
          <label class="button"><input type="checkbox" class="option skipAfterChoices"> <span class="config_skip_after_choice_label"></span></label>

          <label><input type="range" min="1.0" max="200.0" step="0.001" class="option" id="textSpeed"> <span class="config_textspeed_label"></span></label>
          <label><input type="range" min="0.0" max="1.0" step="0.001" class="option" id="autoModeDelay"> <span class="config_afmspeed_label"></span></label>

          <label><input type="range" min="0.0" max="1.0" step="0.001" class="option" id="musicVolume"> <span class="config_musicvol_label"></span></label>
          <label><input type="range" min="0.0" max="1.0" step="0.001" class="option" id="sfxVolume"> <span class="config_sfxvol_label"></span> <span id="test-sound" class="button config_sfxtest_label"></span></label>

          <label class="button disabled config_language_sel"></label>

          <label class="button" id="clear-persistent">Clear persistent data</label>
        </div>
        <div id="load_dlg">
          <h2 class="load_page_caption"></h2>
          <div class="saves"></div>
        </div>
        <div id="save_dlg">
          <h2 class="save_page_caption"></h2>
          <div class="saves"></div>
          <div class="button new_save_button"></div>
        </div>
        <label id="return" class="button return_button_text"></label>
      </div>
      <div id="context" style="display: none;">
        <div id="context-menu" class="centered">
          <div id="context-return" class="button game_menu_return"></div>
          <div id="show-image" class="button game_menu_show"></div>
          <div id="text-history" class="button game_menu_history disabled"></div>
          <div id="skip-mode" class="button game_menu_skip disabled"></div>
          <div id="auto-mode" class="button game_menu_auto disabled"></div>
          <div class="options-button button game_menu_config"></div>
          <div id="save" class="button game_menu_save disabled"></div>
          <div class="load button game_menu_load disabled"></div>
          <div id="goto-main-menu" class="button game_menu_main"></div>
          <div class="quit button disabled game_menu_quit"></div>
        </div>
        <div id="context-info">
          <div><span class="play_time_label"></span>: <span id="play-time"></span></div>
          <div><span class="game_menu_current_scene"></span>: <span id="current-scene"></span></div>
          <div><span class="game_menu_current_music"></span>: <span id="current-music-track"></span></div>
        </div>
      </div>
    </div>
    <video id="vid"></video>
  </div></body>
</html>