Mercurial > web

diff index.html @ 78:5fdf5f346b92

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
*: use jekyll for templates, blogging, etc. I changed the pages to now use templates, so adding new stuff should be much much easier in the future
author Paper <paper@paper.us.eu.org>
date Mon, 20 May 2024 02:49:07 -0400
parents d9242232f51d
children 815c0da68384
line wrap: on
line diff
--- a/index.html	Wed May 08 17:42:11 2024 -0400
+++ b/index.html	Mon May 20 02:49:07 2024 -0400
@@ -1,65 +1,37 @@
-<!DOCTYPE html>
-<html lang="en-US">
-<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">
-	<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>
+---
+layout: default
+title: home
+bgimage: indexbg.jpg
+bgcolor: #1F255A
+bgrepeat: no-repeat
+bgsize: cover
+---
+<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>
 
-<body>
-	<div class="navbar drop-shadow-box">
-		<a href="#" class="navbar-item-active">home</a>
-		<a href="projects/" class="navbar-item">projects</a>
-	</div>
-
-	<br>
+<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>
+<div class="content drop-shadow-box">
+	<h2 class="drop-shadow-text">welcome to my website!</h2>
+	<p class="drop-shadow-text">
+		there's not really much to see here for now. In the meantime, you can check out the links at the top right to see some stuff I've made.
+	</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>
-		</ul>
-		<br>
-		<ul>
-			<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>
+	<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>); please do not send me <a class="prettylink" href="https://useplaintext.email/">HTML-infested garbage</a>
+		</li>
+		<li class="drop-shadow-text">
+			Discord (@slipofpaper)
+		</li>
+	</ul>
+	<ul>
+		<li class="drop-shadow-text">
+			Fediverse (<a target="_blank" class="prettylink" href="https://miniwa.moe/users/paper">@paper@miniwa.moe</a>)
+		</li>
+	</ul>
+</div>