Mercurial > web
diff index.html @ 4:5507443a71c0
make website awesomer
| author | Paper <mrpapersonic@gmail.com> |
|---|---|
| date | Sun, 30 May 2021 15:53:14 -0400 |
| parents | f13aa00c92f0 |
| children |
line wrap: on
line diff
--- a/index.html Fri Dec 04 19:07:30 2020 -0500 +++ b/index.html Sun May 30 15:53:14 2021 -0400 @@ -1,32 +1,58 @@ <!DOCTYPE html> -<html> <head> -<meta charset="UTF-8"> -<style> -body -{ - background-color: black -} - - -.strokeme -{ - color: white; - font-size: 250%; - text-align: center; - text-shadow: - -1px -1px 0 #000, - 1px -1px 0 #000, - -1px 1px 0 #000, - 1px 1px 0 #000; -} - -</script> -<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script> -<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> -<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script> -<title>b</title> + <style> + body{ + margin:0; + background-image: url("tomoko.gif"); + background-position: center top; + background-size: 100% auto; + text-align: center; + } + </style> + <script> + window['libopenmpt'] = {}; + libopenmpt.locateFile = function (filename) { + return filename; + }; + libopenmpt.onRuntimeInitialized = function () { + if (document.referrer) { + init(); + path = "https://api.modarchive.org/downloads.php?moduleid=37049#christms.xm"; + if (player != undefined) { + player.load(path, afterLoad.bind(this, path)); + } + document.getElementById('button').style.visibility = "hidden"; + } + else { + document.getElementById('button').style.visibility = "visible"; + } + var player; + function init() { + if (player == undefined) { + player = new ChiptuneJsPlayer(new ChiptuneJsConfig(-1)); + } + else { + player.stop(); + player = undefined; + } + }; + function afterLoad(path, buffer) { + player.play(buffer); + }; + document.getElementById('button').onclick = function() { + init(); + path = "https://api.modarchive.org/downloads.php?moduleid=37049#christms.xm"; + if (player != undefined) { + player.load(path, afterLoad.bind(this, path)); + } + document.getElementById('button').style.visibility = "hidden"; + }; + } + </script> + <script src="libopenmpt.js"></script> + <script src="chiptune2.js"></script> </head> -<body> -<br><br><br><br><br> -<div class="strokeme">hey</div> +<body id="body"> + <br> + <input id="button" type="submit" name="button" value="epicness" style="visibility:hidden;"></input> +</body>