Mercurial > web

diff 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
line wrap: on
line diff
--- a/music.html	Mon Dec 19 17:18:07 2022 -0500
+++ b/music.html	Mon Dec 19 17:54:07 2022 -0500
@@ -1,10 +1,49 @@
 <!DOCTYPE html>
 <head>
+	<title>Music - Paper's website</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<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">
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen">
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
-    <!-- <script src="https://code.jquery.com/jquery.js"></script>
-    <script src="js/bootstrap/js/bootstrap.min.js"></script> -->
-	<script>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+	<style nonce="paper-web-inline">
+		@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap');
+		.navbar {
+			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+			text-align: left; /* Override body text align */
+			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
+		}
+		.container {
+			width: 98%;
+			margin-top: 1%;
+		}
+		body {
+			background-size: cover;
+			background: url("forest.png") no-repeat center center fixed;
+			color: white;
+			font-family: 'Source Sans 3', sans-serif;
+			text-align: center;
+			text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5);
+		}
+		div.box {
+			background-color: rgba(0, 0, 0, 0.7);
+			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
+			color: white;
+			left: 0;
+			margin: 1% auto;
+			max-width: 500px;
+			padding: 10px;
+			right: 0;
+			text-align: center;
+			top: 50%;
+		}
+		a:link, a:visited, a:hover, a:active {
+			color: #ff6600;
+		}
+	</style>
+	<script type="application/javascript" src="https://cdn.jsdelivr.net/gh/deskjet/chiptune2.js@a97e04cc7e98924f6ad17980d6eeca3f764378b5/chiptune2.js"></script>
+	<script type="application/javascript" src="./js/libopenmpt.js"></script>
+	<script nonce="paper-web-inline">
 		window['libopenmpt'] = {};
 
 		libopenmpt.locateFile = function(filename) {
@@ -51,46 +90,11 @@
 			});
 		};
 	</script>
-	<script type="application/javascript" src="//cdn.jsdelivr.net/gh/deskjet/chiptune2.js@a97e04cc7e98924f6ad17980d6eeca3f764378b5/chiptune2.js"></script>
-	<script type="application/javascript" src="./js/libopenmpt.js"></script>
-	<title>Music - Paper's website</title>
-	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-	<style>
-		@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap');
-		.navbar {
-			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
-			text-align: left; /* Override body text align */
-		}
-		body {
-			background-size: cover;
-			background: url("forest.png") no-repeat center center fixed;
-			color: white;
-			font-family: 'Source Sans 3', sans-serif;
-			text-align: center;
-			text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5);
-		}
-		div.box {
-			background-color: rgba(0, 0, 0, 0.7);
-			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
-			color: white;
-			left: 0;
-			margin: 1% auto;
-			max-width: 500px;
-			padding: 10px;
-			right: 0;
-			text-align: center;
-			top: 50%;
-		}
-		a:link, a:visited, a:hover, a:active {
-			color: #ff6600;
-		}
-	</style>
 </head>
 <body>
     <div class="navbar-wrapper">
-		<div class="container" style="width: 98%;margin-top:1%;">
-			<div class="navbar navbar-inverse" style="box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5)">
+		<div class="container">
+			<div class="navbar navbar-inverse">
 				<div class="navbar-inner">
 					<a class="brand" href="./">Paper's website</a>
 					<ul class="nav">
@@ -117,16 +121,16 @@
 			<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>
 			<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>
 	</div>
-	<div>
+	<div class="box">
 		<h2>Collabs</h2>
-			<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>
+			<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>
 	</div>
 	<div class="box">
 		<h2>Covers</h2>
-			<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>
+			<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>
 			<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>
-			<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>
-			<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>
+			<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>
+			<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>
 			<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>
 			<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>
 			<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>