diff --git a/app.py b/app.py
index f02a8a2..f6102ae 100755
--- a/app.py
+++ b/app.py
@@ -1,5 +1,5 @@
+from flask import Flask, render_template
 import requests
-from flask import Flask
 
 app = Flask(__name__)
 
@@ -8,6 +8,15 @@ thread_ids = ['112294405672971916', '112258065967208438']
 
 @app.route('/')
 def home():
+    threads = fetch_threads();
+    return render_template('index.html', threads=threads)
+
+@app.route('/api')
+def api():
+    threads = fetch_threads();
+    return threads;
+
+def fetch_threads():
     threads = []
     for id in thread_ids:
         status = requests.get(server + '/api/v1/statuses/' + id ).json()
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..3244f76
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Ayo's Threads</title>
+    <style>
+    ul {
+      list-style: none;
+    }
+    .card {
+      display:block;
+      margin-left: -40px;
+      margin-bottom: 15px;
+      border: 1px solid rgba(34, 34, 34, 0.15);
+      border-radius: 5px;
+      padding:1em;
+      max-width: 500px;
+      background-color: #fff;
+      box-shadow: 5px 25px 10px -25px rgba(34, 34, 34, 0.15);
+    }
+    .card_meta {
+      font-size: small; color: #888;
+    }
+    .card_content {
+      & img {
+        border-radius: 5px;
+        max-width: 100%;
+        height: 300px;
+        object-fit: cover;
+      }
+    }
+    </style>
+  </head>
+  <body>
+    <h1>Ayo's Threads</h1>
+    <p>Total: {{threads | length}}</p>
+    <ul>
+      {% for thread in threads %}
+      <li class="card">
+        <div class="card_meta">
+          <span>{{ thread.created_at }}</span> &bullet; <a href="{{thread.url}}" target="_blank">&nearr;</a>
+        </div>
+        <div class="card_content">
+          {{thread.content | safe}} 
+
+          {% for media in thread.media_attachments%}
+            {% if media.type == 'image'%}
+            <img src="{{media.url}}" />
+            {% endif %}
+          {% endfor %}
+        </div>
+        <details>
+          <summary style="cursor:pointer">See more</summary>
+          <ul>
+            {% for descendant in thread.descendants %}
+            <li class="card">
+              <div class="card_meta">
+                <span>{{ descendant.created_at }}</span> &bullet; <a href="{{descendant.url}}" target="_blank">&nearr;</a>
+              </div>
+              <div class="card_content">
+                {{ descendant.content | safe }}
+                {% for media in descendant.media_attachments%}
+                  {% if media.type == 'image'%}
+                  <img src="{{media.url}}" />
+                  {% endif %}
+                {% endfor %}
+              </div>
+            <li>
+            {% endfor %}
+          </ul>
+        </details>
+      </li>
+      {% endfor %}
+    </ul>
+  </body>
+</html>
