Mercurial > web

view projects/index.html @ 75:d69f3fe99911

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
*: remove bootstrap, add projects page, use custom navbar the bootstrap navbar was a bit too bloated for something like this anyway. P.S.: you can see some fun stupid tricks in `projects/index.html`, I had to hack around to make the background work how I wanted
author Paper <paper@paper.us.eu.org>
date Fri, 22 Mar 2024 21:42:50 -0400
parents
children ed130c092d75
line wrap: on
line source

<!DOCTYPE html>
<html>
<head>
	<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"/>
	<meta name="google-site-verification" content="rILPN0Fit17u21ImKQW-ZHQMvx_Ak7qcuM3ewqtrJg8" />
	<link href="/css/style.css" rel="stylesheet" media="screen">
	<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?">
	<style>
		body {
			background-color: #a99a7b;
			min-height: 100vh;

			/* HACK!!!
			 *
			 * transfer pointer events to children of the body */
			pointer-events: none;
		}

		body * {
			pointer-events: initial;
		}

		.background {
			background-size: contain;
			background-repeat: no-repeat;
			background-image: url("../media/haibane.png");
			background-position: bottom left;

			width: max(15vw, 250px);
			height: min(100vh, 550px);
			overflow: hidden;

			position: fixed;
			bottom: 0px;
			left: 0px;

			z-index: -1;
		}
	</style>
</head>

<body>
	<a target="_blank" href="https://www.pixiv.net/en/artworks/6647089">
		<div class="background"></div>
	</a>

	<div class="navbar drop-shadow-box">
		<a href="/" class="navbar-item">home</a>
		<a href="#" class="navbar-item-active">projects</a>
	</div>

	<br>

	<div class="header">
		<h1 class="title drop-shadow-text">Projects</h1>
	</div>

	<br>

	<div id="msvpvf" class="content drop-shadow-box">
		<a target="_blank" href="https://sr.ht/~mrpapersonic/msvpvf" class="drop-shadow-text prettylink project-title">msvpvf</a>
		<hr class="project-separator">
		<span class="drop-shadow-text">
			A bite-sized Windows application to backport Vegas Pro project
			files to older versions.
		</span>
		<br><br>
		<span class="drop-shadow-text project-title">Downloads:</span>
		<ul class="project-downloads">
			<li>
				<a class="drop-shadow-text prettylink" href="binaries/msvpvf/msvpvf-i686-ansi.exe">32-bit (ANSI)</a>
			</li>
			<li>
				<a class="drop-shadow-text prettylink" href="binaries/msvpvf/msvpvf-i686-unicode.exe">32-bit (Unicode, use this one if unsure)</a>
			</li>
			<li>
				<a class="drop-shadow-text prettylink" href="binaries/msvpvf/msvpvf-x86_64-unicode.exe">64-bit</a>
			</li>
		</ul>
	</div>

	<br>

	<div id="wgsdk" class="content drop-shadow-box">
		<a target="_blank" href="https://sr.ht/~mrpapersonic/wgsdk" class="drop-shadow-text prettylink project-title">wgsdk</a>
		<hr class="project-separator">
		<span class="drop-shadow-text">
			A Winamp plugin that uses the Discord GameSDK to provide rich
			presence.
		</span>
		<br><br>
		<a class="drop-shadow-text prettylink" href="binaries/gen_DiscordGameSDK.dll">Download</a>
	</div>

	<br>

	<div id="libedl" class="content drop-shadow-box">
		<a target="_blank" href="https://sr.ht/~mrpapersonic/libedl" class="drop-shadow-text prettylink project-title">libedl</a>
		<hr class="project-separator">
		<span class="drop-shadow-text">
			A C library to parse and edit Vegas Pro EDL files.
		</span>
		<br><br>
		<a class="drop-shadow-text prettylink" href="https://hg.sr.ht/~mrpapersonic/libedl/archive/v2.1.tar.gz">Download</a>
	</div>
</body>
</html>