Fixing up offline page

content/offline.md

@@ -8,4 +8,82 @@ hidden: true
 Your device is offline. You may have some pages cached for offline viewing,
 otherwise please wait for the internet to reconnect to continue browsing.
 
-[Homepage](/)
+{{< unsafe >}}
+
+<ul id='offline-posts'>
+  <li><a href='/'>Homepage</a></li>
+</ul>
+
+<script>
+
+function daysAgo(date) {
+  date.setHours(0, 0, 0, 0);
+  const time = date.getTime();
+  const today = new Date();
+  today.setHours(0, 0, 0, 0);
+  const now = today.getTime();
+  const delta = ((now - time) / 1000 / 60 / 60 / 24) | 0;
+
+  if (delta < 1) {
+    return 'today';
+  }
+
+  if (delta === 1) {
+    return 'yesterday';
+  }
+
+  return `${delta | 0} days ago`;
+}
+
+async function listPages() {
+  // Get a list of all of the caches for this origin
+  const result = [];
+  const cache = await caches.open('v1::website');
+
+  // Get a list of entries. Each item is a Request object
+  for (const request of await cache.keys()) {
+    const url = request.url;
+    if (url.includes('/blog')) {
+      console.log(url)
+      const post = await cache.match(request);
+      if (post.headers.get('content-type') === 'text/html') {
+        const body = await post.text();
+        console.log(body)
+        const title = body.match(/<title>(.*)<\/title>/)[1];
+        result.push({
+          url,
+          post,
+          title,
+          visited: new Date(post.headers.get('date')),
+        });
+      }
+    }
+  }
+  
+  const el = document.querySelector('#offline-posts');
+
+  if (result.length) {
+    el.innerHTML = result
+      .map((res) => {
+        let html = `<li>
+        <a href="${res.url}">${res.title}</a>
+        <small><span title="${res.visited.toString()}">
+            (visited ${daysAgo(res.visited)})
+        </span></small>
+        </li>`;
+        return html;
+      })
+      .join('\n');
+  }
+
+  return result;
+}
+
+document.addEventListener("DOMContentLoaded", (event) => {
+  if (navigator && navigator.serviceWorker) {
+    listPages()
+  }
+});
+</script>
+
+{{< /unsafe >}}

themes/pulp

@@ -1 +1 @@
-Subproject commit df0ec44936cb06d4ec0282e3cd057321ad655b2a
+Subproject commit be3e20feb6562044b0b6559810d4482bf90f9ef2