diff --git a/src/rouse/web/hosts.py b/src/rouse/web/hosts.py
index 707d4e3..5d8e205 100644
--- a/src/rouse/web/hosts.py
+++ b/src/rouse/web/hosts.py
@@ -33,7 +33,7 @@ class HostListController(controllers.BaseController):
if criteria is not None:
hosts = hosts.filter(criteria)
response = request.ResponseClass()
- response.set_payload(None, {
+ response.set_payload('index.html.j2', {
'hosts': hosts.all(),
})
return response
diff --git a/src/rouse/web/templates/base.html.j2 b/src/rouse/web/templates/base.html.j2
new file mode 100644
index 0000000..b73b2b6
--- /dev/null
+++ b/src/rouse/web/templates/base.html.j2
@@ -0,0 +1,29 @@
+
+
+
+
+{% block head -%}
+
+
+
+ {% block title %}{{ page_title }}{% endblock %}
+
+{% endblock -%}
+
+
+
+{% block body -%}
+
+{% block main -%}
+{% endblock -%}
+{% endblock -%}
+
+
+
diff --git a/src/rouse/web/templates/index.html.j2 b/src/rouse/web/templates/index.html.j2
new file mode 100644
index 0000000..0f07f6d
--- /dev/null
+++ b/src/rouse/web/templates/index.html.j2
@@ -0,0 +1,42 @@
+{% set page_title = 'Hosts' %}
+{% extends "base.html.j2" -%}
+{% block head -%}
+{{ super() }}
+{% endblock -%}
+{% block main -%}
+
+
+
+
+
+ Host ID |
+ MAC Address |
+ IP Address |
+ Hostname |
+ |
+
+
+
+{% for host in hosts -%}
+
+ {{ host.id }} |
+ {{ host.macaddr }} |
+ {{ host.ipaddr or ''}} |
+ {{ host.hostname or ''}} |
+ |
+
+{% endfor -%}
+
+
+
+
+{% endblock -%}