Mercurial > web

view 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 c8ea71d9d102
children ed130c092d75
line wrap: on
line source

<!DOCTYPE html>
<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" />
	<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 drop-shadow-box">
		<a href="#" class="navbar-item-active">home</a>
		<a href="projects/" class="navbar-item">projects</a>
	</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>

	<br>

	<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 class="prettylink" target="_blank" href="https://sr.ht/~mrpapersonic">programming</a>,
			<a class="prettylink" target="_blank" href="https://anilist.co/user/PaperAIDS/">anime and manga</a>,
			and some linguistics. I also make some
			<a class="prettylink" target="_blank" href="https://modarchive.org/index.php?request=view_artist_modules&query=92603">tunes</a>
			from time to time.
		</p>

		<h2 class="drop-shadow-text">Socials</h2>
		<ul class="index-socials-list">
			<li class="drop-shadow-text">
				E-mail (<a class="prettylink" href="mailto:paper@paper.us.eu.org">paper@paper.us.eu.org</a>)
			</li>
			<li class="drop-shadow-text">
				Discord (@slipofpaper)
			</li>
			<br>
			<li class="drop-shadow-text">
				Fediverse (<a class="prettylink" target="_blank" href="https://miniwa.moe/users/paper">@paper@miniwa.moe</a>)
			</li>
		</ul>
	</div>
</body>
</html>