Mercurial > web

view 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 source

<!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?">
	<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;
			background: url("blueforest.png") no-repeat center center fixed;
			color: white;
			font-family: 'Source Sans 3', sans-serif;
			text-align: center;
			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;
			margin: 1% auto;
			max-width: 500px;
			padding: 10px;
			right: 0;
			text-align: center;
			top: 50%;
		}
		a {
			display: block-inline;
			color: yellow;
			background: radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 75%);
			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
			text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
		}
	</style>
</head>
<body>
    <div class="navbar-wrapper">
		<div class="container">
			<div class="navbar navbar-inverse">
				<div class="navbar-inner">
					<a class="brand" href="./">Paper's website</a>
					<ul class="nav">
						<li><a href="./">Home</a></li>
						<li><a href="music.html">Music</a></li>
						<li class="active"><a href="#">Projects</a></li>
					</ul>
				</div>
			</div>
		</div>
    </div>
	<h1>Projects</h1>
	<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 href="https://github.com/mrpapersonic/msvpvf/releases/latest">Download</a></p>
	</div>
	<div class="box">
		<h1>utagoe30en</h1>
		<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>