Some changes

web/index.html

@@ -5,13 +5,13 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>DynDns Updater</title>
   <link rel="stylesheet" href="beer.min.css">
-  <script src="beer.min.js" defer></script>
+  <script type="module" src="beer.min.js" defer></script>
   <script src="alpine.min.js" defer></script>
 </head>
 
 <body>
   <main x-data="data" class="responsive">
-    <h1>DynDns Updater</h1>
+    <h2>DynDns Updater</h2>
     <button class="small float-right" x-on:click="update">
       <i>refresh</i>
       <span>Update</span>
@@ -114,12 +114,16 @@
             return `${Math.round(diff / 1000)} seconds ago`;
           } else if (diff < 3600000) {
             return `${Math.round(diff / 60000)} minutes ago`;
+          } else if (diff < 86400000) {
+            return `${Math.round(diff / 3600000)} hours ago`;
+          } else if (diff < 604800000) {
+            return `${Math.round(diff / 86400000)} days ago`;
           } else {
             return time.toISOString();
           }
         },
         async update() {
-          const res = await fetch('http://localhost:8080/state');
+          const res = await fetch('/state');
           const data = await res.json();
           this.addrs = data.addrs;
           this.lastUpdate = new Date(data.timestamp * 1000);
@@ -148,6 +152,7 @@
   <style>
     main {
       overflow: unset;
+      margin-top: 2rem;
     }
 
     .float-right {