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: 
53diff
changeset | 3 <title>Music - Paper's website</title> | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
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: 
56diff
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: 
53diff
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: 
53diff
changeset | 8 <style nonce="paper-web-inline"> | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 9 .navbar { | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 10 text-align: left; /* Override body text align */ | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
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: 
53diff
changeset | 12 } | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 13 .container { | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 14 width: 98%; | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 15 margin-top: 1%; | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 16 } | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 17 body { | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 18 background-size: cover; | 
| 67 
6019514100d4
html: fix random scaling shit on >1080p monitors
 Paper <mrpapersonic@gmail.com> parents: 
64diff
changeset | 19 background-image: url("forest.png"); | 
| 
6019514100d4
html: fix random scaling shit on >1080p monitors
 Paper <mrpapersonic@gmail.com> parents: 
64diff
changeset | 20 background-position: center top; | 
| 56 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 21 color: white; | 
| 57 
ac1900c0e376
html: Remove CSP and use local files
 Paper <mrpapersonic@gmail.com> parents: 
56diff
changeset | 22 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | 
| 56 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 23 text-align: center; | 
| 57 
ac1900c0e376
html: Remove CSP and use local files
 Paper <mrpapersonic@gmail.com> parents: 
56diff
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: 
53diff
changeset | 25 } | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 26 div.box { | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 27 background-color: rgba(0, 0, 0, 0.7); | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
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: 
53diff
changeset | 29 color: white; | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 30 left: 0; | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 31 margin: 1% auto; | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 32 max-width: 500px; | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 33 padding: 10px; | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 34 right: 0; | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 35 text-align: center; | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 36 top: 50%; | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 37 } | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 38 a:link, a:visited, a:hover, a:active { | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 39 color: #ff6600; | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 40 } | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 41 </style> | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 42 <script nonce="paper-web-inline"> | 
| 32 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 43 window['libopenmpt'] = {}; | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 44 | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 45 libopenmpt.locateFile = function(filename) { | 
| 39 
35c68429641d
[music.html] Use updated libopenmpt
 Paper <37962225+mrpapersonic@users.noreply.github.com> parents: 
37diff
changeset | 46 return "./js/" + filename; | 
| 32 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 47 }; | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 48 | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 49 libopenmpt.onRuntimeInitialized = function() { | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 50 var player; | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 51 | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 52 function init() { | 
| 53 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 Paper <mrpapersonic@gmail.com> parents: 
50diff
changeset | 53 if (player == undefined) | 
| 41 
f71c5c19940f
Specify our interpolation filter in music.html
 Paper <37962225+mrpapersonic@users.noreply.github.com> parents: 
40diff
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: 
50diff
changeset | 55 else | 
| 32 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 56 player.stop(); | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 57 } | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 58 | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 59 function afterLoad(path, buffer) { | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 60 player.play(buffer); | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 61 setMetadata(path); | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 62 } | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 63 | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 64 function loadURL(path) { | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 65 init(); | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 66 player.load(path, afterLoad.bind(this, path)); | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 67 } | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 68 | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 69 function setMetadata(filename) { | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 70 var metadata = player.metadata(); | 
| 53 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 Paper <mrpapersonic@gmail.com> parents: 
50diff
changeset | 71 if (metadata['title'] != '') | 
| 32 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 72 document.getElementById('title').innerHTML = metadata['title']; | 
| 53 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 Paper <mrpapersonic@gmail.com> parents: 
50diff
changeset | 73 else | 
| 32 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 74 document.getElementById('title').innerHTML = filename; | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 75 } | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 76 | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 77 function pauseButton() { | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 78 player.togglePause(); | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 79 } | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 80 | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 81 document.querySelector('#playpause').addEventListener('click', pauseButton, false); | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 82 document.querySelectorAll('.song').forEach(function(e) { | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 83 e.addEventListener('click', function(evt) { | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 84 loadURL(evt.target.getAttribute("data-modurl")); | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 85 }, false); | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 86 }); | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 87 }; | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 88 </script> | 
| 59 
d1e77bf4b37f
music: move inline script to before libopenmpt is loaded
 Paper <mrpapersonic@gmail.com> parents: 
58diff
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: 
58diff
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: 
44diff
changeset | 93 <div class="navbar-wrapper"> | 
| 56 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 94 <div class="container"> | 
| 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 95 <div class="navbar navbar-inverse"> | 
| 45 
e44fb9a05998
why does this work?
 Paper <37962225+mrpapersonic@users.noreply.github.com> parents: 
44diff
changeset | 96 <div class="navbar-inner"> | 
| 50 
65a2123aaf04
Make the brand text on navbar link to main page
 Paper <mrpapersonic@gmail.com> parents: 
47diff
changeset | 97 <a class="brand" href="./">Paper's website</a> | 
| 45 
e44fb9a05998
why does this work?
 Paper <37962225+mrpapersonic@users.noreply.github.com> parents: 
44diff
changeset | 98 <ul class="nav"> | 
| 
e44fb9a05998
why does this work?
 Paper <37962225+mrpapersonic@users.noreply.github.com> parents: 
44diff
changeset | 99 <li><a href="./">Home</a></li> | 
| 
e44fb9a05998
why does this work?
 Paper <37962225+mrpapersonic@users.noreply.github.com> parents: 
44diff
changeset | 100 <li class="active"><a href="#">Music</a></li> | 
| 
e44fb9a05998
why does this work?
 Paper <37962225+mrpapersonic@users.noreply.github.com> parents: 
44diff
changeset | 101 <li><a href="projects.html">Projects</a></li> | 
| 
e44fb9a05998
why does this work?
 Paper <37962225+mrpapersonic@users.noreply.github.com> parents: 
44diff
changeset | 102 </ul> | 
| 
e44fb9a05998
why does this work?
 Paper <37962225+mrpapersonic@users.noreply.github.com> parents: 
44diff
changeset | 103 </div> | 
| 
e44fb9a05998
why does this work?
 Paper <37962225+mrpapersonic@users.noreply.github.com> parents: 
44diff
changeset | 104 </div> | 
| 
e44fb9a05998
why does this work?
 Paper <37962225+mrpapersonic@users.noreply.github.com> parents: 
44diff
changeset | 105 </div> | 
| 
e44fb9a05998
why does this work?
 Paper <37962225+mrpapersonic@users.noreply.github.com> parents: 
44diff
changeset | 106 </div> | 
| 20 | 107 <h1>Music</h1> | 
| 108 <div class="box"> | |
| 32 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 109 <p>Now playing:</p> | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 110 <p id="title">nothing loaded</p> | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 111 <button type="button" class="btn btn-primary" id="playpause">Play/Pause</button> | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
changeset | 112 </div> | 
| 
fc37e1f8b89e
Add chiptune2.js functionality
 Paper <mrpapersonic@gmail.com> parents: 
31diff
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: 
50diff
changeset | 121 </div> | 
| 56 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
53diff
changeset | 122 <div class="box"> | 
| 53 
1a6df6d6b7ea
music: use The Mod Archive for direct links
 Paper <mrpapersonic@gmail.com> parents: 
50diff
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> | 
