Initial PoC commit

2026-01-28 20:39:59 -08:00
commit 94811ca7c1
18 changed files with 1831 additions and 0 deletions
--- a/feedback.html
+++ b/feedback.html
@@ -0,0 +1,73 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Feedback – Pen2Post</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <link rel="stylesheet" href="journal.css">
+</head>
+<body>
+  <div class="notes-container">
+    <div class="top-buttons">
+      <button class="floating-button" onclick="goBackToApp()" aria-label="Back to app">
+        <svg viewBox="0 0 24 24" aria-hidden="true">
+          <path fill="currentColor" d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
+        </svg>
+      </button>
+    </div>
+
+    <main class="page-main">
+      <h1>Feedback</h1>
+      <p class="text-muted">
+        I’m a solo developer. I can’t reply to everyone, but I do read all feedback and use it to improve Pen2Post.
+      </p>
+
+      <section>
+        <h2>Send a quick note</h2>
+        <form class="feedback-form" onsubmit="submitFeedback(); return false;">
+          <label for="feedbackMessage">
+            Your message
+          </label>
+          <textarea
+            id="feedbackMessage"
+            class="feedback-textarea"
+            placeholder="Tell me what’s working, what’s confusing, or what you’d like to see next…"
+          ></textarea>
+
+          <label for="feedbackEmail">
+            Email (optional)
+          </label>
+          <input
+            id="feedbackEmail"
+            type="email"
+            class="feedback-email-input"
+            placeholder="Add an email if you’d like a reply (not required)."
+          >
+
+          <div class="feedback-actions">
+            <button type="submit" class="btn-primary">
+              Send feedback
+            </button>
+            <button type="button" class="btn-secondary" onclick="goBackToApp()">
+              Cancel
+            </button>
+          </div>
+        </form>
+      </section>
+
+      <section>
+        <h2>What happens next</h2>
+        <p>
+          Feedback is collected so I can see which parts of the app are working well and where people get stuck.
+        </p>
+        <p class="text-muted">
+          I may use anonymized feedback to guide future updates, but I won’t share your message or email publicly.
+        </p>
+      </section>
+    </main>
+  </div>
+
+  <script src="journal.js"></script>
+</body>
+</html>