Mercurial > web

comparison 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
comparison
equal deleted inserted replaced
55:aee91b195871 56:c95a96b61d9a
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <head> 2 <head>
3 <title>Projects - Paper's website</title>
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"/>
3 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen"> 7 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen">
4 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> 8 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
5 <!-- <script src="https://code.jquery.com/jquery.js"></script> 9 <style nonce="paper-web-inline">
6 <script src="js/bootstrap/js/bootstrap.min.js"></script> -->
7 <title>Projects - Paper's website</title>
8 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
9 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
10 <style>
11 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap'); 10 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap');
12 .navbar { 11 .navbar {
13 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 12 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
14 text-align: left; /* Override body text align */ 13 text-align: left; /* Override body text align */
14 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
15 }
16 .container {
17 width: 98%;
18 margin-top: 1%;
15 } 19 }
16 body { 20 body {
17 background-size: cover; 21 background-size: cover;
18 background: url("blueforest.png") no-repeat center center fixed; 22 background: url("blueforest.png") no-repeat center center fixed;
19 color: white; 23 color: white;
20 font-family: 'Source Sans 3', sans-serif; 24 font-family: 'Source Sans 3', sans-serif;
21 text-align: center; 25 text-align: center;
22 text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5); 26 text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5);
23 } 27 }
24 div.box { 28 div.box {
29 background-color: rgba(0, 128, 0, 0.5);
25 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset; 30 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
26 color: white; 31 color: white;
27 left: 0; 32 left: 0;
28 margin: 1% auto; 33 margin: 1% auto;
29 max-width: 500px; 34 max-width: 500px;
30 padding: 10px; 35 padding: 10px;
31 right: 0; 36 right: 0;
32 text-align: center; 37 text-align: center;
33 top: 50%; 38 top: 50%;
34 } 39 }
35 .poop { 40 a {
36 display: block-inline; 41 display: block-inline;
37 color: yellow; 42 color: yellow;
38 background: radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 75%); 43 background: radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 75%);
39 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); 44 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
40 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 45 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
41 } 46 }
42 </style> 47 </style>
43 </head> 48 </head>
44 <body> 49 <body>
45 <div class="navbar-wrapper"> 50 <div class="navbar-wrapper">
46 <div class="container" style="width: 98%;margin-top:1%;"> 51 <div class="container">
47 <div class="navbar navbar-inverse" style="box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5)"> 52 <div class="navbar navbar-inverse">
48 <div class="navbar-inner"> 53 <div class="navbar-inner">
49 <a class="brand" href="./">Paper's website</a> 54 <a class="brand" href="./">Paper's website</a>
50 <ul class="nav"> 55 <ul class="nav">
51 <li><a href="./">Home</a></li> 56 <li><a href="./">Home</a></li>
52 <li><a href="music.html">Music</a></li> 57 <li><a href="music.html">Music</a></li>
55 </div> 60 </div>
56 </div> 61 </div>
57 </div> 62 </div>
58 </div> 63 </div>
59 <h1>Projects</h1> 64 <h1>Projects</h1>
60 <div class="box" style="background-color: rgba(0, 128, 0, 0.5);"> 65 <div class="box">
61 <h1>msvpvf</h1> 66 <h1>msvpvf</h1>
62 <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> 67 <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>
63 <p><a class="poop" href="https://github.com/mrpapersonic/msvpvf/releases/latest">Download</a></p> 68 <p><a href="https://github.com/mrpapersonic/msvpvf/releases/latest">Download</a></p>
64 </div> 69 </div>
65 <div class="box" style="background-color: rgba(0, 128, 0, 0.5);"> 70 <div class="box">
66 <h1>utagoe30en</h1> 71 <h1>utagoe30en</h1>
67 <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> 72 <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>
68 <p><a class="poop" href="https://github.com/mrpapersonic/utagoe30en/releases/latest">Download</a></p> 73 <p><a href="https://github.com/mrpapersonic/utagoe30en/releases/latest">Download</a></p>
69 </div> 74 </div>
70 </body> 75 </body>