diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..f80111a
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "noter"]
+	path = noter
+	url = https://code.criminallycute.fi/siina/noter
diff --git a/README.md b/README.md
index a352f9c..c21e3ad 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,4 @@
 # siina.monster
 
-My personal website.
\ No newline at end of file
+Writing notes is done via `./noter/writer.sh public` to ensure html ends up in `./public/`, which is a publicly served directory.
+
diff --git a/noter b/noter
new file mode 160000
index 0000000..5ec3c61
--- /dev/null
+++ b/noter
@@ -0,0 +1 @@
+Subproject commit 5ec3c6130c3bcf27208873f12fb7311a464bf6ef
diff --git a/notes/2024-02-17.txt b/notes/2024-02-17.txt
new file mode 100644
index 0000000..dc41af5
--- /dev/null
+++ b/notes/2024-02-17.txt
@@ -0,0 +1,3 @@
+This is the first thing written by using a modified version of <a
+href="https://k0.tel/">koutsie</a>'s <a
+href="https://code.criminallycute.fi/siina/noter">noter</a> script.
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..587d49b
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset='utf-8'>
+  <title>1 notes | noter</title>
+  <meta property='og:title' content='siina.monster' />
+  <meta property='og:description' content='random thoughts and things, i think?' />
+  <meta property='og:type' content='blog' />
+  <meta property='og:generator' content='noter' />
+  <!-- those who seek, shall see - but thy shall be prepared... -->
+  <link rel='icon' type='image/png' href=''>
+  <link rel='alternate' type='application/atom+xml' title=rss href='/feed.xml' />
+  <meta name='last-generated' content='2024-02-17 17:33:10' />
+  <style>
+    /* font by https://www.1001fonts.com/users/junkohanhero/ */
+@font-face { font-family: header; src: url(scratch_x_black.ttf); }
+body {
+	background-color: #0f0f0f;
+	color: #fff;
+	font-family: 'Arial Rounded MT', sans-serif;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+	margin: 0;
+	/* font legibility optimizations */
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-rendering: optimizeLegibility;
+}
+.container {
+	max-width: 800px;
+	padding: 20px;
+	border-radius: 15px;
+}
+.note {
+	background-color: #181717;
+	padding: 10px;
+	margin-bottom: 20px;
+	border-radius: 10px;
+}
+h1 {
+	text-align: center;
+	font-family: "header", sans-serif;
+}
+h3 {
+	color: #fff;
+}
+img {
+	border-radius: 5px;
+}
+note {
+	color: #fff;
+	white-space: pre-wrap;
+}
+code {
+	color: #00ff62b5;
+	font-family: "Lucida Console", "Courier New", monospace;
+	white-space: pre-wrap;
+}
+.back-to-top {
+	text-align: right;
+	margin-top: 20px;
+}
+.last-updated {
+	text-align: right;
+	margin-bottom: 20px;
+	color: #888;
+	font-size: 13px;
+}
+a:link, a:visited, a:hover, a:active {
+	color: #ff7b00;
+	font-style: normal;
+	text-decoration: underline;
+}
+/* le tableee */
+table {
+	width: 100%;
+	border-collapse: collapse;
+	border: 1px solid #fff;
+	border-radius: 8px;
+	overflow: hidden;
+	color: #fff;
+}
+
+th, td {
+	padding: 10px 15px;
+	border: 1px solid #fff;
+	border-radius: 8px;
+}
+
+th {
+	background: #1f1f1f;
+	text-align: left;
+	font-weight: bold;
+}
+
+td {
+	background: #0b0b0b;
+}
+  </style>
+</head>
+<body>
+<div class='container'>
+<h1>siina.monster</h1><br>
+<center> <a rel='me' href='https://social.criminallycute.fi/@siina'>fedi</a> | <a href=feed.xml>rss</a> | <a href=https://criminallycute.fi>Criminally Cute</a> </center>
+<center><div class='top-bar'><a href='#2024-02-17'>2024</a></div></center><br>
+<a name='2024-02-17'></a>
+<div class='note'>
+<h4><a href='#2024-02-17'>February 17, 2024</a></h4>
+This is the first thing written by using a modified version of <a
+href="https://k0.tel/">koutsie</a>'s <a
+href="https://code.criminallycute.fi/siina/noter">noter</a> script.</br>
+</div>
+<div class='generated-with'>generated with <a href='https://code.criminallycute.fi/siina/noter'>noter</a></div>
+<div class='back-to-top'><a href='#'>Back to Top</a></div>
+<div class='last-updated'>last Updated: 2024-02-17 17:33:10</div>
+</div>
+</body>
+</html>
