blob: 3bf5749032747a773f13280ac651e441be2243cb (
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
|
<!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;
}
@font-face {
font-family: "Playtime";
/* src: url("playtime.ttf"); */
src: url("playtime-webfont.ttf");
src: url("playtime-webfont.woff");
}
#container {
width: 800px;
height: 600px;
position: relative;
overflow: hidden;
}
@keyframes toright {
from {
left: -100px;
}
to {
left: -190px;
}
}
</style>
</head>
<body>
<audio id="music" src="/dump/bgm/Ease.ogg" loop controls></audio>
<div id="container" style="position: relative;">
<img src="/dump/bgs/school_girlsdormhall.jpg" style="position: relative; animation: 1.5s toright both ease-in;">
<img src="/dump/ui/bg-say.png" style="position: absolute; top: 440px; left: 0;">
<div style="font: 22px/27px Playtime; color: white; width: 750px; height: 90px; position: absolute; top: 493px; left: 28px;">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>
</body>
</html>
|