Add a basic UI

app/templates/index.html

@@ -0,0 +1,29 @@
+{% extends "base.html" %}
+
+{% block title %}Browser History - Home{% endblock %}
+
+{% block content %}
+<div class="bg-dark-800 shadow overflow-hidden sm:rounded-lg border border-dark-700">
+  <div class="px-4 py-5 sm:px-6">
+    <h3 class="text-lg leading-6 font-medium text-gray-100">Recent History</h3>
+  </div>
+  <div class="border-t border-dark-700">
+    <ul class="divide-y divide-gray-200" id="history-list">
+      {% for entry in entries %}
+      <li class="px-4 py-4">
+        <div class="flex items-center justify-between">
+          <div class="flex-1 min-w-0">
+            <p class="text-sm font-medium text-primary truncate">
+              <a href="{{ entry.url }}" target="_blank">{{ entry.title }}</a>
+            </p>
+            <p class="text-sm text-gray-400">
+              {{ entry.domain }} • {{ entry.visit_time }}
+            </p>
+          </div>
+        </div>
+      </li>
+      {% endfor %}
+    </ul>
+  </div>
+</div>
+{% endblock %}