Mercurial > web
annotate music.html @ 57:ac1900c0e376
html: Remove CSP and use local files
Also I changed the font from Source Sans 3 to Helvetica
| author | Paper <mrpapersonic@gmail.com> | 
|---|---|
| date | Mon, 19 Dec 2022 18:18:57 -0500 | 
| parents | c95a96b61d9a | 
| children | e6c574c6f8e0 | 
| rev | line source | 
|---|---|
| 20 | 1 <!DOCTYPE html> | 
| 2 <head> | |
| 
56
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
3 <title>Music - Paper's website</title> | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 
| 
57
 
ac1900c0e376
html: Remove CSP and use local files
 
Paper <mrpapersonic@gmail.com> 
parents: 
56 
diff
changeset
 | 
5 <link href="./css/bootstrap.min.css" rel="stylesheet" media="screen"> | 
| 42 | 6 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> | 
| 
56
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
7 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
8 <style nonce="paper-web-inline"> | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
9 .navbar { | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
10 text-align: left; /* Override body text align */ | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
11 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
12 } | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
13 .container { | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
14 width: 98%; | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
15 margin-top: 1%; | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
16 } | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
17 body { | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
18 background-size: cover; | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
19 background: url("forest.png") no-repeat center center fixed; | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
20 color: white; | 
| 
57
 
ac1900c0e376
html: Remove CSP and use local files
 
Paper <mrpapersonic@gmail.com> 
parents: 
56 
diff
changeset
 | 
21 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | 
| 
56
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
22 text-align: center; | 
| 
57
 
ac1900c0e376
html: Remove CSP and use local files
 
Paper <mrpapersonic@gmail.com> 
parents: 
56 
diff
changeset
 | 
23 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); | 
| 
56
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
24 } | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
25 div.box { | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
26 background-color: rgba(0, 0, 0, 0.7); | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
27 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset; | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
28 color: white; | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
29 left: 0; | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
30 margin: 1% auto; | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
31 max-width: 500px; | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
32 padding: 10px; | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
33 right: 0; | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
34 text-align: center; | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
35 top: 50%; | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
36 } | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
37 a:link, a:visited, a:hover, a:active { | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
38 color: #ff6600; | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
39 } | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
40 </style> | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
41 <script type="application/javascript" src="https://cdn.jsdelivr.net/gh/deskjet/chiptune2.js@a97e04cc7e98924f6ad17980d6eeca3f764378b5/chiptune2.js"></script> | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
42 <script type="application/javascript" src="./js/libopenmpt.js"></script> | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
43 <script nonce="paper-web-inline"> | 
| 
32
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
44 window['libopenmpt'] = {}; | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
45 | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
46 libopenmpt.locateFile = function(filename) { | 
| 
39
 
35c68429641d
[music.html] Use updated libopenmpt
 
Paper <37962225+mrpapersonic@users.noreply.github.com> 
parents: 
37 
diff
changeset
 | 
47 return "./js/" + filename; | 
| 
32
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
48 }; | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
49 | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
50 libopenmpt.onRuntimeInitialized = function() { | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
51 var player; | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
52 | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
53 function init() { | 
| 
53
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
54 if (player == undefined) | 
| 
41
 
f71c5c19940f
Specify our interpolation filter in music.html
 
Paper <37962225+mrpapersonic@users.noreply.github.com> 
parents: 
40 
diff
changeset
 | 
55 player = new ChiptuneJsPlayer(new ChiptuneJsConfig(-1, 100, 1)); | 
| 
53
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
56 else | 
| 
32
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
57 player.stop(); | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
58 } | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
59 | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
60 function afterLoad(path, buffer) { | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
61 player.play(buffer); | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
62 setMetadata(path); | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
63 } | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
64 | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
65 function loadURL(path) { | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
66 init(); | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
67 player.load(path, afterLoad.bind(this, path)); | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
68 } | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
69 | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
70 function setMetadata(filename) { | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
71 var metadata = player.metadata(); | 
| 
53
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
72 if (metadata['title'] != '') | 
| 
32
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
73 document.getElementById('title').innerHTML = metadata['title']; | 
| 
53
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
74 else | 
| 
32
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
75 document.getElementById('title').innerHTML = filename; | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
76 } | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
77 | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
78 function pauseButton() { | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
79 player.togglePause(); | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
80 } | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
81 | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
82 document.querySelector('#playpause').addEventListener('click', pauseButton, false); | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
83 document.querySelectorAll('.song').forEach(function(e) { | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
84 e.addEventListener('click', function(evt) { | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
85 loadURL(evt.target.getAttribute("data-modurl")); | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
86 }, false); | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
87 }); | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
88 }; | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
89 </script> | 
| 20 | 90 </head> | 
| 91 <body> | |
| 
45
 
e44fb9a05998
why does this work?
 
Paper <37962225+mrpapersonic@users.noreply.github.com> 
parents: 
44 
diff
changeset
 | 
92 <div class="navbar-wrapper"> | 
| 
56
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
93 <div class="container"> | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
94 <div class="navbar navbar-inverse"> | 
| 
45
 
e44fb9a05998
why does this work?
 
Paper <37962225+mrpapersonic@users.noreply.github.com> 
parents: 
44 
diff
changeset
 | 
95 <div class="navbar-inner"> | 
| 
50
 
65a2123aaf04
Make the brand text on navbar link to main page
 
Paper <mrpapersonic@gmail.com> 
parents: 
47 
diff
changeset
 | 
96 <a class="brand" href="./">Paper's website</a> | 
| 
45
 
e44fb9a05998
why does this work?
 
Paper <37962225+mrpapersonic@users.noreply.github.com> 
parents: 
44 
diff
changeset
 | 
97 <ul class="nav"> | 
| 
 
e44fb9a05998
why does this work?
 
Paper <37962225+mrpapersonic@users.noreply.github.com> 
parents: 
44 
diff
changeset
 | 
98 <li><a href="./">Home</a></li> | 
| 
 
e44fb9a05998
why does this work?
 
Paper <37962225+mrpapersonic@users.noreply.github.com> 
parents: 
44 
diff
changeset
 | 
99 <li class="active"><a href="#">Music</a></li> | 
| 
 
e44fb9a05998
why does this work?
 
Paper <37962225+mrpapersonic@users.noreply.github.com> 
parents: 
44 
diff
changeset
 | 
100 <li><a href="projects.html">Projects</a></li> | 
| 
 
e44fb9a05998
why does this work?
 
Paper <37962225+mrpapersonic@users.noreply.github.com> 
parents: 
44 
diff
changeset
 | 
101 </ul> | 
| 
 
e44fb9a05998
why does this work?
 
Paper <37962225+mrpapersonic@users.noreply.github.com> 
parents: 
44 
diff
changeset
 | 
102 </div> | 
| 
 
e44fb9a05998
why does this work?
 
Paper <37962225+mrpapersonic@users.noreply.github.com> 
parents: 
44 
diff
changeset
 | 
103 </div> | 
| 
 
e44fb9a05998
why does this work?
 
Paper <37962225+mrpapersonic@users.noreply.github.com> 
parents: 
44 
diff
changeset
 | 
104 </div> | 
| 
 
e44fb9a05998
why does this work?
 
Paper <37962225+mrpapersonic@users.noreply.github.com> 
parents: 
44 
diff
changeset
 | 
105 </div> | 
| 20 | 106 <h1>Music</h1> | 
| 107 <div class="box"> | |
| 
32
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
108 <p>Now playing:</p> | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
109 <p id="title">nothing loaded</p> | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
110 <button type="button" class="btn btn-primary" id="playpause">Play/Pause</button> | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
111 </div> | 
| 
 
fc37e1f8b89e
Add chiptune2.js functionality
 
Paper <mrpapersonic@gmail.com> 
parents: 
31 
diff
changeset
 | 
112 <div class="box"> | 
| 20 | 113 <h2>Originals</h2> | 
| 
53
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
114 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194229">Old Desk Tribute [.XM]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=194229#paper_-_old_desk_tribute.xm">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
115 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194228">Chippy-Go-Lucky [.XM]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=194228#paper_-_chippygolucky.xm">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
116 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194154">Whistling Meadows [.IT]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=194154#paper_-_whistling_meadows.it">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
117 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=193897">xX ShartLover1337 Xx [.S3M]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=193897#paper_-_shartlover.s3m">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
118 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=193607">Reaching the World Border [.IT]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=193607#paper_-_reaching_the_world_border.it">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
119 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=192651">THIS IS SARTA [.MPTM]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=192651#paper_-_sarta.mptm">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
120 </div> | 
| 
56
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
121 <div class="box"> | 
| 
53
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
122 <h2>Collabs</h2> | 
| 
56
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
123 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=198747">USA Keyboard (co-op with ishineee, rainbow, and quyu) [.IT]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=198747#usa_keyboard_final.it">(Download)</a></p> | 
| 20 | 124 </div> | 
| 125 <div class="box"> | |
| 126 <h2>Covers</h2> | |
| 
56
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
127 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=199486">Razerek - huxchx [.IT]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=199486#paper_-_huxchx.it">(Download)</a></p> | 
| 
53
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
128 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=196945">Gerudo Valley (OPL2) [.S3M]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=196945#gerudo_valley.s3m">(Download)</a></p> | 
| 
56
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
129 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194255">Jeroen Tel - TinTin on the Moon [.MOD]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=194255#paper_-_tintin_on_the_moon.mod">(Download)</a></p> | 
| 
 
c95a96b61d9a
html: Add Content Security Policy headers
 
Paper <mrpapersonic@gmail.com> 
parents: 
53 
diff
changeset
 | 
130 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194152">Adeq - Dance in the universe [.MOD]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=194152#paper_-_dance_in_the_universe_cover.mod">(Download)</a></p> | 
| 
53
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
131 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194058">Super Mario 64 - Bob-omb Battlefield Remix [.IT]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=194058#paper_-_bob-omb_battlefield_remix.it">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
132 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=192921">(mashup) Drax - Tiger Mission Hi-score + ESCHATOS OST - Point of No Return [.IT]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=192921#paper_-_point_of_no_hi-score.it">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
133 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=192722">(remake) Naruto - VRC6N001 [.IT]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=192722#paper_-_vrc6n001_remake.it">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
134 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=192494">Deltarune - Hip Shop [.IT]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=192494#paper_-_hip_shop.it">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
135 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=191811">ziner - Flatwoods Monster [.IT]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=191811#paper_-_nerou.it">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
136 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=191735">Leonz - Among Us Drip Theme [.XM]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=191735#paper_-_drip.xm">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
137 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=191381">Childish Gambino - 3005 [.IT]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=191381#paper_-_3005.it">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
138 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=191287">Cho Ren Sha 68k - Infinity [.IT]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=191287#paper_-_infinity.it">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
139 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=191006">Aphex Twin - Avril 14th [.IT]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=191006#paper_-_bestending.it">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
140 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=190865">KOTO - Visitors [.XM]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=190865#paper_-_visitors.xm">(Download)</a></p> | 
| 
 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 
Paper <mrpapersonic@gmail.com> 
parents: 
50 
diff
changeset
 | 
141 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=190803">Naruto - VRC6N001 [.IT]</a> <a href="https://api.modarchive.org/downloads.php?moduleid=190803#paper_-_vrc6n001.it">(Download)</a></p> | 
| 20 | 142 </div> | 
| 143 </body> | 
