-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
49 lines (43 loc) · 3.79 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
<!doctype html>
<html>
<head>
<title>The Butterfly Devourer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="res/styles.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<script src="js/script.js"></script>
<div class="my-container" id="bg">
<div class="my-container" id="mist">
</div>
<div class="my-container" id="text-container">
<div id="verse-container">
<div class="verse" id="verse0"> <br>The Butterfly Devourer<br><br>~scroll/arrows/click to begin~<br>~m to mute~ </div>
<div class="verse" id="verse1"><br>Delightful,<br>Enthralling dreams.<br>All eaten by<br>The Butterfly Devourer.</div>
<div class="verse" id="verse2"><br>Peaceful,<br>Refreshing mornings.<br>Leadened by<br>The Butterfly Devourer.</div>
<div class="verse" id="verse3"><br>Everlasting,<br>Strong connections.<br>Ignited by<br>The Butterfly Devourer.</div>
<div class="verse" id="verse4"><br>Suffering.<br>Irrepressible agony.<br>Varnished by<br>The Butterfly Devourer.</div>
<div class="verse" id="verse5"><br>Ongoing torment,<br>Neverending emptiness.<br>Ended by<br>The Butterfly Devourer.</div>
<div class="verse" id="verse6"><br>Some of us fight <font color="#aa0000">it</font> everyday.</div>
<div class="verse" id="verse7"><br><font color="#aa0000">D</font>elightful,<br><font color="#aa0000">E</font>nthralling dreams.<br>All eaten by<br><font color="#afafaf">The Butterfly Devourer.</font></div>
<div class="verse" id="verse8"><br><font color="#aa0000">P</font>eaceful,<br><font color="#aa0000">R</font>efreshing mornings.<br>Leadened by<br><font color="#ae8383">The Butterfly Devourer.</font></div>
<div class="verse" id="verse9"><br><font color="#aa0000">E</font>verlasting,<br><font color="#aa0000">S</font>trong connections.<br>Ignited by<br><font color="#ad5a5a">The Butterfly Devourer.</font></div>
<div class="verse" id="verse10"><br><font color="#aa0000">S</font>uffering.<br><font color="#aa0000">I</font>rrepressible agony.<br>Varnished by<br><font color="#ac2c2c">The Butterfly Devourer.</font></div>
<div class="verse" id="verse11"><br><font color="#aa0000">O</font>ngoing torment,<br><font color="#aa0000">N</font>everending emptiness.<br>Ended by<br><font color="#aa0000">The Butterfly Devourer.</font></div>
<div class="verse" id="verse12"><br>Learn to <font color="#00aa00">help</font>.</div>
<div class="verse" id="verse13"><br>Delightful,<br>Enthralling dreams.<br><font color="#00aa00">A</font>ll eaten by<br>The Butterfly Devourer.</div>
<div class="verse" id="verse14"><br>Peaceful,<br>Refreshing mornings.<br><font color="#00aa00">L</font>eadened by<br>The Butterfly Devourer.</div>
<div class="verse" id="verse15"><br>Everlasting,<br>Strong connections.<br><font color="#00aa00">I</font>gnited by<br>The Butterfly Devourer.</div>
<div class="verse" id="verse16"><br>Suffering.<br>Irrepressible agony.<br><font color="#00aa00">V</font>arnished by<br>The Butterfly Devourer.</div>
<div class="verse" id="verse17"><br>Ongoing torment,<br>Neverending emptiness.<br><font color="#00aa00">E</font>nded by<br>The Butterfly Devourer.</div>
<div class="verse" id="verse18"><br>You don't have to do it alone.<br><font color="#00aa00">Keep fighting.</font></div>
<div class="verse" id="verse19"><br>You don't have to do it alone.<br><font color="#00aa00">Keep fighting.</font><br><br>Call 116 123<br>https://www.samaritans.org/</div>
</div>
</div>
<div id="devourer">
<img src="res/devourer.gif"> </img>
</div>
</div>
</body>
</html>