Mercurial > web

diff projects.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 65a2123aaf04
children ac1900c0e376
line wrap: on
line diff
--- a/projects.html	Mon Dec 19 17:18:07 2022 -0500
+++ b/projects.html	Mon Dec 19 17:54:07 2022 -0500
@@ -1,17 +1,21 @@
 <!DOCTYPE html>
 <head>
+	<title>Projects - Paper's website</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<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'">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen">
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
-    <!-- <script src="https://code.jquery.com/jquery.js"></script>
-    <script src="js/bootstrap/js/bootstrap.min.js"></script> -->
-	<title>Projects - Paper's website</title>
-	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-	<style>
+	<style nonce="paper-web-inline">
 		@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap');
 		.navbar {
 			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 			text-align: left; /* Override body text align */
+			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
+		}
+		.container {
+			width: 98%;
+			margin-top: 1%;
 		}
 		body {
 			background-size: cover;
@@ -22,6 +26,7 @@
 			text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5);
 		}
 		div.box {
+			background-color: rgba(0, 128, 0, 0.5);
 			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
 			color: white;
 			left: 0;
@@ -32,7 +37,7 @@
 			text-align: center;
 			top: 50%;
 		}
-		.poop {
+		a {
 			display: block-inline;
 			color: yellow;
 			background: radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 75%);
@@ -43,8 +48,8 @@
 </head>
 <body>
     <div class="navbar-wrapper">
-		<div class="container" style="width: 98%;margin-top:1%;">
-			<div class="navbar navbar-inverse" style="box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5)">
+		<div class="container">
+			<div class="navbar navbar-inverse">
 				<div class="navbar-inner">
 					<a class="brand" href="./">Paper's website</a>
 					<ul class="nav">
@@ -57,14 +62,14 @@
 		</div>
     </div>
 	<h1>Projects</h1>
-	<div class="box" style="background-color: rgba(0, 128, 0, 0.5);">
+	<div class="box">
 		<h1>msvpvf</h1>
 		<p>msvpvf is a tool used to "downgrade" VEGAS Pro project files, written entirely in C. It has no runtime libraries, making it incredibly lightweight. On macOS, the CLI compiles to 50 KB, and on Windows the GUI app is only 19 KB.</p>
-		<p><a class="poop" href="https://github.com/mrpapersonic/msvpvf/releases/latest">Download</a></p>
+		<p><a href="https://github.com/mrpapersonic/msvpvf/releases/latest">Download</a></p>
 	</div>
-	<div class="box" style="background-color: rgba(0, 128, 0, 0.5);">
+	<div class="box">
 		<h1>utagoe30en</h1>
-		<p>A project to translate <a class="poop" href="https://www.vector.co.jp/soft/dl/win95/art/se127635.html">Utagoe</a>, an app that extracts vocals from songs, into English</p>
-		<p><a class="poop" href="https://github.com/mrpapersonic/utagoe30en/releases/latest">Download</a></p>
+		<p>A project to translate <a href="https://www.vector.co.jp/soft/dl/win95/art/se127635.html">Utagoe</a>, an app that extracts vocals from songs, into English</p>
+		<p><a href="https://github.com/mrpapersonic/utagoe30en/releases/latest">Download</a></p>
 	</div>
 </body>