From 1905b90698b8171880b812bec1fcafaf0e35dc6a Mon Sep 17 00:00:00 2001
From: Rose Hogenson <rosehogenson@posteo.net>
Date: Sat, 20 Sep 2025 21:12:47 -0700
Subject: Ditch HTMX

---
 templates/note.html.template | 30 ++++++++++--------------------
 1 file changed, 10 insertions(+), 20 deletions(-)

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

diff --git a/templates/note.html.template b/templates/note.html.template
index eac0e02..0a88fd6 100644
--- a/templates/note.html.template
+++ b/templates/note.html.template
@@ -1,31 +1,21 @@
 {{define "head"}}
-<script src="/static/htmx.min.js"></script>
-<title>Notepad</title>
+	<script src="/static/note.js"></script>
+	<title>Notepad</title>
 
-<meta name="viewport" content="interactive-widget=resizes-content"> <!-- https://stackoverflow.com/q/76026292 -->
+	<meta name="viewport" content="interactive-widget=resizes-content"> <!-- https://stackoverflow.com/q/76026292 -->
 {{end}}
 
-<form method="post">
+<form id="form" method="post">
 	<div class="save-indicator-container">
-		{{block "saveIndicator" ""}}
-		<span id="save-indicator">{{.}}</span>
-		{{end}}
+		<div id="save-indicator-wrapper">
+			{{block "saveIndicator" ""}}
+				<span id="save-indicator">{{.}}</span>
+			{{end}}
+		</div>
 		<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>
+		<textarea id="content" name="content" oninput="autosave()" autofocus>
 			{{- .Content -}}
 		</textarea>
 	</div>
-- 
cgit v1.3.1