diff --git a/cmd/web_server/inbox.templ b/cmd/web_server/inbox.templ
new file mode 100644
index 0000000..9f0b7e2
--- /dev/null
+++ b/cmd/web_server/inbox.templ
@@ -0,0 +1,30 @@
+package main
+
+import "time"
+
+templ inbox_body(rcpt_addr string, ms []mail) {
+	<!DOCTYPE html>
+	<html lang="en">
+		<head>
+			<meta charset="UTF-8"/>
+			<title>nthmail.xyz</title>
+			<meta name="viewport" content="width=device-width,initial-scale=1"/>
+			<meta name="description" content="A temporary mail service"/>
+		</head>
+		<body>
+			<h1>Emails for { rcpt_addr }:</h1>
+			<ul>
+				for _, m := range ms {
+					<li>
+						@mail_comp(m)
+					</li>
+				}
+			</ul>
+		</body>
+	</html>
+}
+
+templ mail_comp(m mail) {
+	<h3>From: &lt{ m.From_addr }&gt at { time.Unix(m.Arrived_at, 0).Format(time.DateTime) }</h3>
+	<p>{ string(m.Data) }</p>
+}
diff --git a/cmd/web_server/main.go b/cmd/web_server/main.go
index 8b0e97c..81aebe1 100644
--- a/cmd/web_server/main.go
+++ b/cmd/web_server/main.go
@@ -2,7 +2,6 @@ package main
 
 import (
 	"database/sql"
-	"encoding/json"
 	"fmt"
 	"log"
 	"net/http"
@@ -16,7 +15,7 @@ import (
 
 type mail struct {
 	Id                   int
-	Arrived_at           int
+	Arrived_at           int64
 	Rcpt_addr, From_addr string
 	Data                 []byte
 }
@@ -98,16 +97,9 @@ func main() {
 
 			mails = append(mails, m)
 		}
-		b, err := json.Marshal(mails)
-		if err != nil {
-			res.WriteHeader(500)
-			res.Write([]byte("internal server error"))
 
-			log.Println("could not marshal json")
-			return
-		}
-
-		res.Write([]byte(b))
+		body := inbox_body(rcpt_addr, mails)
+		body.Render(req.Context(), res)
 	})
 
 	var port int
