Mercurial > web

comparison projects.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
comparison
equal deleted inserted replaced
56:c95a96b61d9a 57:ac1900c0e376
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <head> 2 <head>
3 <title>Projects - Paper's website</title> 3 <title>Projects - 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 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/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">
8 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> 7 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
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; 10 /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
13 text-align: left; /* Override body text align */ 11 text-align: left; /* Override body text align */
14 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); 12 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
15 } 13 }
16 .container { 14 .container {
17 width: 98%; 15 width: 98%;
19 } 17 }
20 body { 18 body {
21 background-size: cover; 19 background-size: cover;
22 background: url("blueforest.png") no-repeat center center fixed; 20 background: url("blueforest.png") no-repeat center center fixed;
23 color: white; 21 color: white;
24 font-family: 'Source Sans 3', sans-serif; 22 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
25 text-align: center; 23 text-align: center;
26 text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5); 24 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
27 } 25 }
28 div.box { 26 div.box {
29 background-color: rgba(0, 128, 0, 0.5); 27 background-color: rgba(0, 128, 0, 0.5);
30 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset; 28 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
29 text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
31 color: white; 30 color: white;
32 left: 0; 31 left: 0;
33 margin: 1% auto; 32 margin: 1% auto;
34 max-width: 500px; 33 max-width: 500px;
35 padding: 10px; 34 padding: 10px;