Mercurial > web

diff 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 diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/projects/index.html	Fri Mar 22 21:42:50 2024 -0400
@@ -0,0 +1,109 @@
+<!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>