Mercurial > web

diff music.html @ 69:2e645b936727

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
*: huge overhaul 1. the INDEX PAGE was broken for so long, but I really could not have been arsed to fix it. 2. all major css has been moved to css/style.css 3. png files are now all jpg files because having pngs on a website is overkill 4. update libopenmpt, not sure if it works (local JS doesn't work on my browser) 5. libopenmpt is now the JS-only version because browsers like pale moon still don't support WASM
author Paper <mrpapersonic@gmail.com>
date Sat, 30 Sep 2023 00:34:22 -0400
parents 6019514100d4
children 629553bdc8aa
line wrap: on
line diff
--- a/music.html	Tue Aug 29 19:04:58 2023 -0400
+++ b/music.html	Sat Sep 30 00:34:22 2023 -0400
@@ -3,40 +3,16 @@
 	<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 href="./css/style.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%;
-		}
+	<style>
 		body {
 			background-size: cover;
-			background-image: url("forest.png");
+			background-image: url("musicbg.jpg");
 			background-position: center top;
-			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;
+			background-size: cover;
+			background-color: #1F255A;
 		}
 	</style>
 	<script nonce="paper-web-inline">