annotate projects.html @ 56:c95a96b61d9a

html: Add Content Security Policy headers
author Paper <mrpapersonic@gmail.com>
date Mon, 19 Dec 2022 17:54:07 -0500
parents 65a2123aaf04
children ac1900c0e376
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
33
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
1 <!DOCTYPE html>
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
2 <head>
56
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
3 <title>Projects - Paper's website</title>
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
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'">
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
6 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
42
8051fdef82da Downgrade to bootstrap 2.3.2
Paper <mrpapersonic@gmail.com>
parents: 36
diff changeset
7 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen">
8051fdef82da Downgrade to bootstrap 2.3.2
Paper <mrpapersonic@gmail.com>
parents: 36
diff changeset
8 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
56
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
9 <style nonce="paper-web-inline">
33
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
10 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap');
47
f85e7261bc0f everything *should* be the same everywhere now
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 46
diff changeset
11 .navbar {
f85e7261bc0f everything *should* be the same everywhere now
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 46
diff changeset
12 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
f85e7261bc0f everything *should* be the same everywhere now
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 46
diff changeset
13 text-align: left; /* Override body text align */
56
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
14 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
15 }
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
16 .container {
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
17 width: 98%;
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
18 margin-top: 1%;
47
f85e7261bc0f everything *should* be the same everywhere now
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 46
diff changeset
19 }
33
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
20 body {
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
21 background-size: cover;
36
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 35
diff changeset
22 background: url("blueforest.png") no-repeat center center fixed;
33
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
23 color: white;
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
24 font-family: 'Source Sans 3', sans-serif;
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
25 text-align: center;
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
26 text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5);
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
27 }
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
28 div.box {
56
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
29 background-color: rgba(0, 128, 0, 0.5);
33
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
30 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
31 color: white;
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
32 left: 0;
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
33 margin: 1% auto;
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
34 max-width: 500px;
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
35 padding: 10px;
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
36 right: 0;
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
37 text-align: center;
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
38 top: 50%;
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
39 }
56
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
40 a {
33
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
41 display: block-inline;
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
42 color: yellow;
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
43 background: radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 75%);
42
8051fdef82da Downgrade to bootstrap 2.3.2
Paper <mrpapersonic@gmail.com>
parents: 36
diff changeset
44 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
33
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
45 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
46 }
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
47 </style>
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
48 </head>
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
49 <body>
45
e44fb9a05998 why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 44
diff changeset
50 <div class="navbar-wrapper">
56
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
51 <div class="container">
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
52 <div class="navbar navbar-inverse">
45
e44fb9a05998 why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 44
diff changeset
53 <div class="navbar-inner">
50
65a2123aaf04 Make the brand text on navbar link to main page
Paper <mrpapersonic@gmail.com>
parents: 47
diff changeset
54 <a class="brand" href="./">Paper's website</a>
45
e44fb9a05998 why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 44
diff changeset
55 <ul class="nav">
e44fb9a05998 why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 44
diff changeset
56 <li><a href="./">Home</a></li>
e44fb9a05998 why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 44
diff changeset
57 <li><a href="music.html">Music</a></li>
e44fb9a05998 why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 44
diff changeset
58 <li class="active"><a href="#">Projects</a></li>
e44fb9a05998 why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 44
diff changeset
59 </ul>
e44fb9a05998 why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 44
diff changeset
60 </div>
e44fb9a05998 why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 44
diff changeset
61 </div>
e44fb9a05998 why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 44
diff changeset
62 </div>
e44fb9a05998 why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents: 44
diff changeset
63 </div>
33
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
64 <h1>Projects</h1>
56
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
65 <div class="box">
33
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
66 <h1>msvpvf</h1>
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
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>
56
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
68 <p><a href="https://github.com/mrpapersonic/msvpvf/releases/latest">Download</a></p>
33
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
69 </div>
56
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
70 <div class="box">
33
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
71 <h1>utagoe30en</h1>
56
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
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>
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 50
diff changeset
73 <p><a href="https://github.com/mrpapersonic/utagoe30en/releases/latest">Download</a></p>
33
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
74 </div>
00a9eeb901ed Add projects tab
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
75 </body>