diff --git a/about.html b/about.html index ea28b55..04435e2 100644 --- a/about.html +++ b/about.html @@ -134,14 +134,8 @@ - - - Login - - + +
diff --git a/assets/css/about.css b/assets/css/about.css index 9c0480c..124d85d 100644 --- a/assets/css/about.css +++ b/assets/css/about.css @@ -2392,7 +2392,7 @@ body.about-page.dark-mode li { .social-links { justify-content: center; } - } + @media (max-width: 1024px) { .footer-content { diff --git a/contact.html b/contact.html index 87f223f..fccbafe 100644 --- a/contact.html +++ b/contact.html @@ -173,47 +173,6 @@ color: #1e1e1e; } - .login-btn { - background: linear-gradient(90deg, #3e2723, #6e463e, #3e2723); - color: white; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 4px 15px #402a26; - } - - .login-btn:hover { - transform: translateY(-3px); - box-shadow: 0 8px 25px #624844; - background: linear-gradient(90deg, #543732, #3d2b28, #341d19); - } - - body.dark-mode .login-btn { - background: #e0e0e0; - color: #0d0d0d; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 2px 2px #e0e0e0; - border: 2px solid transparent; - } - - body.dark-mode .login-btn:hover { - transform: translateY(-3px); - background: #e0e0e0; - box-shadow: 0 2px 2px #e0e0e0; - } - - .hamburger-icon { display: none; flex-direction: column; @@ -954,9 +913,6 @@
- -
diff --git a/convert.html b/convert.html index b7648fb..cdc57e6 100644 --- a/convert.html +++ b/convert.html @@ -1,1965 +1,707 @@ - - - - - - - - - Convert Recipe - BakeGenius.ai | AI-Powered Recipe Conversion Tool - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
🧁
-
🍰
-
🥧
-
🍪
-
- - - - - -
-
-

🍪Recipe Converter

-

Transform your recipes into precise gram measurements with AI magic✨

-
- -
- -
-
- - -
- -
- - -
- - -
- - -
-
-

🎯 Conversion Results

-
- - -
-
- - - - - - - - - - - - - -
IngredientOriginalGramsNotes
-
-
-
- - -
-
-

⚠️ Ambiguous Measurement

-

- -
- - - - - - - - - - \ No newline at end of file + + + + + + + + + Convert Recipe - BakeGenius.ai | AI-Powered Recipe Conversion Tool + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

🍪 Recipe Converter

+

Transform your recipes into precise gram measurements with AI magic ✨

+
+ +
+
+
+ + +
+ +
+ + +
+ + +
+ +
+
+

🎯 Conversion Results

+
+ + +
+
+ + + + + + + + + + + +
IngredientOriginalGramsNotes
+
+
+
+ + +
+
+

⚠️ Ambiguous Measurement

+

+ +
+ + + + + + + + + + +======= diff --git a/customize.html b/customize.html index ab38ad8..9e7a3ea 100644 --- a/customize.html +++ b/customize.html @@ -265,48 +265,7 @@ color: #1e1e1e; } - .login-btn { - background: linear-gradient(90deg, #3e2723, #6e463e, #3e2723); - color: white; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 4px 15px #402a26; - border: 2px solid transparent; - } - - .login-btn:hover { - transform: translateY(-3px); - box-shadow: 0 8px 25px #624844; - background: linear-gradient(90deg, #543732, #3d2b28, #341d19); - } - - body.dark-mode .login-btn { - background: #e0e0e0; - color: #0d0d0d; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 2px 2px #e0e0e0; - border: 2px solid transparent; - } - - body.dark-mode .login-btn:hover { - transform: translateY(-3px); - background: #e0e0e0; - box-shadow: 0 2px 2px #e0e0e0; - } - + .hamburger { display: none; flex-direction: column; @@ -421,48 +380,6 @@ color: #1e1e1e; } - .login-btn { - background-color:#5C4033; - color: white; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3); - border: 2px solid transparent; - } - - .login-btn:hover { - transform: translateY(-3px); - box-shadow: 0 8px 25px #cf622f; - background-color:#5C4033; - border-color: rgba(255, 255, 255, 0.3); - } - - body.dark-mode .login-btn { - background-color: #e0e0e0; - color: #0d0d0d; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 2px 2px #e0e0e0; - border: 2px solid transparent; - } - - body.dark-mode .login-btn:hover { - transform: translateY(-3px); - background: #e0e0e0; - box-shadow: 0 2px 2px #e0e0e0; - } .hamburger { display: none; @@ -570,10 +487,7 @@ z-index: 1001; } - .login-btn { - padding: 0.5rem 1rem; - font-size: 0.9rem; - } + .dark-mode-btn { width: 40px; @@ -614,10 +528,6 @@ gap: 0.3rem; } - .login-btn { - padding: 0.4rem 0.8rem; - font-size: 0.8rem; - } .dark-mode-btn { width: 35px; @@ -1434,14 +1344,6 @@ - -
@@ -1813,37 +1715,7 @@

Support

document.querySelector(`[data-brand="${savedBrand}"]`)?.classList.add('selected'); } - // Function to update login state - function updateLoginState() { - const isLoggedIn = localStorage.getItem("isLoggedIn") === "true"; - const loginBtn = document.getElementById("openLoginModal"); - const logoutBtn = document.getElementById("logoutBtn"); - - if (isLoggedIn) { - loginBtn.style.display = "none"; - logoutBtn.style.display = "flex"; - } else { - loginBtn.style.display = "flex"; - logoutBtn.style.display = "none"; - } - } - - // Logout functionality - const logoutBtn = document.getElementById("logoutBtn"); - if (logoutBtn) { - logoutBtn.addEventListener("click", (e) => { - e.preventDefault(); - localStorage.removeItem("isLoggedIn"); - localStorage.removeItem("currentUser"); - updateLoginState(); - alert("You have been logged out successfully!"); - }); - } - - // Check login state on page load - document.addEventListener("DOMContentLoaded", () => { - updateLoginState(); - }); + // Initialize page document.addEventListener('DOMContentLoaded', () => { diff --git a/faq.html b/faq.html index 8d08d17..e363bf8 100644 --- a/faq.html +++ b/faq.html @@ -243,48 +243,7 @@ color: #1e1e1e; } - .login-btn { - background: linear-gradient(90deg, #3e2723, #6e463e, #3e2723); - color: white; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 4px 15px #402a26; - border: 2px solid transparent; - } - - .login-btn:hover { - transform: translateY(-3px); - box-shadow: 0 8px 25px #624844; - background: linear-gradient(90deg, #543732, #3d2b28, #341d19); - } - - body.dark-mode .login-btn { - background: #e0e0e0; - color: #0d0d0d; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 2px 2px #e0e0e0; - border: 2px solid transparent; - } - - body.dark-mode .login-btn:hover { - transform: translateY(-3px); - background: #e0e0e0; - box-shadow: 0 2px 2px #e0e0e0; - } - + .hamburger { display: none; flex-direction: column; @@ -398,48 +357,7 @@ color: #1e1e1e; } - .login-btn { - background-color: #5C4033; - color: white; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3); - border: 2px solid transparent; - } - - .login-btn:hover { - transform: translateY(-3px); - box-shadow: 0 8px 25px #cf622f; - background-color: #5C4033; - border-color: rgba(255, 255, 255, 0.3); - } - - body.dark-mode .login-btn { - background-color: #e0e0e0; - color: #0d0d0d; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 2px 2px #e0e0e0; - border: 2px solid transparent; - } - - body.dark-mode .login-btn:hover { - transform: translateY(-3px); - background: #e0e0e0; - box-shadow: 0 2px 2px #e0e0e0; - } + .hamburger { display: none; @@ -922,10 +840,7 @@ z-index: 1001; } - .login-btn { - padding: 0.5rem 1rem; - font-size: 0.9rem; - } + .dark-mode-btn { width: 40px; @@ -966,11 +881,6 @@ gap: 0.3rem; } - .login-btn { - padding: 0.4rem 0.8rem; - font-size: 0.8rem; - } - .dark-mode-btn { width: 35px; height: 35px; @@ -1091,14 +1001,7 @@ - - +
diff --git a/feedback.html b/feedback.html index 6b80763..8bfc8f3 100644 --- a/feedback.html +++ b/feedback.html @@ -193,49 +193,7 @@ color: #1e1e1e; } - .login-btn { - background-color: #d18a68; - color: white; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3); - border: 2px solid transparent; - } - - .login-btn:hover { - transform: translateY(-3px); - box-shadow: 0 8px 25px #d18a68; - background-color: #d18a68; - border-color: rgba(255, 255, 255, 0.3); - } - - body.dark-mode .login-btn { - background-color: #e0e0e0; - color: #0d0d0d; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 2px 2px #e0e0e0; - border: 2px solid transparent; - } - - body.dark-mode .login-btn:hover { - transform: translateY(-3px); - background: #e0e0e0; - box-shadow: 0 2px 2px #e0e0e0; - } - + .hamburger { display: none; flex-direction: column; @@ -970,14 +928,7 @@ - - +
@@ -1311,46 +1262,7 @@

Support

}, 1500); }); - // Login functionality (basic implementation) - const loginBtn = document.getElementById('openLoginModal'); - const logoutBtn = document.getElementById('logoutBtn'); - - // Check if user is logged in - function updateLoginState() { - const isLoggedIn = localStorage.getItem('isLoggedIn') === 'true'; - if (isLoggedIn) { - loginBtn.style.display = 'none'; - logoutBtn.style.display = 'flex'; - } else { - loginBtn.style.display = 'flex'; - logoutBtn.style.display = 'none'; - } - } - - // Simple login (just for demo) - loginBtn.addEventListener('click', (e) => { - e.preventDefault(); - const username = prompt('Enter username:'); - if (username) { - localStorage.setItem('isLoggedIn', 'true'); - localStorage.setItem('currentUser', username); - updateLoginState(); - alert(`Welcome, ${username}!`); - } - }); - - // Logout functionality - logoutBtn.addEventListener('click', (e) => { - e.preventDefault(); - localStorage.removeItem('isLoggedIn'); - localStorage.removeItem('currentUser'); - updateLoginState(); - alert('You have been logged out successfully!'); - }); - - // Initialize login state - updateLoginState(); - + // Auto-fill user name if logged in document.addEventListener('DOMContentLoaded', () => { const currentUser = localStorage.getItem('currentUser'); diff --git a/helpcenter.html b/helpcenter.html index 3298cbb..4c5a0a8 100644 --- a/helpcenter.html +++ b/helpcenter.html @@ -236,48 +236,7 @@ color: #1e1e1e; } - .login-btn { - background-color:#5C4033; - color: white; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3); - border: 2px solid transparent; - } - - .login-btn:hover { - transform: translateY(-3px); - box-shadow: 0 8px 25px #cf622f; - background-color:#5C4033; - border-color: rgba(255, 255, 255, 0.3); - } - - body.dark-mode .login-btn { - background-color: #e0e0e0; - color: #0d0d0d; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 2px 2px #e0e0e0; - border: 2px solid transparent; - } - - body.dark-mode .login-btn:hover { - transform: translateY(-3px); - background: #e0e0e0; - box-shadow: 0 2px 2px #e0e0e0; - } + .hamburger { display: none; @@ -362,10 +321,7 @@ z-index: 1001; } - .login-btn { - padding: 0.5rem 1rem; - font-size: 0.9rem; - } + .dark-mode-btn { width: 40px; @@ -405,10 +361,7 @@ gap: 0.3rem; } - .login-btn { - padding: 0.4rem 0.8rem; - font-size: 0.8rem; - } + .dark-mode-btn { width: 35px; @@ -877,14 +830,7 @@ - - +
diff --git a/index.html b/index.html index c50ac09..962f207 100644 --- a/index.html +++ b/index.html @@ -1,2216 +1,695 @@ - - - - - - BakeGenius.ai - AI-Powered Baking Conversions | Perfect Baking Every Time - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + @media (max-width:480px){ + .hero-title{font-size:2rem} + .hero-subtitle{font-size:1.1rem} + .cta-button{font-size:1rem; padding:.8rem 2rem} + } + - -
-
- -

Baking Mode On

-
+ +
+
+ +

Baking Mode On

- - - - -
- -
-

Welcome to BakeGenius.ai

-

- From spoon to scale — get exact gram conversions with AI magic ✨
- Transform vague recipe measurements into precise, consistent results - every time! -

- Start Converting Now 🚀 -
- - -
-
- -

AI-Powered Precision

-

- Advanced AI converts "cups" and "spoons" into exact gram - measurements for perfect baking every time. -

-
-
- -

Smart Recipe Scaling

-

- Effortlessly scale recipes up or down while maintaining perfect - ratios and adjusting rising agents intelligently. -

-
-
- -

Custom Preferences

-

- Personalize conversions based on your preferred brands and - ingredient specifications for consistent results. -

-
-
-
- - - - - - -
-
-
-

- © 2025 BakeGenius.ai. Made with ❤️ by Supriya - Pandey -

-
- Open Source - Eco Friendly - AI Powered -
-
-
- - -
-
- - -

Welcome Back

- -
- -
-
-
- - -
-
- -
-
- - - -
-
- - -
- - - - -
- Don't have an account? - Sign Up -
-
+
+
+

+ © 2025 BakeGenius.ai. Made with ❤️ by Supriya Pandey +

+
+ Open Source + Eco Friendly + AI Powered
+
+ + + - + darkModeToggle.addEventListener("click", () => { + body.classList.toggle("dark-mode"); + if (body.classList.contains("dark-mode")) { + darkModeIcon.classList.replace("fa-moon","fa-sun"); + localStorage.setItem("theme","dark"); + } else { + darkModeIcon.classList.replace("fa-sun","fa-moon"); + localStorage.setItem("theme","light"); + } + }); + + // Mobile Navigation Toggle + const hamburger = document.getElementById("hamburger"); + const navLinks = document.getElementById("navLinks"); + const toggleNav = () => { + navLinks.classList.toggle("active"); + hamburger.classList.toggle("active"); + const expanded = hamburger.getAttribute("aria-expanded") === "true"; + hamburger.setAttribute("aria-expanded", (!expanded).toString()); + }; + hamburger.addEventListener("click", (e) => { e.stopPropagation(); toggleNav(); }); + hamburger.addEventListener("keydown", (e) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); toggleNav(); } }); + document.querySelectorAll(".nav-links a").forEach((item) => { + item.addEventListener("click", () => { + navLinks.classList.remove("active"); + hamburger.classList.remove("active"); + hamburger.setAttribute("aria-expanded","false"); + }); + }); + document.addEventListener("click", (e) => { + if (navLinks.classList.contains("active") && !hamburger.contains(e.target) && !navLinks.contains(e.target)) { + navLinks.classList.remove("active"); + hamburger.classList.remove("active"); + hamburger.setAttribute("aria-expanded","false"); + } + }); + + // CTA button animation + nav + const ctaButton = document.querySelector(".cta-button"); + ctaButton.addEventListener("click", (e) => { + e.preventDefault(); + ctaButton.style.animation = "bounce 0.5s ease-in-out"; + setTimeout(() => { + ctaButton.style.animation = "pulse 2s ease-in-out infinite"; + window.location.href = "convert.html"; + }, 500); + }); + + // Scroll buttons logic + const backToTopBtn = document.getElementById("backToTop"); + const ToptobackBtn = document.getElementById("Toptoback"); + window.addEventListener("scroll", () => { + backToTopBtn.classList.toggle("show", window.scrollY > 300); + ToptobackBtn.classList.toggle("show", window.scrollY < 100); + }); + backToTopBtn.addEventListener("click", () => window.scrollTo({ top: 0, behavior: "smooth" })); + ToptobackBtn.addEventListener("click", () => window.scrollTo({ top: 10000, behavior: "smooth" })); + + // Decorative parallax (safe if icons exist) + window.addEventListener("scroll", () => { + const scrolled = window.pageYOffset; + const parallax = scrolled * 0.5; + document.querySelectorAll(".baking-icon").forEach((icon, index) => { + icon.style.transform = `translateY(${parallax * (index + 1) * 0.1}px) rotate(${parallax * 0.05}deg)`; + }); + }); + + // Feature hover sparkle + document.querySelectorAll(".feature-card").forEach((card) => { + card.addEventListener("mouseenter", () => { card.style.boxShadow = "0 20px 60px rgba(0,0,0,0.15)"; }); + card.addEventListener("mouseleave", () => { card.style.boxShadow = "none"; }); + }); + + // Tab title change + document.addEventListener("visibilitychange", function () { + document.title = document.visibilityState === "visible" + ? "BakeGenius.ai - Perfect Baking Every Time!" + : "Come back to Website"; + }); + + // Hide loading screen + document.addEventListener("DOMContentLoaded", function () { + const loadingScreen = document.getElementById("loading-screen"); + setTimeout(() => { loadingScreen.classList.add("hidden"); }, 1500); + }); + - - - \ No newline at end of file + diff --git a/privacypolicy.html b/privacypolicy.html index c0d5f8b..032a14b 100644 --- a/privacypolicy.html +++ b/privacypolicy.html @@ -184,43 +184,7 @@ color: #1e1e1e; } - .login-btn { - background-color: #d18a68; - color: white; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3); - border: 2px solid transparent; - } - - .login-btn:hover { - transform: translateY(-3px); - box-shadow: 0 8px 25px #d18a68; - background-color: #d18a68; - border-color: rgba(255, 255, 255, 0.3); - } - - body.dark-mode .login-btn { - background-color: #e0e0e0; - color: #0d0d0d; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 2px 2px #e0e0e0; - border: 2px solid transparent; - } - + @@ -843,14 +807,7 @@ - - +
@@ -1099,33 +1056,8 @@

Support

} }); - // Login/logout state management (placeholder) - const loginBtn = document.getElementById("openLoginModal"); - const logoutBtn = document.getElementById("logoutBtn"); - - // Check login state from localStorage - const isLoggedIn = localStorage.getItem("isLoggedIn") === "true"; - if (isLoggedIn) { - loginBtn.style.display = "none"; - logoutBtn.style.display = "flex"; - } - - // Logout functionality - logoutBtn.addEventListener("click", (e) => { - e.preventDefault(); - localStorage.removeItem("isLoggedIn"); - localStorage.removeItem("currentUser"); - loginBtn.style.display = "flex"; - logoutBtn.style.display = "none"; - alert("You have been logged out successfully!"); - }); - - // Login button click (placeholder - would need to implement full modal) - loginBtn.addEventListener("click", (e) => { - e.preventDefault(); - // For demo purposes, just redirect to home page - window.location.href = "index.html"; - }); + + diff --git a/reportissue.html b/reportissue.html index 33cb7bd..445809b 100644 --- a/reportissue.html +++ b/reportissue.html @@ -322,48 +322,7 @@ color: #1e1e1e; } - .login-btn { - background-color: #d18a68; - color: white; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3); - border: 2px solid transparent; - } - - .login-btn:hover { - transform: translateY(-3px); - box-shadow: 0 8px 25px #d18a68; - background-color: #d18a68; - border-color: rgba(255, 255, 255, 0.3); - } - - body.dark-mode .login-btn { - background-color: #e0e0e0; - color: #0d0d0d; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 2px 2px #e0e0e0; - border: 2px solid transparent; - } - - body.dark-mode .login-btn:hover { - transform: translateY(-3px); - background: #e0e0e0; - box-shadow: 0 2px 2px #e0e0e0; - } + .hamburger { display: none; @@ -1044,14 +1003,7 @@ - - +
@@ -1288,53 +1240,7 @@

Support

}, 1500); }); - // Login functionality (basic implementation) - const loginBtn = document.getElementById('openLoginModal'); - const logoutBtn = document.getElementById('logoutBtn'); - - // Check if user is logged in - function updateLoginState() { - const isLoggedIn = localStorage.getItem('isLoggedIn') === 'true'; - if (isLoggedIn) { - loginBtn.style.display = 'none'; - logoutBtn.style.display = 'flex'; - } else { - loginBtn.style.display = 'flex'; - logoutBtn.style.display = 'none'; - } - } - - // Simple login (just for demo) - loginBtn.addEventListener('click', (e) => { - e.preventDefault(); - const username = prompt('Enter username:'); - if (username) { - localStorage.setItem('isLoggedIn', 'true'); - localStorage.setItem('currentUser', username); - updateLoginState(); - alert(`Welcome, ${username}!`); - } - }); - - // Logout functionality - logoutBtn.addEventListener('click', (e) => { - e.preventDefault(); - localStorage.removeItem('isLoggedIn'); - localStorage.removeItem('currentUser'); - updateLoginState(); - alert('You have been logged out successfully!'); - }); - - // Initialize login state - updateLoginState(); - - // Auto-fill user name if logged in - document.addEventListener('DOMContentLoaded', () => { - const currentUser = localStorage.getItem('currentUser'); - if (currentUser) { - document.getElementById('userName').value = currentUser; - } - }); + diff --git a/scale.html b/scale.html index eee4a4f..740a854 100644 --- a/scale.html +++ b/scale.html @@ -222,48 +222,7 @@ color: #1e1e1e; } - .login-btn { - background: linear-gradient(90deg, #3e2723, #6e463e, #3e2723); - color: white; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 4px 15px #402a26; - border: 2px solid transparent; - } - - .login-btn:hover { - transform: translateY(-3px); - box-shadow: 0 8px 25px #624844; - background: linear-gradient(90deg, #543732, #3d2b28, #341d19); - } - - body.dark-mode .login-btn { - background: #e0e0e0; - color: #0d0d0d; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 2px 2px #e0e0e0; - border: 2px solid transparent; - } - - body.dark-mode .login-btn:hover { - transform: translateY(-3px); - background: #e0e0e0; - box-shadow: 0 2px 2px #e0e0e0; - } - + .hamburger { display: none; flex-direction: column; @@ -346,48 +305,7 @@ color: #1e1e1e; } - .login-btn { - background-color: #d18a68; - color: white; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3); - border: 2px solid transparent; - } - - .login-btn:hover { - transform: translateY(-3px); - box-shadow: 0 8px 25px rgba(255, 107, 107, 0.4); - background: #d18a68; - border-color: rgba(255, 255, 255, 0.3); - } - - body.dark-mode .login-btn { - background-color: #e0e0e0; - color: #0d0d0d; - text-decoration: none; - padding: 0.7rem 1.5rem; - border-radius: 25px; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - gap: 0.5rem; - box-shadow: 0 2px 2px #e0e0e0; - border: 2px solid transparent; - } - - body.dark-mode .login-btn:hover { - transform: translateY(-3px); - background: #e0e0e0; - box-shadow: 0 2px 2px #e0e0e0; - } + /* ===== STANDARDIZED MOBILE NAVIGATION ===== */ @@ -458,11 +376,7 @@ z-index: 1001; } - .login-btn { - padding: 0.5rem 1rem; - font-size: 0.9rem; - } - + .dark-mode-btn { width: 40px; height: 40px; @@ -502,10 +416,7 @@ gap: 0.3rem; } - .login-btn { - padding: 0.4rem 0.8rem; - font-size: 0.8rem; - } + .dark-mode-btn { width: 35px; @@ -1810,14 +1721,7 @@ - - +
@@ -2324,37 +2228,7 @@

Scaling Factor: ${scale.toFix }); - // Function to update login state - function updateLoginState() { - const isLoggedIn = localStorage.getItem("isLoggedIn") === "true"; - const loginBtn = document.getElementById("openLoginModal"); - const logoutBtn = document.getElementById("logoutBtn"); - - if (isLoggedIn) { - loginBtn.style.display = "none"; - logoutBtn.style.display = "flex"; - } else { - loginBtn.style.display = "flex"; - logoutBtn.style.display = "none"; - } - } - - // Logout functionality - const logoutBtn = document.getElementById("logoutBtn"); - if (logoutBtn) { - logoutBtn.addEventListener("click", (e) => { - e.preventDefault(); - localStorage.removeItem("isLoggedIn"); - localStorage.removeItem("currentUser"); - updateLoginState(); - alert("You have been logged out successfully!"); - }); - } - - // Check login state on page load - document.addEventListener("DOMContentLoaded", () => { - updateLoginState(); - }); + // Add some example recipes on page load window.addEventListener('load', function () {