Mercurial > web
comparison index.html @ 4:5507443a71c0
make website awesomer
author | Paper <mrpapersonic@gmail.com> |
---|---|
date | Sun, 30 May 2021 15:53:14 -0400 |
parents | f13aa00c92f0 |
children |
comparison
equal
deleted
inserted
replaced
3:f13aa00c92f0 | 4:5507443a71c0 |
---|---|
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | |
3 <head> | 2 <head> |
4 <meta charset="UTF-8"> | 3 <style> |
5 <style> | 4 body{ |
6 body | 5 margin:0; |
7 { | 6 background-image: url("tomoko.gif"); |
8 background-color: black | 7 background-position: center top; |
9 } | 8 background-size: 100% auto; |
10 | 9 text-align: center; |
11 | 10 } |
12 .strokeme | 11 </style> |
13 { | 12 <script> |
14 color: white; | 13 window['libopenmpt'] = {}; |
15 font-size: 250%; | 14 libopenmpt.locateFile = function (filename) { |
16 text-align: center; | 15 return filename; |
17 text-shadow: | 16 }; |
18 -1px -1px 0 #000, | 17 libopenmpt.onRuntimeInitialized = function () { |
19 1px -1px 0 #000, | 18 if (document.referrer) { |
20 -1px 1px 0 #000, | 19 init(); |
21 1px 1px 0 #000; | 20 path = "https://api.modarchive.org/downloads.php?moduleid=37049#christms.xm"; |
22 } | 21 if (player != undefined) { |
23 | 22 player.load(path, afterLoad.bind(this, path)); |
24 </script> | 23 } |
25 <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script> | 24 document.getElementById('button').style.visibility = "hidden"; |
26 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> | 25 } |
27 <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script> | 26 else { |
28 <title>b</title> | 27 document.getElementById('button').style.visibility = "visible"; |
28 } | |
29 var player; | |
30 function init() { | |
31 if (player == undefined) { | |
32 player = new ChiptuneJsPlayer(new ChiptuneJsConfig(-1)); | |
33 } | |
34 else { | |
35 player.stop(); | |
36 player = undefined; | |
37 } | |
38 }; | |
39 function afterLoad(path, buffer) { | |
40 player.play(buffer); | |
41 }; | |
42 document.getElementById('button').onclick = function() { | |
43 init(); | |
44 path = "https://api.modarchive.org/downloads.php?moduleid=37049#christms.xm"; | |
45 if (player != undefined) { | |
46 player.load(path, afterLoad.bind(this, path)); | |
47 } | |
48 document.getElementById('button').style.visibility = "hidden"; | |
49 }; | |
50 } | |
51 </script> | |
52 <script src="libopenmpt.js"></script> | |
53 <script src="chiptune2.js"></script> | |
29 </head> | 54 </head> |
30 <body> | 55 <body id="body"> |
31 <br><br><br><br><br> | 56 <br> |
32 <div class="strokeme">hey</div> | 57 <input id="button" type="submit" name="button" value="epicness" style="visibility:hidden;"></input> |
58 </body> |