Mercurial > web

view music.html @ 57:ac1900c0e376

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
line wrap: on
line source

<!DOCTYPE html>
<head>
	<title>Music - Paper's website</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="./css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<style nonce="paper-web-inline">
		.navbar {
			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: "Helvetica Neue", Helvetica, Arial, sans-serif;
			text-align: center;
			text-shadow: 5px 5px 5px 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) {
			return "./js/" + filename;
		};

		libopenmpt.onRuntimeInitialized = function() {
			var player;

			function init() {
				if (player == undefined)
					player = new ChiptuneJsPlayer(new ChiptuneJsConfig(-1, 100, 1));
				else
					player.stop();
			}

			function afterLoad(path, buffer) {
				player.play(buffer);
				setMetadata(path);
			}

			function loadURL(path) {
				init();
				player.load(path, afterLoad.bind(this, path));
			}

			function setMetadata(filename) {
				var metadata = player.metadata();
				if (metadata['title'] != '')
					document.getElementById('title').innerHTML = metadata['title'];
				else
					document.getElementById('title').innerHTML = filename;
			}

			function pauseButton() {
				player.togglePause();
			}

			document.querySelector('#playpause').addEventListener('click', pauseButton, false);
			document.querySelectorAll('.song').forEach(function(e) {
				e.addEventListener('click', function(evt) {
					loadURL(evt.target.getAttribute("data-modurl"));
				}, false);
			});
		};
	</script>
</head>
<body>
    <div class="navbar-wrapper">
		<div class="container">
			<div class="navbar navbar-inverse">
				<div class="navbar-inner">
					<a class="brand" href="./">Paper's website</a>
					<ul class="nav">
						<li><a href="./">Home</a></li>
						<li class="active"><a href="#">Music</a></li>
						<li><a href="projects.html">Projects</a></li>
					</ul>
				</div>
			</div>
		</div>
    </div>
	<h1>Music</h1>
	<div class="box">
		<p>Now playing:</p>
		<p id="title">nothing loaded</p>
		<button type="button" class="btn btn-primary" id="playpause">Play/Pause</button>
	</div>
	<div class="box">
		<h2>Originals</h2>
			<p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194229">Old Desk Tribute [.XM]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=194229#paper_-_old_desk_tribute.xm">(Download)</a></p>
			<p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=194228">Chippy-Go-Lucky [.XM]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=194228#paper_-_chippygolucky.xm">(Download)</a></p>
			<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>
			<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>
			<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 class="box">
		<h2>Collabs</h2>
			<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">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">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>
			<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>
			<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>
			<p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=191735">Leonz - Among Us Drip Theme [.XM]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=191735#paper_-_drip.xm">(Download)</a></p>
			<p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=191381">Childish Gambino - 3005 [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=191381#paper_-_3005.it">(Download)</a></p>
			<p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=191287">Cho Ren Sha 68k - Infinity [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=191287#paper_-_infinity.it">(Download)</a></p>
			<p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=191006">Aphex Twin - Avril 14th [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=191006#paper_-_bestending.it">(Download)</a></p>
			<p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=190865">KOTO - Visitors [.XM]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=190865#paper_-_visitors.xm">(Download)</a></p>
			<p><a href="#" class="song" data-modurl="https://api.modarchive.org/downloads.php?moduleid=190803">Naruto - VRC6N001 [.IT]</a>&nbsp;<a href="https://api.modarchive.org/downloads.php?moduleid=190803#paper_-_vrc6n001.it">(Download)</a></p>
	</div>
</body>