add disappearing page
This commit is contained in:
parent
7f5feae051
commit
bbbb10178f
2 changed files with 86 additions and 0 deletions
49
subdomain/disappearing/index.html
Normal file
49
subdomain/disappearing/index.html
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>disappearing .</title>
|
||||
<link rel="stylesheet" type="text/css" href="/subdomain/disappearing/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/font.css">
|
||||
<meta lang="en-US">
|
||||
<meta property="og:url" content="https://disappearing.synth.download/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>
|
||||
oh, hello there.
|
||||
</h1>
|
||||
|
||||
<p>
|
||||
you seem... <i style="opacity: .8;">lost</i>. but, welcome. to my home.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
i know, not the most interesting place here, but things get lost here. sometimes to be <span style="opacity: .7;">forgotten...</span> but i keep track of those here. occasionally, things sometimes appear out of nowhere before vanishing.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
i'd do decorating around this place, but why bother. i think it's cozy, anyways. ^^
|
||||
</p>
|
||||
|
||||
<p>
|
||||
anyways, you probably want to know what's here, for the time being anyways. what's still here:
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="https://picking-cherries.disappearing.synth.download">picking-cherries</a>, i'm not entirely sure what's a "cherrypick" for, but i think the name probably makes it obvious.</li>
|
||||
<li><a href="https://smith.disappearing.synth.download">smith</a>... smithereen? is this... <span style="opacity: .7;">someone's soul?</span> ...actually, maybe i don't want to think about it too hard.</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
as of currently, nothing that i consider of value to list here has been lost yet.
|
||||
</p>
|
||||
|
||||
<p>anyways, thanks for sticking around, kiddo. but you probably want to get out of here, don't ya? <a href="https://synth.download">you should head back.</a></p>
|
||||
|
||||
<p>oh, my name? uh, yeah. it's ... i don't have a name.</p>
|
||||
</body>
|
||||
37
subdomain/disappearing/style.css
Normal file
37
subdomain/disappearing/style.css
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
:root {
|
||||
--bg: #0a0a0a;
|
||||
--fg: #b4b4b4;
|
||||
--link: #9fc2cf;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg);
|
||||
color: var(--fg);
|
||||
font-family: 'JetBrains Mono', monospace, system-ui, sans-serif;
|
||||
font-size: 1.125rem;
|
||||
max-width: 55rem;
|
||||
align-self: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
p, a, li {
|
||||
font-size: 1.125rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
margin-top: 5rem;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
background-image: linear-gradient(to right, var(--fg) 15%, transparent 32%);
|
||||
color: transparent;
|
||||
background-clip: text;
|
||||
margin-bottom: 10rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue