| 8 | 1 <!DOCTYPE html> | 
|  | 2 <head> | 
|  | 3 	<style> | 
|  | 4 		body { | 
|  | 5 			text-align: center; | 
|  | 6 			background-image: url("setup.bmp"); | 
|  | 7 			background-size: 100% auto; | 
|  | 8 			background-position: top center; | 
|  | 9 			background-repeat: repeat; | 
|  | 10 			image-rendering: pixelated; | 
|  | 11 			text-shadow: -1px -1px 0px #000000, 1px 1px 0px #000000, -1px 1px 0px #000000, 1px -1px 0px #000000; | 
|  | 12 		} | 
|  | 13 		p { | 
|  | 14 			font-size: 20px; | 
|  | 15 			color: white; | 
|  | 16 		} | 
|  | 17 		h1 { | 
|  | 18 			font-size: 40px; | 
|  | 19 			color: white; | 
|  | 20 		} | 
|  | 21 		a { | 
|  | 22 			text-decoration: none; | 
|  | 23 			color: tomato; | 
|  | 24 		} | 
|  | 25 	</style> | 
|  | 26 </head> | 
|  | 27 <body> | 
|  | 28 	<h1>sup</h1> | 
|  | 29 	<p>most people know me from <a href="https://youtube.com/c/paperytpmv">ytpmv</a>, but i also make <a href="https://modarchive.org/index.php?request=view_profile&query=92603">modules</a></p> | 
|  | 30 	<p>member of <a href="https://1123.best">1123</a></p> | 
|  | 31 	<p><a style="color:skyblue;" href="https://twitter.com/intent/user?user_id=858179488970100736">Twitter</a> | <a style="color:gray" href="https://steamcommunity.com/id/nikolaicube/">Steam</a> | <a style="color:red;" href="https://youtube.com/paperytpmv">YouTube</a></p> | 
|  | 32 	<p><a href="cool.html">cool shit</a></p> | 
|  | 33 		body{ | 
|  | 34 			margin:0; | 
|  | 35 		    background-image: url("tomoko.gif"); | 
|  | 36 			background-position: center top; | 
|  | 37 			background-size: 100% auto; | 
|  | 38 			text-align: center; | 
|  | 39 		} | 
|  | 40 	</style> | 
|  | 41 	<script> | 
|  | 42 		window['libopenmpt'] = {}; | 
|  | 43 		libopenmpt.locateFile = function (filename) { | 
|  | 44 			return filename; | 
|  | 45 		}; | 
|  | 46 		libopenmpt.onRuntimeInitialized = function () { | 
|  | 47 			if (document.referrer) { | 
|  | 48 				init(); | 
|  | 49 				path = "https://api.modarchive.org/downloads.php?moduleid=37049#christms.xm"; | 
|  | 50 				if (player != undefined) { | 
|  | 51 					player.load(path, afterLoad.bind(this, path)); | 
|  | 52 				} | 
|  | 53 				document.getElementById('button').style.visibility = "hidden"; | 
|  | 54 			} | 
|  | 55 			else { | 
|  | 56 				document.getElementById('button').style.visibility = "visible"; | 
|  | 57 			} | 
|  | 58 			var player; | 
|  | 59 			function init() { | 
|  | 60 				if (player == undefined) { | 
|  | 61 					player = new ChiptuneJsPlayer(new ChiptuneJsConfig(-1)); | 
|  | 62 				} | 
|  | 63 				else { | 
|  | 64 					player.stop(); | 
|  | 65 					player = undefined; | 
|  | 66 				} | 
|  | 67 			}; | 
|  | 68 			function afterLoad(path, buffer) { | 
|  | 69 				player.play(buffer); | 
|  | 70 			}; | 
|  | 71 			document.getElementById('button').onclick = function() { | 
|  | 72 				init(); | 
|  | 73 				path = "https://api.modarchive.org/downloads.php?moduleid=37049#christms.xm"; | 
|  | 74 				if (player != undefined) { | 
|  | 75 					player.load(path, afterLoad.bind(this, path)); | 
|  | 76 				} | 
|  | 77 				document.getElementById('button').style.visibility = "hidden"; | 
|  | 78 			}; | 
|  | 79 		} | 
|  | 80 	</script> | 
|  | 81 	<script src="libopenmpt.js"></script> | 
|  | 82 	<script src="chiptune2.js"></script> | 
|  | 83 </head> | 
|  | 84 <body id="body"> | 
|  | 85 	<br> | 
|  | 86 	<input id="button" type="submit" name="button" value="epicness" style="visibility:hidden;"></input> | 
|  | 87 </body> |