diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 23 |
1 files changed, 19 insertions, 4 deletions
@@ -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>') |