Mercurial > web

view index.html @ 74:c8ea71d9d102

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
*: rebuild bootstrap so it works on safari, add some links to html
author Paper <mrpapersonic@gmail.com>
date Mon, 18 Dec 2023 00:26:00 -0500
parents ff98f97603ca
children d69f3fe99911
line wrap: on
line source

<!DOCTYPE html>
<head>
	<title>Home - 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" />
	<!-- bootstrap 2.3.2 gives an error that the `zoom` css property isn't supported,
	     but we don't have anything that uses it anyway -->
	<link href="./css/bootstrap.min.css" rel="stylesheet" media="screen">
	<link href="./css/style.css" rel="stylesheet" media="screen">
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
	<style>
		body {
			background-size: cover;
			background-repeat: no-repeat;
			background-image: url("indexbg.jpg"); /* Hibike! Euphonium */
			background-position: center top;
			background-color: #1F255A;
			min-height: 100vh;
		}
	</style>
</head>
<body>
	<!-- I tried to make this HTML as clean as possible, as to reduce clutter
	     from what these pages used to look like :/

	     Much of this page has taken "inspiration" (read: was stolen) from
	     sdomi's page at https://sdomi.pl/ -->
	<div class="navbar navbar-inverse navbar-static-top">
		<div class="navbar-inner">
			<a class="brand" href="#">Paper's website</a>
			<ul class="nav">
				<li class="active"><a href="#">Home</a></li>
			</ul>
		</div>
	</div>

	<br />

	<div class="header">
		<img class="avatar drop-shadow-box" src="media/avatar.jpg"
			alt="Himeko Inaba from Kokoro Connect" title="Himeko Inaba from Kokoro Connect" />
		<h1 class="title drop-shadow-text">Paper's website</h1>
	</div>

	<div class="content drop-shadow-box">
		<h2 class="drop-shadow-text">About me</h2>
		<p class="drop-shadow-text">
			My main interests are retro computers (old Apple stuff mainly),
			<a href="https://sr.ht/~mrpapersonic">programming</a>,
			<a href="https://anilist.co/user/PaperAIDS/">anime and manga</a>,
			and some linguistics. I also make some
			<a href="https://modarchive.org/index.php?request=view_artist_modules&query=92603">tunes</a>
			from time to time.
		</p>
		<p class="drop-shadow-text">
			I use Debian as my main operating system with KDE Plasma as my desktop environment.
		</p>

		<h2 class="drop-shadow-text">Projects</h2>
		<ul>
			<li class="drop-shadow-text">
				<a href="https://hg.sr.ht/~mrpapersonic/vegas-scripts">Vegas Pro scripts</a>:
				some scripts that make using Vegas Pro less unbearable
			</li>
			<li class="drop-shadow-text">
				<a href="https://hg.sr.ht/~mrpapersonic/wgsdk">wgsdk</a>:
				a Discord GameSDK plugin for Winamp
			</li>
		</ul>

		<h2 class="drop-shadow-text">Socials</h2>
		<ul>
			<li class="drop-shadow-text">
				E-mail (<a href="mailto:mrpapersonic@gmail.com">mrpapersonic@gmail.com</a>)
			</li>
			<li class="drop-shadow-text">
				Discord (@slipofpaper)
			</li>
			<li class="drop-shadow-text">
				Telegram (<a href="https://t.me/mrpapersonic">@mrpapersonic</a>)
			</li>
			<br>
			<li class="drop-shadow-text">
				Fediverse (<a href="https://miniwa.moe/users/paper">@paper@miniwa.moe</a>)
			</li>
		</ul>
	</div>
</body>