diff --git a/notes.html b/notes.html
new file mode 100644
index 0000000..63a224c
--- /dev/null
+++ b/notes.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>niko's cool and awesome website!</title>
+	<link rel="icon" type="image/x-icon" href="./assets/images/favicon.png">
+	<link
+	  rel="stylesheet"
+	  type="text/css"
+	  href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css"
+	/>
+	<link
+	  rel="stylesheet"
+	  type="text/css"
+	  href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.css"
+	/>
+</head>
+<style>@import url('https://fonts.googleapis.com/css2?family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap');</style>
+<link rel="stylesheet" href="styles.css">
+<body>
+		<bg-gradient aria-hidden="true"></bg-gradient>
+		<bg aria-hidden="true"></bg>
+		<div class="main" style="height: 400px;">
+			<div class="tab">
+				<a href="."><button>< go back!</button></a>
+				<a href="https://asking.synth.download/@meowmaxing"><button>askbox</button></a>
+			</div>
+			<div>
+				<a>some things i've jot down..</a>
+			</div>
+			<a style="color: var(--subtext);">[404 not found]</a>
+		</div>
+</body>
+<script src="./script.js"></script>
+<a rel="me" href="https://merping.synth.download/@meowmaxing"></a>
+</html>