From b8aec40bdc5cb5a5703113a6a89298d20a2cd896 Mon Sep 17 00:00:00 2001
From: Rose Hogenson <rosehogenson@posteo.net>
Date: Sat, 20 Sep 2025 12:15:57 -0700
Subject: Add support for a private notepad

---
 templates/note.html.template | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 templates/note.html.template

(limited to 'templates/note.html.template')

diff --git a/templates/note.html.template b/templates/note.html.template
new file mode 100644
index 0000000..eac0e02
--- /dev/null
+++ b/templates/note.html.template
@@ -0,0 +1,32 @@
+{{define "head"}}
+<script src="/static/htmx.min.js"></script>
+<title>Notepad</title>
+
+<meta name="viewport" content="interactive-widget=resizes-content"> <!-- https://stackoverflow.com/q/76026292 -->
+{{end}}
+
+<form method="post">
+	<div class="save-indicator-container">
+		{{block "saveIndicator" ""}}
+		<span id="save-indicator">{{.}}</span>
+		{{end}}
+		<noscript><input type="submit" value="Save"></noscript>
+	</div>
+	<div class="content-container">
+		<textarea
+				name="content"
+				hx-post="/notepad/autosave"
+				hx-on:input="
+					const indicator = htmx.find('#save-indicator');
+					htmx.addClass(indicator, 'htmx-indicator');
+					indicator.innerHTML = 'Saving...';
+				"
+				hx-trigger="input delay:1s"
+				hx-indicator="#save-indicator"
+				hx-target="#save-indicator"
+				hx-swap="outerHTML"
+				autofocus>
+			{{- .Content -}}
+		</textarea>
+	</div>
+</form>
-- 
cgit v1.3.1