-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (107 loc) · 5.17 KB
/
index.html
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
122
123
124
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8">
<title>一段矫情的自白</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="keywords" content="" />
<meta name="description" content="这是一个傻逼的自白。" />
<meta name="author" content="solarhell" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="shortcut icon" href="image/logo.ico" />
<link rel="stylesheet" href="css/style.css"/>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/resLoader.js"></script>
</head>
<body>
<div class="progress">
<div class="progressbar"></div>
<div class="progresstext">
<span class="current"></span>/
<span class="total"></span>
</div>
</div>
<script type="text/javascript" src="js/preload.js"></script>
<audio src="audio/bgm.ogg" loop="loop" autoplay="autoplay"></audio>
<div id="impress">
<div class="no-support-message">
你的浏览器不支持impress.js.请更换，它不支持手机。
</div>
<div id="first-page" class="step page" data-x="0" data-y="0">
<div id="first-content">
<h1 id="first-title">这是一个比较长的故事</h1>
<p id="first-desc">不兼容IE浏览器，为你的电脑做过适配，1366x768，请将声音开放，并先按F11全屏，随后一直按空格即可。如果可以，请看到最后。</p>
</div>
</div>
<div id="one" class="step page" data-x="1000" data-y="0">
<div id="one-content">
<h1 id="one-title">少年</h1>
<p id="one-desc">曾经有这样的一个少年，少年的成长历程并非一帆风顺，以至于不知从何时开始，在不知不觉之中，认为自己是注定孤独的。</p>
</div>
</div>
<div id="lonely" class="step page" data-x="1500" data-y="1000" data-rotate-z="45">
<div id="lonely-content">
<h1 id="lonely-title">孤独</h1>
<p id="lonely-desc">孤独是一种浪漫，那是一种似乎可以隔绝一切、让自己获得绝对心理优势的浪漫，这种浪漫是一种土壤，少年一直在这个土壤上寻找着属于自己的养分。</p>
</div>
</div>
<div id="deceive" class="step page" data-x="2000" data-y="1800">
<div id="deceive-content">
<h1 id="deceive-title">欺骗</h1>
<p id="deceive-desc">自我欺骗的种子在这个土壤上被埋下，发芽，茁壮，在十几年的成长之后，最终长成了一颗无法击溃、名为“习惯”的大树。</p>
</div>
</div>
<div id="refuse" class="step page" data-x="2500" data-y="1400" data-rotate-x="45">
<div id="refuse-content">
<h1 id="refuse-title">拒绝</h1>
<p id="refuse-desc">在大树的遮挡下，他拒绝着他的所有对于外界生物的渴求，将之斥之庸人的愚蠢和对内心的叛离。</p>
</div>
</div>
<div id="grow-up" class="step page" data-x="3000" data-y="1400">
<div id="grow-up-content">
<h1 id="grow-up-title">成长</h1>
<p id="grow-up-desc">然而，无论是如何拒绝着世界的少年，总是会被世界逼迫着成长的。</p>
</div>
</div>
<div id="inferior" class="step page" data-x="3000" data-y="2000" data-rotate-z="45">
<div id="inferior-content">
<h1 id="inferior-title">自卑</h1>
<p id="inferior-desc">当少年不再被允许自称为少年之时，他终于发现——深入骨髓的自卑，看似是一种卑贱，实际是一种傲慢，并且也只能表现为那种傲慢。</p>
</div>
</div>
<div id="pride" class="step page" data-x="3000" data-y="3000">
<div id="pride-content">
<h1 id="pride-title">傲慢</h1>
<p id="pride-desc">但傲慢，是罪啊，是那神所不能宽恕的七宗大罪之首。</p>
</div>
</div>
<div id="atone" class="step page" data-x="4000" data-y="2500" data-rotate-y="45">
<div id="atone-content">
<h1 id="atone-title">赎罪</h1>
<p id="atone-desc">发现了这一切的他，虽然试图用尽一切方式去赎罪，但却终究发现，傲慢这种罪是无法消除的，是必须要背负一生的。</p>
</div>
</div>
<div id="end" class="step page" data-x="3500" data-y="3000" data-rotate-x="45">
<div id="end-content">
<h1 id="end-title">尾声</h1>
<p id="end-desc">所以直到最后，这个少年还是不敢用自己的身份去表露出自己想要表达的东西——</p>
</div>
</div>
<div id="confess" class="step page" data-x="3500" data-y="3500">
<div id="confess-content">
<p id="confess-desc">“你也察觉到了吧，这是对你曾经的憧憬，曾经试图尝试的追求、和这种傲慢所带来的最终的放弃，或者说，是一种从未正式表露过的爱吧。<br>虽然知道这会给你带来困扰，但抱歉，仅仅这一次，这种自我满足的错误就允许我犯一下吧。”</p>
</div>
</div>
<div id="bye" class="step page" data-x="3500" data-y="5000">
<div id="bye-content">
<h1 id="bye-title">毕业，祝贺</h1>
<p id="bye-desc">此网站将会在你看过之后被销毁，不会留下麻烦的。</p>
</div>
</div>
</div>
<script type="text/javascript" src="js/impress.js"></script>
<script>
impress().init();
</script>
</body>
</html>