i-eat.rocks/site/door/index.html
2024-09-13 20:49:46 -06:00

53 lines
No EOL
983 B
HTML

<!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>
<link rel="stylesheet" href="/door/common.css">
</head>
<body>
<div>
<img src="/door/images/door.png" />
<p>The door is closed.</p>
</div>
</body>
</html>