Mercurial > web
comparison index.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 | 3946995eb2e6 |
comparison
equal
deleted
inserted
replaced
56:c95a96b61d9a | 57:ac1900c0e376 |
---|---|
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <head> | 2 <head> |
3 <title>Home - Paper's website</title> | 3 <title>Home - 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'"> | |
6 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
7 <meta name="google-site-verification" content="rILPN0Fit17u21ImKQW-ZHQMvx_Ak7qcuM3ewqtrJg8" /> | 6 <meta name="google-site-verification" content="rILPN0Fit17u21ImKQW-ZHQMvx_Ak7qcuM3ewqtrJg8" /> |
8 <!-- bootstrap 2.3.2 gives an error that the `zoom` css property isn't supported, | 7 <!-- bootstrap 2.3.2 gives an error that the `zoom` css property isn't supported, |
9 but we don't have anything that uses it anyway --> | 8 but we don't have anything that uses it anyway --> |
10 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen"> | 9 <link href="./css/bootstrap.min.css" rel="stylesheet" media="screen"> |
11 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> | 10 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> |
12 <style nonce="paper-web-inline"> | 11 <style nonce="paper-web-inline"> |
13 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap'); | |
14 .navbar { | 12 .navbar { |
15 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | |
16 text-align: left; /* Override body text align */ | 13 text-align: left; /* Override body text align */ |
17 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); | 14 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); |
18 } | 15 } |
19 .container { | 16 .container { |
20 width: 98%; | 17 width: 98%; |
44 transform: translate(-50%, -50%); | 41 transform: translate(-50%, -50%); |
45 z-index: -1; | 42 z-index: -1; |
46 } | 43 } |
47 body { | 44 body { |
48 background-color: 1F255A; | 45 background-color: 1F255A; |
49 font-family: 'Source Sans 3', sans-serif; | 46 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; |
50 overflow: hidden; | 47 overflow: hidden; |
51 text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5); | 48 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); |
52 } | 49 } |
53 div.box { | 50 div.box { |
54 background-color: rgba(0, 0, 0, 0.5); | 51 background-color: rgba(0, 0, 0, 0.5); |
55 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset; | 52 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset; |
56 color: white; | 53 color: white; |