Mercurial > web
annotate projects.html @ 67:6019514100d4
html: fix random scaling shit on >1080p monitors
thanks twitter user for telling me
author | Paper <mrpapersonic@gmail.com> |
---|---|
date | Mon, 28 Aug 2023 16:52:30 -0400 |
parents | e6c574c6f8e0 |
children | 2e645b936727 |
rev | line source |
---|---|
33 | 1 <!DOCTYPE html> |
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 name="viewport" content="width=device-width, initial-scale=1.0"/> |
58
e6c574c6f8e0
music: reupload music to the music folder, fix links
Paper <mrpapersonic@gmail.com>
parents:
57
diff
changeset
|
6 <link href="./css/bootstrap.min.css" rel="stylesheet" media="screen"> |
42 | 7 <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
|
8 <style nonce="paper-web-inline"> |
47
f85e7261bc0f
everything *should* be the same everywhere now
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
46
diff
changeset
|
9 .navbar { |
f85e7261bc0f
everything *should* be the same everywhere now
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
46
diff
changeset
|
10 text-align: left; /* Override body text align */ |
56
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
11 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
|
12 } |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
13 .container { |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
14 width: 98%; |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
15 margin-top: 1%; |
47
f85e7261bc0f
everything *should* be the same everywhere now
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
46
diff
changeset
|
16 } |
33 | 17 body { |
18 background-size: cover; | |
67
6019514100d4
html: fix random scaling shit on >1080p monitors
Paper <mrpapersonic@gmail.com>
parents:
58
diff
changeset
|
19 background-image: url("blueforest.png"); |
6019514100d4
html: fix random scaling shit on >1080p monitors
Paper <mrpapersonic@gmail.com>
parents:
58
diff
changeset
|
20 background-position: center top; |
33 | 21 color: white; |
57
ac1900c0e376
html: Remove CSP and use local files
Paper <mrpapersonic@gmail.com>
parents:
56
diff
changeset
|
22 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
33 | 23 text-align: center; |
57
ac1900c0e376
html: Remove CSP and use local files
Paper <mrpapersonic@gmail.com>
parents:
56
diff
changeset
|
24 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6); |
33 | 25 } |
26 div.box { | |
56
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
27 background-color: rgba(0, 128, 0, 0.5); |
33 | 28 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset; |
57
ac1900c0e376
html: Remove CSP and use local files
Paper <mrpapersonic@gmail.com>
parents:
56
diff
changeset
|
29 text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4); |
33 | 30 color: white; |
31 left: 0; | |
32 margin: 1% auto; | |
33 max-width: 500px; | |
34 padding: 10px; | |
35 right: 0; | |
36 text-align: center; | |
37 top: 50%; | |
38 } | |
56
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
39 a { |
33 | 40 display: block-inline; |
41 color: yellow; | |
42 background: radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 75%); | |
42 | 43 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); |
33 | 44 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); |
45 } | |
46 </style> | |
47 </head> | |
48 <body> | |
45
e44fb9a05998
why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
44
diff
changeset
|
49 <div class="navbar-wrapper"> |
56
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
50 <div class="container"> |
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
51 <div class="navbar navbar-inverse"> |
45
e44fb9a05998
why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
44
diff
changeset
|
52 <div class="navbar-inner"> |
50
65a2123aaf04
Make the brand text on navbar link to main page
Paper <mrpapersonic@gmail.com>
parents:
47
diff
changeset
|
53 <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
|
54 <ul class="nav"> |
e44fb9a05998
why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
44
diff
changeset
|
55 <li><a href="./">Home</a></li> |
e44fb9a05998
why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
44
diff
changeset
|
56 <li><a href="music.html">Music</a></li> |
e44fb9a05998
why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
44
diff
changeset
|
57 <li class="active"><a href="#">Projects</a></li> |
e44fb9a05998
why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
44
diff
changeset
|
58 </ul> |
e44fb9a05998
why does this work?
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
44
diff
changeset
|
59 </div> |
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> |
33 | 63 <h1>Projects</h1> |
56
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
64 <div class="box"> |
33 | 65 <h1>msvpvf</h1> |
66 <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
|
67 <p><a href="https://github.com/mrpapersonic/msvpvf/releases/latest">Download</a></p> |
33 | 68 </div> |
56
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
69 <div class="box"> |
33 | 70 <h1>utagoe30en</h1> |
56
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
50
diff
changeset
|
71 <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
|
72 <p><a href="https://github.com/mrpapersonic/utagoe30en/releases/latest">Download</a></p> |
33 | 73 </div> |
74 </body> |