From 0cee860019a7475c46eeb68271ef62beccff4fc7 Mon Sep 17 00:00:00 2001
From: Moon Flower <mforoud86@gmail.com>
Date: Thu, 1 Jan 2026 11:50:48 +0330
Subject: sw+firstpaint+smooth+nostyles3

---
 index.html | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index 04f7bc3..c178483 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang='en'>
 
 <head>
-    <style>
+    <style id="noFlashbang">
         body {
             background: #000;
             color: #fff;
@@ -13,7 +13,7 @@
     <title>tempo</title>
     <link rel="prefetch" href="/tempo.md" as="fetch">
     <link rel="prefetch" href="/symbols.txt" as="fetch">
-    <link rel="stylesheet" href="styles3.css">
+    <link rel="stylesheet" href="styles.css">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="shortcut icon" href="bell.png">
 </head>
@@ -50,6 +50,12 @@
                 localStorage.setItem('theme', 'light')
             }
         })
+
+        window.addEventListener('load', () => {
+            noFlashbang.innerHTML += `*, body, html {
+	            transition: 0.25s color, 0.25s background-color, 0.25s border;
+            }`
+        })
     </script>
 
     <noscript>
@@ -65,6 +71,7 @@
     <div id='warnings'></div>
     <div id='content'>
         rendering content...
+        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
     </div>
     <div>
         tempo is licensed under creative-commons.
@@ -84,8 +91,15 @@
         if ('serviceWorker' in navigator) {
             window.addEventListener('load', () => {
                 navigator.serviceWorker.register('/serviceWorker.js')
-                    .then(reg => console.log('Service Worker registered'))
-                    .catch(err => console.log('SW registration failed', err))
+                    .then(reg => console.log('sw registered'))
+                    .catch(err => console.log('sw register failed', err))
+
+                navigator.serviceWorker.addEventListener('message', e => {
+                    if (e.data && e.data.type === 'REFRESH') {
+                        console.log(`updated content found for ${e.data.url}`)
+                        window.location.reload()
+                    }
+                })
             })
         } else {
             console.log('[warn] no service worker support')
@@ -113,6 +127,7 @@
                 if (i % 2 === 0) {
                     let chunk = escapeHTML(parts[i])
                     chunk = chunk.replace(/\*\*(.*?)\*\*/g, '<b>$1</b>')
+                    chunk = chunk.replace(/\~\~(.*?)\~\~/g, '<s>$1</s>')
                     chunk = chunk.replace(/__(.*?)__/g, '<u>$1</u>')
                     chunk = chunk.replace(/\*(.*?)\*/g, '<i>$1</i>')
                     chunk = chunk.replace(/\[\[(.*?)\]\]/g, '<span style="user-select:none">🔎 </span><b>"$1"</b>')
-- 
cgit v1.2.3