zirei/purgatory-page
1
0
Fork 0
forked from doqe/purgatory-page
Code Pull Requests Activity

first commit

Browse Source
This commit is contained in:
doqedev
2025-07-08 17:19:02 -07:00
commit f1dd74a0ab
5 changed files with 100 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
bg.mp4 Normal file
View File

Binary file not shown.

BIN
icon.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 MiB

53
maintenance.html Normal file
View File

@ -0,0 +1,53 @@
<html>
<head>
<title>Purgatory</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<link rel="icon" href="icon.gif" type="image/gif" />
<audio loop autoplay loop id="bg-audio" volume="0">
<source src="old_doll.wav" type="audio/wav" />
Your browser does not support the audio element.
</audio>
<video autoplay muted loop playsinline id="bg-video">
<source src="bg.mp4" type="video/mp4" />
no video tag ):
</video>
<div id="video-overlay"></div>
<div id="content">
<h1>Purgatory</h1>
<p>This website is under construction, check back later!</p>
</div>
</body>
<script>
let userInteracted = false;
const audio = document.getElementById("bg-audio");
audio.volume = 0.1
function markInteraction() {
userInteracted = true;
audio.play()
window.removeEventListener("click", markInteraction);
window.removeEventListener("keydown", markInteraction);
window.removeEventListener("touchstart", markInteraction);
}
window.addEventListener("click", markInteraction);
window.addEventListener("keydown", markInteraction);
window.addEventListener("touchstart", markInteraction);
if (userInteracted) {
audio.play();
} else {
window.addEventListener(
"click",
() => {
audio.play();
},
{ once: true }
);
}
</script>
</html>

BIN
old_doll.wav Normal file
View File

Binary file not shown.

47
styles.css Normal file
View File

@ -0,0 +1,47 @@
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap');
#bg-video {
position: fixed;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
object-fit: cover;
z-index: -1;
}
#video-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(10px);
background-color: rgba(0, 0, 0, 0.7);
z-index: -1;
}
body {
margin: 0;
padding: 0;
font-family: "Inconsolata", monospace;
color: white;
position: relative;
}
#content > * {
margin: 3;
}
#content {
position: relative;
z-index: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
text-align: center;
background: transparent;
display: flex;
flex-direction: column;
}