diff --git a/static/FHIRFLARE.png.old b/static/FHIRFLARE.png.old new file mode 100644 index 0000000..66f8452 Binary files /dev/null and b/static/FHIRFLARE.png.old differ diff --git a/static/css/animation.css b/static/css/animation.css index 5469587..8580a1f 100644 --- a/static/css/animation.css +++ b/static/css/animation.css @@ -380,8 +380,7 @@ body { .smoke .s-8 { animation: smokeLeft 7s 5.6s infinite; } .smoke .s-9 { animation: smokeRight 7s 6.3s infinite; } -/* Dark Theme (fire-off) */ -html[data-theme="dark"] .fire-on { opacity: 0; } -html[data-theme="dark"] .section-center { box-shadow: 0 0 50px 5px rgba(200,200,200,.2); } -html[data-theme="dark"] .smoke { opacity: 1; transition-delay: 0.8s; } -html[data-theme="dark"] .fire span { bottom: -26px; transform: scale(0.15, 0.15) rotate(45deg); } \ No newline at end of file +/* Fire-off state (light theme) */ +body:not(.fire-on) .section-center { box-shadow: 0 0 50px 5px rgba(200,200,200,.2); } +body:not(.fire-on) .smoke { opacity: 1; transition-delay: 0.8s; } +body:not(.fire-on) .fire span { bottom: -26px; transform: scale(0.15, 0.15) rotate(45deg); } \ No newline at end of file diff --git a/static/favicon.ico.old b/static/favicon.ico.old new file mode 100644 index 0000000..fa12c15 Binary files /dev/null and b/static/favicon.ico.old differ diff --git a/templates/index.html b/templates/index.html index 16dad86..c1ec1ed 100644 --- a/templates/index.html +++ b/templates/index.html @@ -128,10 +128,11 @@ document.addEventListener('DOMContentLoaded', () => { animationContainer.style.opacity = '1'; }, 30000); - // Sync animation with theme (inverted: light = fire-off, dark = fire-on) + // Sync animation with theme (reversed: dark = fire-on, light = fire-off) const updateAnimationState = () => { - const isDark = htmlElement.getAttribute('data-theme') === 'dark'; - document.body.classList.toggle('fire-off', !isDark); // Light theme: fire-off, Dark theme: fire-on + const savedTheme = localStorage.getItem('theme') || (document.cookie.includes('theme=dark') ? 'dark' : 'light'); + const isDark = savedTheme === 'dark'; + document.body.classList.toggle('fire-on', isDark); // Dark theme: fire-on, Light theme: fire-off }; // Initial state