diff --git a/app/static/style.css b/app/static/style.css index ec403f9..3af01a7 100644 --- a/app/static/style.css +++ b/app/static/style.css @@ -212,3 +212,37 @@ form .row { .success { background-color: #6e6; } + +#chatbox { + height: 90vh; + background-color: #3d4353; + padding: 10px; +} +#chatbox-input, #chatbox-input input{ + width: 100%; +} +.message { + display: inline-block; + padding: 5px; + min-height: 30px; + max-width: 60%; +} +.message-container.user { + text-align: right; +} +.message-container .bot-icon { + background: center / contain url("https://lynnesbian.space/img/bune.png") no-repeat; + height: 30px; + width: 30px; + display: inline-block; + padding: 5px; +} +.message.bot { + background-color: mediumpurple; + color: white; + vertical-align: top; +} +.message.user { + background-color: #ddd; + color: #333; +} diff --git a/app/templates/bot/chat.html b/app/templates/bot/chat.html new file mode 100644 index 0000000..f90d886 --- /dev/null +++ b/app/templates/bot/chat.html @@ -0,0 +1,42 @@ + + + + + FediBooks + {% include 'imports.html' %} + + + +
+

Chat

+

Talking to {{ bot }}

+

+ Home +

+
+ + + +
+
+
+
Henlo
+
+
+
+
Henlo human uwu
How are you
+
+
+ +
+ +
+
+ + {% include 'footer.html' %} + + diff --git a/app/webui.py b/app/webui.py index 6ba4490..8111d33 100644 --- a/app/webui.py +++ b/app/webui.py @@ -106,7 +106,7 @@ def bot_toggle(id): @app.route("/bot/chat/") def bot_chat(id): - return render_template("coming_soon.html") + return render_template("/bot/chat.html", bot = id) @app.route("/bot/blacklist/") def bot_blacklist(id):