Mercurial > web
comparison music.html @ 57:ac1900c0e376
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 | 
   comparison
  equal
  deleted
  inserted
  replaced
| 56:c95a96b61d9a | 57:ac1900c0e376 | 
|---|---|
| 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 <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"> | 5 <link href="./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"> | |
| 7 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> | 6 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> | 
| 8 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | 
| 9 <style nonce="paper-web-inline"> | 8 <style nonce="paper-web-inline"> | 
| 10 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap'); | |
| 11 .navbar { | 9 .navbar { | 
| 12 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | |
| 13 text-align: left; /* Override body text align */ | 10 text-align: left; /* Override body text align */ | 
| 14 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); | 11 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); | 
| 15 } | 12 } | 
| 16 .container { | 13 .container { | 
| 17 width: 98%; | 14 width: 98%; | 
| 19 } | 16 } | 
| 20 body { | 17 body { | 
| 21 background-size: cover; | 18 background-size: cover; | 
| 22 background: url("forest.png") no-repeat center center fixed; | 19 background: url("forest.png") no-repeat center center fixed; | 
| 23 color: white; | 20 color: white; | 
| 24 font-family: 'Source Sans 3', sans-serif; | 21 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | 
| 25 text-align: center; | 22 text-align: center; | 
| 26 text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5); | 23 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); | 
| 27 } | 24 } | 
| 28 div.box { | 25 div.box { | 
| 29 background-color: rgba(0, 0, 0, 0.7); | 26 background-color: rgba(0, 0, 0, 0.7); | 
| 30 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset; | 27 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset; | 
| 31 color: white; | 28 color: white; | 
