# HG changeset patch # User MrJuneJune # Date 1771220303 28800 # Node ID a6d8d32a0261ccd913c215d5e411591d8ba3ed78 # Parent 0abed117e6233995f47344b2a5b4bda60053e386 [MrJuneJune] Simple animations for darkmode. diff -r 0abed117e623 -r a6d8d32a0261 mrjunejune/src/index.html --- a/mrjunejune/src/index.html Sun Feb 15 15:47:38 2026 -0800 +++ b/mrjunejune/src/index.html Sun Feb 15 21:38:23 2026 -0800 @@ -29,6 +29,41 @@ margin-bottom: 0.75em; } } + + #background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 0; + } + + #game { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 1; + cursor: default; + } + + #game.active { + pointer-events: auto; + z-index: 100; + } + + #gameUI { + position: fixed; + top: 10px; + right: 10px; + pointer-events: auto; + z-index: 101; + cursor: pointer; + } @@ -53,10 +88,14 @@
  • Resume - My professional experiences
  • Tools - Things I made for myself
    • + + + {{/parts/footer.html}} + diff -r 0abed117e623 -r a6d8d32a0261 mrjunejune/src/offline.html --- a/mrjunejune/src/offline.html Sun Feb 15 15:47:38 2026 -0800 +++ b/mrjunejune/src/offline.html Sun Feb 15 21:38:23 2026 -0800 @@ -14,7 +14,7 @@ min-height: 100vh; margin: 0; padding: 20px; - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + background: linear-gradient(135deg, #544e43 0%, #3a3630 100%); color: white; text-align: center; } @@ -34,7 +34,7 @@ padding: 12px 32px; font-size: 1em; background: white; - color: #667eea; + color: #544e43; border: none; border-radius: 8px; cursor: pointer; diff -r 0abed117e623 -r a6d8d32a0261 mrjunejune/src/parts/base_head.html --- a/mrjunejune/src/parts/base_head.html Sun Feb 15 15:47:38 2026 -0800 +++ b/mrjunejune/src/parts/base_head.html Sun Feb 15 21:38:23 2026 -0800 @@ -1,6 +1,6 @@ - + diff -r 0abed117e623 -r a6d8d32a0261 mrjunejune/src/public/pwa-register.js --- a/mrjunejune/src/public/pwa-register.js Sun Feb 15 15:47:38 2026 -0800 +++ b/mrjunejune/src/public/pwa-register.js Sun Feb 15 21:38:23 2026 -0800 @@ -4,7 +4,7 @@ navigator.serviceWorker .register('/public/sw.js') .then((registration) => { - console.log('[PWA] Service Worker registered:', registration.scope); + // console.log('[PWA] Service Worker registered:', registration.scope); // Check for updates periodically setInterval(() => { @@ -72,11 +72,11 @@ document.body.appendChild(installBtn); - // setTimeout(() => { - // installBtn.style.opacity = '0'; - // installBtn.style.transition = 'opacity 0.3s'; - // setTimeout(() => installBtn.remove(), 300); - // }, 10000); + setTimeout(() => { + installBtn.style.opacity = '0'; + installBtn.style.transition = 'opacity 0.3s'; + setTimeout(() => installBtn.remove(), 300); + }, 5000); } window.addEventListener('appinstalled', () => {