Basic features done

templates/story_form.html

@@ -0,0 +1,15 @@
+<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()">&times;</button>
+        </div>
+        <form method="POST" action="/rooms/{{.ID}}/stories" 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, I can..." required />
+            </div>
+            <button class="btn-primary" type="submit">Add Story</button>
+        </form>
+    </div>
+</div>