Mercurial > web
annotate music.html @ 67:6019514100d4
html: fix random scaling shit on >1080p monitors
thanks twitter user for telling me
author | Paper <mrpapersonic@gmail.com> |
---|---|
date | Mon, 28 Aug 2023 16:52:30 -0400 |
parents | b3d3ac6f8c9d |
children | 2e645b936727 |
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; |
67
6019514100d4
html: fix random scaling shit on >1080p monitors
Paper <mrpapersonic@gmail.com>
parents:
64
diff
changeset
|
19 background-image: url("forest.png"); |
6019514100d4
html: fix random scaling shit on >1080p monitors
Paper <mrpapersonic@gmail.com>
parents:
64
diff
changeset
|
20 background-position: center top; |
56
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
21 color: white; |
57
ac1900c0e376
html: Remove CSP and use local files
Paper <mrpapersonic@gmail.com>
parents:
56
diff
changeset
|
22 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
56
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
23 text-align: center; |
57
ac1900c0e376
html: Remove CSP and use local files
Paper <mrpapersonic@gmail.com>
parents:
56
diff
changeset
|
24 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
|
25 } |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
26 div.box { |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
27 background-color: rgba(0, 0, 0, 0.7); |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
28 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
|
29 color: white; |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
30 left: 0; |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
31 margin: 1% auto; |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
32 max-width: 500px; |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
33 padding: 10px; |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
34 right: 0; |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
35 text-align: center; |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
36 top: 50%; |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
37 } |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
38 a:link, a:visited, a:hover, a:active { |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
39 color: #ff6600; |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
40 } |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
41 </style> |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
42 <script nonce="paper-web-inline"> |
32
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
43 window['libopenmpt'] = {}; |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
44 |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
45 libopenmpt.locateFile = function(filename) { |
39
35c68429641d
[music.html] Use updated libopenmpt
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
37
diff
changeset
|
46 return "./js/" + filename; |
32
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
47 }; |
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 libopenmpt.onRuntimeInitialized = function() { |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
50 var player; |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
51 |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
52 function init() { |
53
1a6df6d6b7ea
music: use The Mod Archive for direct links
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
53 if (player == undefined) |
41
f71c5c19940f
Specify our interpolation filter in music.html
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
40
diff
changeset
|
54 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
|
55 else |
32
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
56 player.stop(); |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
57 } |
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 function afterLoad(path, buffer) { |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
60 player.play(buffer); |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
61 setMetadata(path); |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
62 } |
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 function loadURL(path) { |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
65 init(); |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
66 player.load(path, afterLoad.bind(this, path)); |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
67 } |
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 function setMetadata(filename) { |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
70 var metadata = player.metadata(); |
53
1a6df6d6b7ea
music: use The Mod Archive for direct links
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
71 if (metadata['title'] != '') |
32
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
72 document.getElementById('title').innerHTML = metadata['title']; |
53
1a6df6d6b7ea
music: use The Mod Archive for direct links
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
73 else |
32
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
74 document.getElementById('title').innerHTML = filename; |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
75 } |
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 function pauseButton() { |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
78 player.togglePause(); |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
79 } |
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 document.querySelector('#playpause').addEventListener('click', pauseButton, false); |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
82 document.querySelectorAll('.song').forEach(function(e) { |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
83 e.addEventListener('click', function(evt) { |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
84 loadURL(evt.target.getAttribute("data-modurl")); |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
85 }, false); |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
86 }); |
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 </script> |
59
d1e77bf4b37f
music: move inline script to before libopenmpt is loaded
Paper <mrpapersonic@gmail.com>
parents:
58
diff
changeset
|
89 <script type="application/javascript" src="./js/chiptune2.js"></script> |
d1e77bf4b37f
music: move inline script to before libopenmpt is loaded
Paper <mrpapersonic@gmail.com>
parents:
58
diff
changeset
|
90 <script type="application/javascript" src="./js/libopenmpt.js"></script> |
20 | 91 </head> |
92 <body> | |
45
e44fb9a05998
why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
44
diff
changeset
|
93 <div class="navbar-wrapper"> |
56
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
94 <div class="container"> |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
95 <div class="navbar navbar-inverse"> |
45
e44fb9a05998
why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
44
diff
changeset
|
96 <div class="navbar-inner"> |
50
65a2123aaf04
Make the brand text on navbar link to main page
Paper <mrpapersonic@gmail.com>
parents:
47
diff
changeset
|
97 <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
|
98 <ul class="nav"> |
e44fb9a05998
why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
44
diff
changeset
|
99 <li><a href="./">Home</a></li> |
e44fb9a05998
why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
44
diff
changeset
|
100 <li class="active"><a href="#">Music</a></li> |
e44fb9a05998
why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
44
diff
changeset
|
101 <li><a href="projects.html">Projects</a></li> |
e44fb9a05998
why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
44
diff
changeset
|
102 </ul> |
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> |
e44fb9a05998
why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
44
diff
changeset
|
106 </div> |
20 | 107 <h1>Music</h1> |
108 <div class="box"> | |
32
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
109 <p>Now playing:</p> |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
110 <p id="title">nothing loaded</p> |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
111 <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
|
112 </div> |
fc37e1f8b89e
Add chiptune2.js functionality
Paper <mrpapersonic@gmail.com>
parents:
31
diff
changeset
|
113 <div class="box"> |
20 | 114 <h2>Originals</h2> |
64 | 115 <p><a href="#" class="song" data-modurl="./music/paper_-_old_desk_tribute.xm">Old Desk Tribute [.XM]</a> <a href="./music/paper_-_old_desk_tribute.xm" download>(Download)</a></p> |
116 <p><a href="#" class="song" data-modurl="./music/paper_-_chippygolucky.xm">Chippy-Go-Lucky [.XM]</a> <a href="./music/paper_-_chippygolucky.xm" download>(Download)</a></p> | |
117 <p><a href="#" class="song" data-modurl="./music/paper_-_whistling_meadows.it">Whistling Meadows [.IT]</a> <a href="./music/paper_-_whistling_meadows.it" download>(Download)</a></p> | |
118 <p><a href="#" class="song" data-modurl="./music/paper_-_shartlover.s3m">xX ShartLover1337 Xx [.S3M]</a> <a href="./music/paper_-_shartlover.s3m" download>(Download)</a></p> | |
119 <p><a href="#" class="song" data-modurl="./music/paper_-_reaching_the_world_border.it">Reaching the World Border [.IT]</a> <a href="./music/paper_-_reaching_the_world_border.it" download>(Download)</a></p> | |
120 <p><a href="#" class="song" data-modurl="./music/paper_-_sarta.mptm">THIS IS SARTA [.MPTM]</a> <a href="./music/paper_-_sarta.mptm" download>(Download)</a></p> | |
53
1a6df6d6b7ea
music: use The Mod Archive for direct links
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
121 </div> |
56
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
53
diff
changeset
|
122 <div class="box"> |
53
1a6df6d6b7ea
music: use The Mod Archive for direct links
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
123 <h2>Collabs</h2> |
64 | 124 <p><a href="#" class="song" data-modurl="./music/usa_keyboard_final.it">USA Keyboard (co-op with ishineee, rainbow, and quyu) [.IT]</a> <a href="./music/usa_keyboard_final.it" download>(Download)</a></p> |
20 | 125 </div> |
126 <div class="box"> | |
127 <h2>Covers</h2> | |
64 | 128 <p><a href="#" class="song" data-modurl="./music/paper_-_huxchx.it">Razerek - huxchx [.IT]</a> <a href="./music/paper_-_huxchx.it" download>(Download)</a></p> |
129 <p><a href="#" class="song" data-modurl="./music/gerudo_valley.s3m">Gerudo Valley (OPL2) [.S3M]</a> <a href="./music/gerudo_valley.s3m" download>(Download)</a></p> | |
130 <p><a href="#" class="song" data-modurl="./music/paper_-_tintin_on_the_moon.mod">TinTin on the Moon [.MOD]</a> <a href="./music/paper_-_tintin_on_the_moon.mod" download>(Download)</a></p> | |
131 <p><a href="#" class="song" data-modurl="./music/paper_-_dance_in_the_universe_cover.mod">Dance in the universe cover [.MOD]</a> <a href="music/paper_-_dance_in_the_universe_cover.mod" download>(Download)</a></p> | |
132 <p><a href="#" class="song" data-modurl="./music/paper_-_bob-omb_battlefield_remix.it">Super Mario 64 - Bob-omb Battlefield Remix [.IT]</a> <a href="./music/paper_-_bob-omb_battlefield_remix.it" download>(Download)</a></p> | |
133 <p><a href="#" class="song" data-modurl="./music/paper_-_point_of_no_hi-score.it">(mashup) Drax - Tiger Mission Hi-score + ESCHATOS OST - Point of No Return [.IT]</a> <a href="./music/paper_-_point_of_no_hi-score.it" download>(Download)</a></p> | |
134 <p><a href="#" class="song" data-modurl="./music/paper_-_vrc6n001_remake.it">(remake) Naruto - VRC6N001 [.IT]</a> <a href="./music/paper_-_vrc6n001_remake.it" download>(Download)</a></p> | |
135 <p><a href="#" class="song" data-modurl="./music/paper_-_hip_shop.it">Deltarune - Hip Shop [.IT]</a> <a href="./music/paper_-_hip_shop.it" download>(Download)</a></p> | |
136 <p><a href="#" class="song" data-modurl="./music/paper_-_nerou.it">ziner - Flatwoods Monster [.IT]</a> <a href="./music/paper_-_nerou.it" download>(Download)</a></p> | |
137 <p><a href="#" class="song" data-modurl="./music/paper_-_drip.xm">Leonz - Among Us Drip Theme [.XM]</a> <a href="./music/paper_-_drip.xm" download>(Download)</a></p> | |
138 <p><a href="#" class="song" data-modurl="./music/paper_-_3005.it">Childish Gambino - 3005 [.IT]</a> <a href="./music/paper_-_3005.it" download>(Download)</a></p> | |
139 <p><a href="#" class="song" data-modurl="./music/paper_-_infinity.it">Cho Ren Sha 68k - Infinity [.IT]</a> <a href="./music/paper_-_infinity.it" download>(Download)</a></p> | |
140 <p><a href="#" class="song" data-modurl="./music/paper_-_bestending.it">Aphex Twin - Avril 14th [.IT]</a> <a href="./music/paper_-_bestending.it" download>(Download)</a></p> | |
141 <p><a href="#" class="song" data-modurl="./music/paper_-_visitors.xm">KOTO - Visitors [.XM]</a> <a href="./music/paper_-_visitors.xm" download>(Download)</a></p> | |
142 <p><a href="#" class="song" data-modurl="./music/paper_-_vrc6n001.it">Naruto - VRC6N001 [.IT]</a> <a href="./music/paper_-_vrc6n001.it" download download>(Download)</a></p> | |
20 | 143 </div> |
144 </body> |