diff --git a/src/pages/home.ts b/src/pages/home.ts
index ffa9887..74ca72a 100644
--- a/src/pages/home.ts
+++ b/src/pages/home.ts
@@ -74,20 +74,22 @@ function content({ statuses, didHandleMap, profile, myStatus }: Props) {
               </div>
             </div>`}
       </div>
-      <div class="status-options">
+      <form action="/status" method="post" class="status-options">
         ${STATUS_OPTIONS.map(
           (status) =>
-            html`<div
-              class=${myStatus?.status === status
-                ? 'status-option selected'
-                : 'status-option'}
-              data-value="${status}"
-              data-authed=${profile ? '1' : '0'}
+            html`<button
+              class=${
+                myStatus?.status === status
+                  ? 'status-option selected'
+                  : 'status-option'
+              }
+              name="status"
+              value="${status}"
             >
               ${status}
             </div>`
         )}
-      </div>
+      </form>
       ${statuses.map((status, i) => {
         const handle = didHandleMap[status.authorDid] || status.authorDid
         const date = ts(status)
@@ -106,7 +108,6 @@ function content({ statuses, didHandleMap, profile, myStatus }: Props) {
         `
       })}
     </div>
-    <script src="/public/home.js"></script>
   </div>`
 }
 
diff --git a/src/pages/public/home.js b/src/pages/public/home.js
deleted file mode 100644
index 22366ba..0000000
--- a/src/pages/public/home.js
+++ /dev/null
@@ -1,32 +0,0 @@
-Array.from(document.querySelectorAll('.status-option'), (el) => {
-  el.addEventListener('click', async (ev) => {
-    setError('')
-
-    if (el.dataset.authed !== '1') {
-      window.location = '/login'
-      return
-    }
-
-    const res = await fetch('/status', {
-      method: 'POST',
-      headers: { 'content-type': 'application/json' },
-      body: JSON.stringify({ status: el.dataset.value }),
-    })
-    const body = await res.json()
-    if (body?.error) {
-      setError(body.error)
-    } else {
-      location.reload()
-    }
-  })
-})
-
-function setError(str) {
-  const errMsg = document.querySelector('.error')
-  if (str) {
-    errMsg.classList.add('visible')
-    errMsg.textContent = str
-  } else {
-    errMsg.classList.remove('visible')
-  }
-}
diff --git a/src/pages/public/styles.css b/src/pages/public/styles.css
index b360110..839165b 100644
--- a/src/pages/public/styles.css
+++ b/src/pages/public/styles.css
@@ -139,6 +139,7 @@ button:hover, .button:hover {
   font-size: 2rem;
   width: 3rem;
   height: 3rem;
+  padding: 0;
   background-color: #fff;
   border: 1px solid var(--border-color);
   border-radius: 3rem;
diff --git a/src/routes.ts b/src/routes.ts
index 8afdf6e..c7d5a6e 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -204,7 +204,10 @@ export const createRouter = (ctx: AppContext) => {
       // If the user is signed in, get an agent which communicates with their server
       const agent = await getSessionAgent(req, res, ctx)
       if (!agent) {
-        return res.status(401).json({ error: 'Session required' })
+        return res
+          .status(401)
+          .type('html')
+          .send('<h1>Error: Session required</h1>')
       }
 
       // Construct & validate their status record
@@ -215,7 +218,10 @@ export const createRouter = (ctx: AppContext) => {
         createdAt: new Date().toISOString(),
       }
       if (!Status.validateRecord(record).success) {
-        return res.status(400).json({ error: 'Invalid status' })
+        return res
+          .status(400)
+          .type('html')
+          .send('<h1>Error: Invalid status</h1>')
       }
 
       let uri
@@ -231,7 +237,10 @@ export const createRouter = (ctx: AppContext) => {
         uri = res.data.uri
       } catch (err) {
         ctx.logger.warn({ err }, 'failed to write record')
-        return res.status(500).json({ error: 'Failed to write record' })
+        return res
+          .status(500)
+          .type('html')
+          .send('<h1>Error: Failed to write record</h1>')
       }
 
       try {
@@ -256,7 +265,7 @@ export const createRouter = (ctx: AppContext) => {
         )
       }
 
-      res.status(200).json({})
+      return res.redirect('/')
     })
   )