First pass at basic functionality.

This PR introduces the beginnings of Sprint Padawan.

Reviewed-on: #1

templates/story_form.html

@@ -0,0 +1,34 @@
+<div class="modal-overlay" onclick="this.remove()">
+    <div class="modal" onclick="event.stopPropagation()">
+        <div class="modal-header">
+            <h2>Add Story</h2>
+            <button
+                class="modal-close"
+                onclick="this.closest('.modal-overlay').remove()"
+            >
+                ×
+            </button>
+        </div>
+        <form
+            method="POST"
+            action="/rooms/{{.ID}}/stories"
+            hx-post="/rooms/{{.ID}}/stories"
+            hx-target="#stories-panel"
+            hx-swap="outerHTML"
+            hx-on::after-request="if (event.detail.successful) document.getElementById('modal-container').innerHTML = ''"
+            class="auth-form"
+        >
+            <div class="form-group">
+                <label class="form-label">Story Title</label>
+                <input
+                    class="form-input"
+                    type="text"
+                    name="title"
+                    placeholder="e.g. As a user..."
+                    required
+                />
+            </div>
+            <button class="btn-primary" type="submit">Add Story</button>
+        </form>
+    </div>
+</div>