add die and escape pages

This commit is contained in:
blek 2023-12-23 20:21:51 +10:00
parent cda7e1631b
commit 06600fdd00
Signed by: blek
GPG Key ID: 14546221E3595D0C
3 changed files with 102 additions and 0 deletions

87
content/die.md Normal file
View File

@ -0,0 +1,87 @@
+++
title = 'It is over'
+++
<style>
@keyframes over-fade-in {
0% {
opacity: 0;
transform: translateY(-50%);
filteR: blur(24px)
}
to {
opacity: 1;
transform: translateY(0%);
filteR: blur(0px)
}
}
.over {
text-transform: uppercase;
font-size: 5em;
font-weight: 900;
font-family: 'Open Sans', 'Segoe UI', 'Verdana', sans-serif;
text-align: center;
animation: over-fade-in 2s ease;
animation-fill-mode: forwards;
animation-delay: 1s !important;
opacity: 0;
color: #a0a0a0;
}
.not {
width: 0px;
display: inline-block;
clip-path: inset(0 0 0 0);
transition: 250ms ease;
text-decoration: none;
color: white;
text-align: center
}
.not:visited {
color: white
}
.over:hover > .not {
width: 240px;
}
#tip {
position: fixed; z-index: 10;
top: 50%; left: 50%;
height: 300px;
transform: translate(-50%, -70%);
background: #ffffff02;
backdrop-filter: blur(32px);
padding: 40px;
border: 1px solid #c2c4c220;
border-radius: 20px;
opacity: 0;
filter: blur(24px);
transition: 250ms ease;
display: flex;
align-items: center;
pointer-events: none;
}
#tip:target {
opacity: 1;
filter: blur(0px);
transform: translate(-50%, -50%);
pointer-events: all;
}
</style>
<div id='tip'>
Just go back to the previous page. duh
</div>
<p class='over'>
It is<a href='#tip' class='not'>&nbsp;NOT!</a> over.
</p>
<p class='over' style='font-size:2em;text-transform:none;animation-delay:2s !important;font-weight:normal'>
You have died while traveling through the blek! World.
</p>

6
content/escape.md Normal file
View File

@ -0,0 +1,6 @@
+++
title = 'Yay!'
+++
# You have escaped the blek! World.
Is it good? Who knows. If i were you, i'd never come back here again.

View File

@ -95,3 +95,12 @@ title = 'The stream of consciousness'
<span class='thought' style='top: calc(60% + 30px); left: 34%;animation-delay:-14s'>
Those are <b>OUR</b> thoughts now.
</span>
<span class='thought' style='bottom: 23%; left: 7%;animation-delay:-3s'>
Should I
<a href='/die'>Escape</a>
or
<a href='/escape'>Die</a>
?
</span>