spooky.html

<xen:if is="{$user.user_id} == 25565">
	<img src="https://i.imgur.com/X4Jvebm.gif" style="width: 100%;">

	<style type="text/css">
		body, html {
			background: url("https://media.tenor.com/images/16ea9dd38b974f8dac4a1efc17ea8810/tenor.gif") repeat !important;
		}
		#headerMover {
			-ms-transform: rotate(7deg); 
			-webkit-transform: rotate(7deg);
			transform: rotate(7deg);
		}
		.primaryContent { 
			background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
			background-size: 1800% 1800%;
			-webkit-animation: rainbow 10s ease infinite;
			-z-animation: rainbow 10s ease infinite;
			-o-animation: rainbow 10s ease infinite;
			animation: rainbow 10s ease infinite;
		}

		@-webkit-keyframes rainbow {
			0%{background-position:0% 82%}
			50%{background-position:100% 19%}
			100%{background-position:0% 82%}
		}
		@-moz-keyframes rainbow {
			0%{background-position:0% 82%}
			50%{background-position:100% 19%}
			100%{background-position:0% 82%}
		}
		@-o-keyframes rainbow {
			0%{background-position:0% 82%}
			50%{background-position:100% 19%}
			100%{background-position:0% 82%}
		}
		@keyframes rainbow { 
			0%{background-position:0% 82%}
			50%{background-position:100% 19%}
			100%{background-position:0% 82%}
		}

		#mt_spooky-text {
			-ms-transform: none !important; 
			-webkit-transform: none !important;
			transform: none !important;
			margin-top: 40px;
			margin-bottom: 40px;
			font-size: 30px;
			font-weight: bold;
			text-align: center;
			color: white;
			text-shadow: 0 0 10px #000;
			-moz-text-shadow: 0 0 10px #000;
			-webkit-text-shadow: 0 0 10px #000;
		}
		#mt_spooky-pepe {
			display: block;
			margin: 0 auto;
		}
	</style>

	<audio id="mt_2spooky-audio" src="https://www.minetime.com/2spooky5me.mp3" autoplay loop></audio>

	<video id="mt_2spooky-video" width="400" controls loop onplay="handleVideo(true)" onpause="handleVideo(false)">
		<source src="https://www.minetime.com/spooky-dance.mov">
	</video>

	<script type="text/javascript">
		var volume = 0.05;

		document.getElementById("mt_2spooky-audio").volume = volume;
		document.getElementById("mt_2spooky-video").volume = volume;

		function handleVideo(playing) {
			document.getElementById("mt_2spooky-audio").volume = (playing ? 0 : volume);
		}
	</script>
</xen:if>