This repository has been archived by the owner on Jul 12, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
205 lines (180 loc) · 5.11 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html>
<head>
<title>I'm fine.</title>
<style type="text/css">
body {
background-color: #101010;
font-size: 64px;
}
body,
html {
height: 100%;
overflow: hidden;
}
.fake {
color: #F0F0F0;
z-index: 2;
}
h1 {
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
margin-top: -0.5em;
position: relative;
text-align: center;
top: 50%;
}
span {
color: #404040;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.25em;
font-weight: bold;
left: 100%;
position: absolute;
white-space: nowrap;
z-index:1;
}
</style>
<meta name="description" content="Really, I'm fine." />
<meta name="keywords" content="depression, i am fine, i'm fine, im fine" />
<meta name="viewport" content="initial-scale=1,width=device-width" />
</head>
<body>
<h1 class="fake">I'm fine.</h1>
<script type="text/javascript">
var text = [
[
"Don't worry about me.",
"Everything's fine.",
"Everything's okay.",
"I'm good.",
"I'm great.",
"It's okay."
],
[
"Everything is awful.",
"Every day is harder than the last.",
"Every morning, I feel neutral. Not happy, not sad, just neutral.",
"Everyone cares about each other, but not about me.",
"Everyone is friendly with each other, but not with me.",
"Everything feels hollow and pointless and empty.",
"Everything is so pointless.",
"I am nothing.",
"I am so alone.",
"I can't do this any longer.",
"I can't remember when this started.",
"I can't stand feeling like this.",
"I can't talk with anybody about this.",
"I don't have any energy left.",
"I don't want anyone to see me this way.",
"I feel like giving up.",
"I feel like I'm drowning.",
"I feel like I've failed in life.",
"I feel so alone.",
"I get bullied.",
"I hate me.",
"I hate my life.",
"I hate myself.",
"I have no one.",
"I have nobody to share my problems with.",
"I have nobody to talk to.",
"I have to get up each morning and put on a show.",
"I know nobody will ever understand me.",
"I mean nothing to them.",
"I need help.",
"I need to vent.",
"I only have friends when they need something from me.",
"I smile, but behind the façade, I'm a wreck.",
"I want to die.",
"I'm a disgrace.",
"I'm a failure.",
"I'm a loser.",
"I'm boring.",
"I'm digging myself into a hole of depression.",
"I'm in pain.",
"I'm losing hope each day.",
"I'm miserable.",
"I'm not fine.",
"I'm so confused.",
"I'm so depressed.",
"I'm so scared.",
"I'm suffering.",
"I'm tearing up inside.",
"I'm tired of feeling this way.",
"I'm ugly.",
"I'm unfriendly, and nobody likes me.",
"I'm weak.",
"It feels like nothing matters anymore.",
"It hurts to feel this way.",
"It's just terrible.",
"It's just horrible.",
"It's so hard.",
"My grades are terrible.",
"My life is meaningless.",
'My so-called "friends" only talk to me when they need something.',
"My family probably hates me.",
"Nobody understands.",
"Nobody understands me.",
"Nobody understands how I feel.",
"Nobody would believe that I feel this way.",
"Nothing fills the void.",
"Pretending to be happy is killing me inside.",
"There is so much heartache.",
"When did everything go wrong?",
"Why me?",
"Will it ever get better?"
]
];
var message = function() {
var span = document.createElement("span"),
speed = Math.ceil(Math.random() * 4);
// Good text.
if (Math.random() < 0.01) {
span.appendChild(document.createTextNode(text[0][Math.floor(Math.random() * text[0].length)]));
span.className = "fake";
}
// Bad text.
else
span.appendChild(document.createTextNode(text[1][Math.floor(Math.random() * text[1].length)]));
document.body.appendChild(span);
span.style.left = document.body.clientWidth + "px"; // otherwise span.style.left is blank during calculations later
span.style.top = Math.floor(Math.random() * (document.body.clientHeight - span.clientHeight)) + "px";
spans[speed].push(span);
setTimeout(
function() {
requestAnimationFrame(message);
},
// Taller browsers = more messages added per second
Math.random() * span.clientHeight / document.body.clientHeight * 50000
);
},
scroll = function() {
requestAnimationFrame(scroll);
for (var speed = 1; speed < spans.length; speed++) {
// For each span in this speed,
for (var x = 0; x < spans[speed].length; x++) {
// Move it 1px to the left.
var left = parseInt(spans[speed][x].style.left, 10) - speed;
spans[speed][x].style.left = left + "px";
// If it's completely offscreen,
if (left == -1 * spans[speed][x].clientWidth) {
// Remvoe it from the DOM.
document.body.removeChild(spans[speed][x]);
// Remove it from the array.
for (y = x; y < spans[speed].length - 1; y++)
spans[speed][y] = spans[speed][y + 1];
spans[speed].pop();
// Reiterate this index (which now contains the next element).
if (x < spans[speed].length - 1)
x--;
}
}
}
},
spans = [null, [], [], [], []];
message();
scroll();
</script>
</body>
</html>