Base

2024-04-20 16:28:57 +02:00
commit ffb1739611
12 changed files with 755 additions and 0 deletions
@@ -0,0 +1,33 @@
+{% extends 'base.html' %}
+
+{% block content %}
+<div class="columns" style="width: 100%;">
+    <div class="column" id="messages">
+    </div>
+</div>
+
+<form hx-post="/chat" hx-target="#messages" hx-swap="outerHTML">
+    <input class="input" type="text" placeholder="Type your message here..." name="message" />
+</form>
+
+<style>
+    .column {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .message {
+        max-width: 90%;
+        margin-bottom: 10px;
+    }
+
+    .user-message {
+        align-self: flex-start;
+    }
+
+    .bot-message {
+        align-self: flex-end;
+    }
+</style>
+
+{% endblock %}