diff --git a/index.html b/index.html
new file mode 100644
index 0000000..5052fc9
--- /dev/null
+++ b/index.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title></title>
+		<!-- don't forget about me...
+		<link rel="stylesheet" href="./style.css">
+		-->
+		<meta name="description" content="~dusk's homepage on ~town!">
+<style>
+:root {
+	font-size: 18px;
+}
+html {
+	padding: 2rem 0;
+}
+body {
+	max-width: 75%;
+	width: 50rem;
+	margin: auto;
+	padding: 1rem;
+	border: 1px solid black;
+	border-radius: 1rem;
+}
+h1 {
+	font-size: 1.8rem;
+	font-weight: normal;
+	font-family: serif;
+	padding-bottom: 0.5rem;
+	border-bottom: 0.5px solid black;
+}
+p {
+	font-family: sans-serif;
+}
+.small {
+	font-size: 0.85em;
+}
+.hatnote {
+	padding-left: 2rem;
+	font-style: italic;
+}
+</style>
+	</head>
+	<body>
+
+		<h1>~dusk (~town member)</h1>
+		<p class="small">From tilde.town, the free pubnix</p>
+		<p class="hatnote">Not to be confused with <a href="https://tilde.town/~dusk_denizen/">~dusk_denizen (~town member)</a></p>
+
+		<p><strong>~dusk</strong> is a user on the <a href="https://tilde.town/">tilde.town</a> public Unix machine.
+		She enjoys playing with computers and has made a number of tiny web projects.
+		She loves making friends; send her an email today!</p>
+
+		<p>~dusk's pronouns are she/her/it.
+		On a good day, she might even have a tail or two.<sup><a href="./not-xkcd.html">[citation needed]</a></sup></p>
+
+	</body>
+</html>
diff --git a/not-xkcd.html b/not-xkcd.html
new file mode 100644
index 0000000..83c259c
--- /dev/null
+++ b/not-xkcd.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title></title>
+		<link rel="stylesheet" href="./style.css">
+		<meta name="description" content="~dusk's homepage on ~town!">
+<style>
+:root {
+	font-size: 18px;
+}
+body {
+	max-width: 75%;
+	width: 50rem;
+	margin: auto;
+}
+h1 {
+	font-size: 1.8rem;
+	font-weight: normal;
+	font-family: serif;
+	padding-bottom: 0.5rem;
+	border-bottom: 0.5px solid black;
+}
+p {
+	font-family: sans-serif;
+}
+.small {
+	font-size: 0.85em;
+}
+.hatnote {
+	padding-left: 2rem;
+	font-style: italic;
+}
+</style>
+	</head>
+	<body>
+		<h1>not an xkcd link</h1>
+		<p>i swear i don't just reference nerdy webcomics all day</p>
+		<p>see <a href="../index.html">~dusk's homepage</a> on ~town</p>
+	</body>
+</html>
