Mercurial > web

comparison index.html @ 56:c95a96b61d9a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
html: Add Content Security Policy headers
author Paper <mrpapersonic@gmail.com>
date Mon, 19 Dec 2022 17:54:07 -0500
parents 9be255c52344
children ac1900c0e376
comparison
equal deleted inserted replaced
55:aee91b195871 56:c95a96b61d9a
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'">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6 <meta name="google-site-verification" content="rILPN0Fit17u21ImKQW-ZHQMvx_Ak7qcuM3ewqtrJg8" /> 7 <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,
9 but we don't have anything that uses it anyway -->
7 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen"> 10 <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?"> 11 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
9 <!-- <script src="https://code.jquery.com/jquery.js"></script> 12 <style nonce="paper-web-inline">
10 <script src="js/bootstrap/js/bootstrap.min.js"></script> -->
11 <style>
12 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap'); 13 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap');
13 .navbar { 14 .navbar {
14 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 15 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
15 text-align: left; /* Override body text align */ 16 text-align: left; /* Override body text align */
17 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
18 }
19 .container {
20 width: 98%;
21 margin-top: 1%;
16 } 22 }
17 @media (min-aspect-ratio: 16/9) { 23 @media (min-aspect-ratio: 16/9) {
18 #bg { 24 #bg {
19 height: auto; 25 height: auto;
20 width:100%; 26 width:100%;
64 right: 0; 70 right: 0;
65 } 71 }
66 div.logos { 72 div.logos {
67 filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5)); 73 filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
68 } 74 }
75 image#mod-archive {
76 image-rendering: pixelated;
77 }
69 </style> 78 </style>
70 <script> 79 <script nonce="paper-web-inline">
71 function setbg() { 80 function setbg() {
72 document.getElementById("bg").style.display = "none"; 81 document.getElementById("bg").style.display = "none";
73 document.body.style.background = "url('landscapeposter.jpg') no-repeat center center fixed"; 82 document.body.style.background = "url('landscapeposter.jpg') no-repeat center center fixed";
74 document.body.style.backgroundSize = "cover"; 83 document.body.style.backgroundSize = "cover";
75 } 84 }
99 &nbsp; 108 &nbsp;
100 <a target="_blank" href="https://twitter.com/bogdabogdabogda"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-twitter" viewBox="0 0 16 16"> 109 <a target="_blank" href="https://twitter.com/bogdabogdabogda"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-twitter" viewBox="0 0 16 16">
101 <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/> 110 <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
102 </svg></a> 111 </svg></a>
103 &nbsp; 112 &nbsp;
104 <a target="_blank" href="https://modarchive.org/index.php?request=view_profile&query=92603"><svg version="1.1" id="svg108" width="32" height="32" fill="white" viewBox="0 0 32 32" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs112"/> <g id="g114"><image width="32" height="32" preserveAspectRatio="none" style="image-rendering:pixelated;" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACx 113 <a target="_blank" href="https://modarchive.org/index.php?request=view_profile&query=92603"><svg version="1.1" id="svg108" width="32" height="32" fill="white" viewBox="0 0 32 32" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs112"/> <g id="g114"><image id="mod-archive" width="32" height="32" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACx
105 jwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABvSURBVDhP1ZDRCYAwDERjp3AER3EUN+q48RLu 114 jwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABvSURBVDhP1ZDRCYAwDERjp3AER3EUN+q48RLu
106 o5JIbQXBB7E+rhxR+QRVXW2oEYSbDTWAzKFGmN9eYJzmhecF3N1tqH28HlC73pJu0ANdhw11fAOq 115 o5JIbQXBB7E+rhxR+QRVXW2oEYSbDTWAzKFGmN9eYJzmhecF3N1tqH28HlC73pJu0ANdhw11fAOq
107 +9QGLQVFle/WXEd9wSP9OU95/wk8p/l9gcgJo2aKKBW4giYAAAAASUVORK5CYII= 116 +9QGLQVFle/WXEd9wSP9OU95/wk8p/l9gcgJo2aKKBW4giYAAAAASUVORK5CYII=
108 " id="image116" /></g></svg></a> 117 " id="image116" /></g></svg></a>
109 &nbsp; 118 &nbsp;
112 </svg></a> 121 </svg></a>
113 </div> 122 </div>
114 </div> 123 </div>
115 </div> 124 </div>
116 <div class="navbar-wrapper"> 125 <div class="navbar-wrapper">
117 <div class="container" style="width: 98%;margin-top:1%;"> 126 <div class="container paper-navbar">
118 <div class="navbar navbar-inverse" style="box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5)"> 127 <div class="navbar navbar-inverse">
119 <div class="navbar-inner"> 128 <div class="navbar-inner">
120 <a class="brand" href="#">Paper's website</a> 129 <a class="brand" href="#">Paper's website</a>
121 <ul class="nav"> 130 <ul class="nav">
122 <li class="active"><a href="#">Home</a></li> 131 <li class="active"><a href="#">Home</a></li>
123 <li><a href="music.html">Music</a></li> 132 <li><a href="music.html">Music</a></li>