Mercurial > web

comparison music.html @ 56:c95a96b61d9a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
html: Add Content Security Policy headers
author Paper <mrpapersonic@gmail.com>
date Mon, 19 Dec 2022 17:54:07 -0500
parents 1a6df6d6b7ea
children ac1900c0e376
comparison
equal deleted inserted replaced
55:aee91b195871 56:c95a96b61d9a
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <head> 2 <head>
3 <title>Music - Paper's website</title>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 <meta http-equiv="Content-Security-Policy" content="default-src 'self' https://fonts.gstatic.com; style-src 'self' 'nonce-paper-web-inline' https://maxcdn.bootstrapcdn.com https://fonts.googleapis.com; img-src data:; script-src 'nonce-paper-web-inline' https://cdn.jsdelivr.net">
3 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen"> 6 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen">
4 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> 7 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
5 <!-- <script src="https://code.jquery.com/jquery.js"></script> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6 <script src="js/bootstrap/js/bootstrap.min.js"></script> --> 9 <style nonce="paper-web-inline">
7 <script> 10 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap');
11 .navbar {
12 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
13 text-align: left; /* Override body text align */
14 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
15 }
16 .container {
17 width: 98%;
18 margin-top: 1%;
19 }
20 body {
21 background-size: cover;
22 background: url("forest.png") no-repeat center center fixed;
23 color: white;
24 font-family: 'Source Sans 3', sans-serif;
25 text-align: center;
26 text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5);
27 }
28 div.box {
29 background-color: rgba(0, 0, 0, 0.7);
30 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
31 color: white;
32 left: 0;
33 margin: 1% auto;
34 max-width: 500px;
35 padding: 10px;
36 right: 0;
37 text-align: center;
38 top: 50%;
39 }
40 a:link, a:visited, a:hover, a:active {
41 color: #ff6600;
42 }
43 </style>
44 <script type="application/javascript" src="https://cdn.jsdelivr.net/gh/deskjet/chiptune2.js@a97e04cc7e98924f6ad17980d6eeca3f764378b5/chiptune2.js"></script>
45 <script type="application/javascript" src="./js/libopenmpt.js"></script>
46 <script nonce="paper-web-inline">
8 window['libopenmpt'] = {}; 47 window['libopenmpt'] = {};
9 48
10 libopenmpt.locateFile = function(filename) { 49 libopenmpt.locateFile = function(filename) {
11 return "./js/" + filename; 50 return "./js/" + filename;
12 }; 51 };
49 loadURL(evt.target.getAttribute("data-modurl")); 88 loadURL(evt.target.getAttribute("data-modurl"));
50 }, false); 89 }, false);
51 }); 90 });
52 }; 91 };
53 </script> 92 </script>
54 <script type="application/javascript" src="//cdn.jsdelivr.net/gh/deskjet/chiptune2.js@a97e04cc7e98924f6ad17980d6eeca3f764378b5/chiptune2.js"></script>
55 <script type="application/javascript" src="./js/libopenmpt.js"></script>
56 <title>Music - Paper's website</title>
57 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
58 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
59 <style>
60 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap');
61 .navbar {
62 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
63 text-align: left; /* Override body text align */
64 }
65 body {
66 background-size: cover;
67 background: url("forest.png") no-repeat center center fixed;
68 color: white;
69 font-family: 'Source Sans 3', sans-serif;
70 text-align: center;
71 text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5);
72 }
73 div.box {
74 background-color: rgba(0, 0, 0, 0.7);
75 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
76 color: white;
77 left: 0;
78 margin: 1% auto;
79 max-width: 500px;
80 padding: 10px;
81 right: 0;
82 text-align: center;
83 top: 50%;
84 }
85 a:link, a:visited, a:hover, a:active {
86 color: #ff6600;
87 }
88 </style>
89 </head> 93 </head>
90 <body> 94 <body>
91 <div class="navbar-wrapper"> 95 <div class="navbar-wrapper">
92 <div class="container" style="width: 98%;margin-top:1%;"> 96 <div class="container">
93 <div class="navbar navbar-inverse" style="box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5)"> 97 <div class="navbar navbar-inverse">
94 <div class="navbar-inner"> 98 <div class="navbar-inner">
95 <a class="brand" href="./">Paper's website</a> 99 <a class="brand" href="./">Paper's website</a>
96 <ul class="nav"> 100 <ul class="nav">
97 <li><a href="./">Home</a></li> 101 <li><a href="./">Home</a></li>
98 <li class="active"><a href="#">Music</a></li> 102 <li class="active"><a href="#">Music</a></li>
115 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194154">Whistling Meadows [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=194154#paper_-_whistling_meadows.it">(Download)</a></p> 119 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194154">Whistling Meadows [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=194154#paper_-_whistling_meadows.it">(Download)</a></p>
116 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=193897">xX ShartLover1337 Xx [.S3M]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=193897#paper_-_shartlover.s3m">(Download)</a></p> 120 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=193897">xX ShartLover1337 Xx [.S3M]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=193897#paper_-_shartlover.s3m">(Download)</a></p>
117 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=193607">Reaching the World Border [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=193607#paper_-_reaching_the_world_border.it">(Download)</a></p> 121 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=193607">Reaching the World Border [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=193607#paper_-_reaching_the_world_border.it">(Download)</a></p>
118 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=192651">THIS IS SARTA [.MPTM]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=192651#paper_-_sarta.mptm">(Download)</a></p> 122 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=192651">THIS IS SARTA [.MPTM]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=192651#paper_-_sarta.mptm">(Download)</a></p>
119 </div> 123 </div>
120 <div> 124 <div class="box">
121 <h2>Collabs</h2> 125 <h2>Collabs</h2>
122 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=198747">USA Keyboard [.IT] (co-op with ishineee, rainbow, and quyu)</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=198747#usa_keyboard_final.it">(Download)</a></p> 126 <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>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=198747#usa_keyboard_final.it">(Download)</a></p>
123 </div> 127 </div>
124 <div class="box"> 128 <div class="box">
125 <h2>Covers</h2> 129 <h2>Covers</h2>
126 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=199486">huxchx [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=199486#paper_-_huxchx.it">(Download)</a></p> 130 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=199486">Razerek - huxchx [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=199486#paper_-_huxchx.it">(Download)</a></p>
127 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=196945">Gerudo Valley (OPL2) [.S3M]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=196945#gerudo_valley.s3m">(Download)</a></p> 131 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=196945">Gerudo Valley (OPL2) [.S3M]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=196945#gerudo_valley.s3m">(Download)</a></p>
128 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194255">TinTin on the Moon [.MOD]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=194255#paper_-_tintin_on_the_moon.mod">(Download)</a></p> 132 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194255">Jeroen Tel - TinTin on the Moon [.MOD]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=194255#paper_-_tintin_on_the_moon.mod">(Download)</a></p>
129 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194152">Dance in the universe cover [.MOD]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=194152#paper_-_dance_in_the_universe_cover.mod">(Download)</a></p> 133 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194152">Adeq - Dance in the universe [.MOD]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=194152#paper_-_dance_in_the_universe_cover.mod">(Download)</a></p>
130 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194058">Super Mario 64 - Bob-omb Battlefield Remix [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=194058#paper_-_bob-omb_battlefield_remix.it">(Download)</a></p> 134 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194058">Super Mario 64 - Bob-omb Battlefield Remix [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=194058#paper_-_bob-omb_battlefield_remix.it">(Download)</a></p>
131 <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>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=192921#paper_-_point_of_no_hi-score.it">(Download)</a></p> 135 <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>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=192921#paper_-_point_of_no_hi-score.it">(Download)</a></p>
132 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=192722">(remake) Naruto - VRC6N001 [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=192722#paper_-_vrc6n001_remake.it">(Download)</a></p> 136 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=192722">(remake) Naruto - VRC6N001 [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=192722#paper_-_vrc6n001_remake.it">(Download)</a></p>
133 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=192494">Deltarune - Hip Shop [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=192494#paper_-_hip_shop.it">(Download)</a></p> 137 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=192494">Deltarune - Hip Shop [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=192494#paper_-_hip_shop.it">(Download)</a></p>
134 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=191811">ziner - Flatwoods Monster [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=191811#paper_-_nerou.it">(Download)</a></p> 138 <p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=191811">ziner - Flatwoods Monster [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=191811#paper_-_nerou.it">(Download)</a></p>