84 lines
3.5 KiB
HTML
84 lines
3.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
|
|
<title>WatchPeopleDie.tv</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta property="og:type" content="website">
|
||
|
|
<meta property="og:title" content="Dreadful'">
|
||
|
|
<meta property="og:url" content="https://dreadfulservices.online">
|
||
|
|
<meta name="twitter:card" content="summary_large_image">
|
||
|
|
<meta property="twitter:image" content="https://i.imgur.com/a/4OmxUkU.gif">
|
||
|
|
<meta name="theme-color" content="#2f3136">
|
||
|
|
<script src="/cdn-cgi/apps/head/snwXCr1-OFKTB2o8D5sg5H4Y4Ng.js"></script>
|
||
|
|
<link rel="stylesheet" href="assets/css/main.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<main>
|
||
|
|
<script>
|
||
|
|
function playNextVideoAndAudio() {
|
||
|
|
var video = document.getElementById("video");
|
||
|
|
var audio = document.getElementById("audio");
|
||
|
|
|
||
|
|
video.addEventListener("ended", function() {
|
||
|
|
// Play the next video
|
||
|
|
video.src = "assets/images/say.mp4";
|
||
|
|
video.play();
|
||
|
|
});
|
||
|
|
|
||
|
|
audio.addEventListener("ended", function() {
|
||
|
|
// Play the next audio
|
||
|
|
audio.src = "assets/audio/say.mp3";
|
||
|
|
audio.play();
|
||
|
|
});
|
||
|
|
|
||
|
|
// Start playing the initial video and audio
|
||
|
|
video.play();
|
||
|
|
audio.play();
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<input type="checkbox" autocomplete="off" id="overlay-toggle">
|
||
|
|
<div class="overlay fullscreen">
|
||
|
|
<label for="overlay-toggle" onclick="playNextVideoAndAudio()">
|
||
|
|
<span class="no-hover" style="font-family: derk; font-size: 0.6em;">press anywhere</span>
|
||
|
|
<span class="hover" style="font-family: derk; font-size: 0.6em;">click anywhere</span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
<audio loop="" preload="auto" id="audio">
|
||
|
|
<source src="assets/audio/j.mp3" type="audio/mp3">
|
||
|
|
</audio>
|
||
|
|
<video muted="muted" loop="" playsinline="" preload="auto" class="fullscreen bg-video" id="video">
|
||
|
|
<source src="assets/images/jew.mp4" type="video/mp4">
|
||
|
|
</video>
|
||
|
|
<section class="fullscreen text-content">
|
||
|
|
<div id="center">
|
||
|
|
<h1 style="font-family: derk; text-shadow: 0 0 0.40em #bababa;">WPD</h1>
|
||
|
|
<div class="socials">
|
||
|
|
<h4>Owners; Klez</h4>
|
||
|
|
<span>
|
||
|
|
$:
|
||
|
|
<a href="404" style="text-decoration:none; font-family: derk; font-size: 1em;">no server to join yet</a>
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
$:
|
||
|
|
<a href="hall-of-autism/hoa.html" style="text-decoration:none; font-family: derk; font-size: 1em;">Hall Of Autism</a>
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
$:
|
||
|
|
<a href="hall-of-fame/hof.html" style="text-decoration:none; font-family: derk; font-size: 1em;">Hall Of Fame</a>
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
$:
|
||
|
|
<a href="hall-of-admins/admins.html" style="text-decoration:none; font-family: derk; font-size: 1em;">Hall Of Admins</a>
|
||
|
|
</span>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|