diff --git a/steam_chat_viewer/__init__.py b/steam_chat_viewer/__init__.py
index 524a6b3..e03d4b9 100644
--- a/steam_chat_viewer/__init__.py
+++ b/steam_chat_viewer/__init__.py
@@ -1,9 +1,7 @@
#!/usr/bin/env python3
from os import environ
-from flask import Flask, request
-from subprocess import check_output
-import json
+from flask import Flask, request, render_template
from .pg import query, select
@@ -11,10 +9,13 @@ app = Flask(__name__)
@app.route('/')
def home():
- return str(select(
- '''
- SELECT * FROM messages
- ORDER BY date
- LIMIT 10
- '''
- ))
+ return render_template(
+ "home.html",
+ messages=select(
+ '''
+ SELECT * FROM messages
+ ORDER BY date
+ LIMIT 10
+ '''
+ ),
+ )
diff --git a/steam_chat_viewer/static/icon.svg b/steam_chat_viewer/static/icon.svg
new file mode 100644
index 0000000..e69de29
diff --git a/steam_chat_viewer/static/script.js b/steam_chat_viewer/static/script.js
new file mode 100644
index 0000000..e69de29
diff --git a/steam_chat_viewer/static/style.css b/steam_chat_viewer/static/style.css
new file mode 100644
index 0000000..e69de29
diff --git a/steam_chat_viewer/templates/home.html b/steam_chat_viewer/templates/home.html
new file mode 100644
index 0000000..f986260
--- /dev/null
+++ b/steam_chat_viewer/templates/home.html
@@ -0,0 +1,21 @@
+
+
+
+ STEAM Chat Logs
+
+
+
+
+
+
+
+
+{% for message in messages: -%}
+ - {{ message }}
+{% endfor -%}
+
+
+
+
 }})