PossiblyAxolotl/i-eat.rocks
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add door

Browse source
This commit is contained in:
PossiblyAxolotl 2024-08-16 17:13:23 -06:00
parent 77ff4a8814
commit 8d4cf12116
4 changed files with 82 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/notepad.html
View file

@ -24,6 +24,6 @@
</style> </style>
</head> </head>
<body> <body>
<textarea style="width: 100%; height: 100%; resize: none; border:none; font-size: large; margin:0;">I've eaten nothing but rocks for 3 days...&NewLine;I don't know how much longer I can keep this going... I need food&NewLine;&NewLine;--- January 21&NewLine;&NewLine;It's been so long... I don't know where I end end and the rocks begin.&NewLine;&NewLine;--- March 12&NewLine;&NewLine;I've started to see things I'm not sure are really there... creatures of pure stone. Can they see me? Why doesn't anyone else notice?&NewLine;&NewLine;--- April 17</textarea> <textarea style="width: 100%; height: 100%; resize: none; border:none; font-size: large; margin:0;">I've eaten nothing but rocks for 3 days...&NewLine;I don't know how much longer I can keep this going... I need food&NewLine;&NewLine;--- January 21&NewLine;&NewLine;It's been so long... I don't know where I end end and the rocks begin.&NewLine;&NewLine;--- March 12&NewLine;&NewLine;I've started to see things I'm not sure are really there... creatures of pure stone. Can they see me? Why doesn't anyone else notice?&NewLine;&NewLine;--- April 17&NewLine;&NewLine;The door sits there, taunting. I wonder what's behind it but I am afraid...&NewLine;&NewLine;I have left a note in the guestbook.. please make sure nobody else finds out about this&NewLine;&NewLine;--- July 4</textarea>
</body> </body>
</html> </html>

31
door/common.css Normal file
View file

@ -0,0 +1,31 @@
body, html {
padding:0;
margin: 0;
height: 100%;
}
body {
background-color: black;
text-align: center;
align-content: center;
display: grid;
}
@keyframes reveal {
0% {
opacity: 0%;
}
100% {
opacity: 100%;
}
}
img {
image-rendering: pixelated;
}
p {
color: white;
}

BIN
door/images/door.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 76 KiB

50
door/index.html Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>???</title>
<style>
body, html {
padding:0;
margin: 0;
height: 100%;
}
body {
background-color: black;
text-align: center;
align-content: center;
display: grid;
}
@keyframes reveal {
0% {
opacity: 0%;
}
100% {
opacity: 100%;
}
}
img {
animation: reveal 5s;
}
p {
animation: reveal 5s forwards;
animation-delay: 4s;
opacity: 0%;
}
</style>
</head>
<body>
<div>
<img src="/door/images/door.png" />
<p>The door is closed.</p>
</div>
</body>
</html>