Mercurial > web

comparison 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
comparison
equal deleted inserted replaced
68:de57aed2d203 69:2e645b936727
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <head> 2 <head>
3 <title>Music - Paper's website</title> 3 <title>Music - Paper's website</title>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 <link href="./css/bootstrap.min.css" rel="stylesheet" media="screen"> 5 <link href="./css/bootstrap.min.css" rel="stylesheet" media="screen">
6 <link href="./css/style.css" rel="stylesheet" media="screen">
6 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> 7 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
7 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
8 <style nonce="paper-web-inline"> 9 <style>
9 .navbar {
10 text-align: left; /* Override body text align */
11 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
12 }
13 .container {
14 width: 98%;
15 margin-top: 1%;
16 }
17 body { 10 body {
18 background-size: cover; 11 background-size: cover;
19 background-image: url("forest.png"); 12 background-image: url("musicbg.jpg");
20 background-position: center top; 13 background-position: center top;
21 color: white; 14 background-size: cover;
22 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 15 background-color: #1F255A;
23 text-align: center;
24 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
25 }
26 div.box {
27 background-color: rgba(0, 0, 0, 0.7);
28 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
29 color: white;
30 left: 0;
31 margin: 1% auto;
32 max-width: 500px;
33 padding: 10px;
34 right: 0;
35 text-align: center;
36 top: 50%;
37 }
38 a:link, a:visited, a:hover, a:active {
39 color: #ff6600;
40 } 16 }
41 </style> 17 </style>
42 <script nonce="paper-web-inline"> 18 <script nonce="paper-web-inline">
43 window['libopenmpt'] = {}; 19 window['libopenmpt'] = {};
44 20