-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
82 lines (70 loc) · 4.56 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="stylesheet.css">
<link rel="stylesheet" href="fonts/fontawesome/css/all.min.css">
<link rel="stylesheet" href="fonts/Blex/Blex.css">
<link rel="stylesheet" href="fonts/OpenSans/OpenSans.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>+x</title>
</head>
<body>
<div id="main">
<div class="section" id="sectionGreeter">
<div id="centerBox">
<div id="logoBox"></div>
<div id="linkBox">
<a href="https://twitter.com/0xBA5E64"><i class="fab fa-twitter fa-2x"></i></a>
<a rel="me" href="https://chaos.social/@TheHoardingWyrmling"><i class="fab fa-mastodon fa-2x"></i></a>
<!-- TODO: Implement multple mastodon instances properly; -->
<!-- <a rel="me" href="https://dragon.style/@wyrm">Mastodon</a> -->
<a href="https://dragon.singles/"><i class="fas fa-dragon fa-2x"></i></a>
<a href="https://file.wyrm.host/"><i class="fas fa-folder fa-2x"></i></a>
</div>
</div>
<!-- Crypto was here -->
<!--
<div id="crypto">
<h1>Crypto</h1>
<p class="BTC">bc1quf7vtr4sqzjfghny3lqzlmm4cn8aq9zzk3vg3t</p>
<p class="BCH">qp9y97glf4frj8nsr4xzcrgfm9cq3vg6zc796xar4s</p>
<p class="ETH">0xb081f5474005Cc375A61d89f74f99DC764D5FFE6</p>
<p class="ETC">0xFba7aa0175450e8b18aAd3937e8f829d06769dE2</p>
<p class="LTC">LgYjygRvNhmqu8CtcUnhF11fezkPFKZ6xu</p>
</div>
-->
</div>
<div class="section" id="sectionInformation">
<div class="aboutBar">
<span class="title">Bio<span style="opacity:0.5">graphy</span></span>
<span class="disclaimer">Based off of Midnight Scrivener's <a href="https://midnight-scrivener.tumblr.com/post/169992996839/what-if-people-we-consider-collectors-today-were">flash fiction</a></span>
</div>
<div class="biography">
<p class="wyrm">I am the dragon that calls themselves <b>Dovah</b>, and <a href="https://file.wyrm.host/">this</a>, is my hoard.</p>
<p class="othr">You... don't look really look like a dragon?</p>
<p class="wyrm">Well, hardly anyone does these days. As times have changed so have we. The scales and wings worked along the dinosaurs. But we quickly learned that wasn't going to fly with you people. Though I do admittedly miss our kin's tails.</p>
<p class="othr">You were around all the way back to the dinosaurs?</p>
<p class="wyrm">Well, not <i>me</i>, personally. How old do you think I am?</p>
<p class="othr">...There is no safe answer to that, is there?</p>
<p class="wyrm">No.</p>
<p class="othr">So... when you say this is your hoard...?</p>
<p class="wyrm">All dragons have one. Some stick to the old gold and jewels thing, but that is somewhat cliché these days. Most of us nowadays like our hoards to be a little bit more sophisticated than 'shiny.'</p>
<p class="othr">Like what?</p>
<p class="wyrm">
I have known dragons whom collect snowflakes from the first fall of the year over dozens of centuries.
Dragons that collect the petals of flowers left on the graves of loved ones.
Dragons that keep and care for soft toys and comfort items, left behind by children as they've grown up.
Dragons that guard happy memories and shards of sunlight, kept safe for rainy days.
</p>
<p class="wyrm">I myself have found my calling in by nature of the digital age; 1s & 0s. These two primitives let me freely build my hoard out of most anything, at unprecidented density. Music, art, film and writings, and not just the famed works of noted names, but just so those of lesser praise. I catch all that which catches my eye in the digital stream, and I do my best to uphold my sanctuary of information.</p>
<p class="othr">Forgive me but, that seems unsafe to slumber on</p>
<p class="wyrm">Military-grade casing is a small price to pay for a safe <i>and</i> self-heating hoard in winter.</p>
<p class="othr">Wow. So all these things... really mean a lot to you, huh?</p>
<p class="wyrm">They are my memories. All the things that have helped shape me into the being who stands here talking to you now. Every last one of them, in some way, is a fragment of my very self.</p>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>