From 78e9df6214d8ca8fd1544ebf86dad6392deb5331 Mon Sep 17 00:00:00 2001 From: Nikhil Singh Date: Wed, 24 Sep 2025 10:59:21 +0530 Subject: [PATCH 1/8] Corrected back to top/bottom in about.html --- about.html | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/about.html b/about.html index f032909..b3fd481 100644 --- a/about.html +++ b/about.html @@ -180,9 +180,10 @@

What is BakeGenius.ai?

- - - + + + +
👩‍💻 From bf0655c0e5db69716128716655c62abced03821a Mon Sep 17 00:00:00 2001 From: Nikhil Singh Date: Wed, 24 Sep 2025 10:59:56 +0530 Subject: [PATCH 2/8] Corrected back to top/bottom in about.css --- assets/css/about.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/about.css b/assets/css/about.css index 0e5f11a..4c05e22 100644 --- a/assets/css/about.css +++ b/assets/css/about.css @@ -2831,7 +2831,7 @@ body.about-page.dark-mode li { body.dark-mode .copyright .name { color: #ef6154; - } + }} /* 📱 Mobile Responsive Tweaks */ @media (max-width: 768px) { .footer-content { From 0239702bc27182b2de1efba9fabeb0d173f1d381 Mon Sep 17 00:00:00 2001 From: Nikhil Singh Date: Wed, 24 Sep 2025 11:00:11 +0530 Subject: [PATCH 3/8] Corrected back to top/bottom in about.js --- assets/js/about.js | 28 +++++++++++++++++++++++++++- 1 file changed, 27 insertions(+), 1 deletion(-) diff --git a/assets/js/about.js b/assets/js/about.js index 44ba10e..5d71b09 100644 --- a/assets/js/about.js +++ b/assets/js/about.js @@ -137,4 +137,30 @@ document.addEventListener("DOMContentLoaded", function () { hamburger.classList.remove("active"); } }); -}); \ No newline at end of file +}); + +// Back to Top Button Logic + const backToTopBtn = document.getElementById("backToTop"); + window.addEventListener("scroll", () => { + if (window.scrollY > 100) { + backToTopBtn.classList.add("show"); + } else { + backToTopBtn.classList.remove("show"); + } + }); + backToTopBtn.addEventListener("click", () => { + window.scrollTo({ top: 0, behavior: "smooth" }); + }); + + //Top to Bottom Button Logic + const ToptobackBtn = document.getElementById("Toptoback"); + window.addEventListener("scroll", () => { + if (window.scrollY < 100) { + ToptobackBtn.classList.add("show"); + } else { + ToptobackBtn.classList.remove("show"); + } + }); + ToptobackBtn.addEventListener("click", () => { + window.scrollTo({ top: 10000, behavior: "smooth" }); + }); \ No newline at end of file From 852e2dba8b5e3d5012a8a6f1ca132eb56efd4503 Mon Sep 17 00:00:00 2001 From: Nikhil Singh Date: Wed, 24 Sep 2025 11:00:35 +0530 Subject: [PATCH 4/8] Corrected back to top/bottom in convert.html --- convert.html | 121 +++++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 104 insertions(+), 17 deletions(-) diff --git a/convert.html b/convert.html index cdc57e6..9c9c330 100644 --- a/convert.html +++ b/convert.html @@ -1,4 +1,3 @@ - @@ -278,15 +277,82 @@ .floating-cupcake:nth-child(4){ bottom:30%; right:10%; animation-delay:1s;} @keyframes float { 0%,100% { transform:translateY(0) rotate(0deg);} 50% { transform:translateY(-20px) rotate(5deg);} } - /* Back to Top button */ - #backToTop { - position: fixed; right: 2.5rem; bottom: 2.5rem; z-index: 2000; - background: linear-gradient(45deg, #a4766a, #5d4037); color: #fff; border: none; border-radius: 50%; - width: 56px; height: 56px; font-size: 2rem; box-shadow: 0 8px 24px rgba(0,0,0,0.18); - cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .4s, transform .2s; - } - #backToTop.show { opacity:1; pointer-events:auto; transform: scale(1.08); } - #backToTop:hover { transform: scale(1.15); } + /* Back to Top Button Styles */ + #backToTop { + position: fixed; + bottom: 2.5rem; + right: 2.5rem; + z-index: 2000; + background: linear-gradient(45deg, #a4766a, #5d4037); + color: #fff; + border: none; + border-radius: 50%; + width: 56px; + height: 56px; + font-size: 2rem; + box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); + cursor: pointer; + opacity: 0; + pointer-events: none; + transition: opacity 0.4s, transform 0.2s; + } + + body.dark-mode #backToTop { + background: #e0e0e0; + color: #0d0d0d; + } + + #backToTop.show { + opacity: 1; + pointer-events: auto; + transform: scale(1.08); + } + + #backToTop:hover { + background: linear-gradient(45deg, #a4766a, #5d4037); + transform: scale(1.15); + } + + /* Back to Top to Bottom Button Styles */ + #Toptoback { + position: fixed; + bottom: 2.5rem; + right: 2.5rem; + z-index: 2000; + background: linear-gradient(45deg, #a4766a, #5d4037); + color: #fff; + border: none; + border-radius: 50%; + width: 56px; + height: 56px; + font-size: 2rem; + box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); + cursor: pointer; + opacity: 0; + pointer-events: none; + transition: opacity 0.4s, transform 0.2s; + } + + body.dark-mode #Toptoback { + background: #e0e0e0; + color: #0d0d0d; + } + + #Toptoback.show { + opacity: 1; + pointer-events: auto; + transform: translateY(-10px) scale(1.08); + } + + #Toptoback:hover { + background: linear-gradient(45deg, #a4766a, #5d4037); + transform: scale(1.15); + } + + body.dark-mode #Toptoback:hover { + background: #e0e0e0; + transform: scale(1.15); + } /* ===== FOOTER ===== */ .footer { background: radial-gradient(circle at center, #e9b4b6, #e5c5b3); backdrop-filter: blur(15px); position:relative; z-index:2; border-top:1px solid rgba(255,255,255,0.3); margin-top:4rem; } @@ -424,7 +490,9 @@

⚠️ Ambiguous Measurement

- + + +
@@ -682,12 +750,31 @@

Support

} window.closeWarning = closeWarning; - // Back to top behavior - const backToTopBtn = document.getElementById('backToTop'); - window.addEventListener('scroll', ()=>{ - backToTopBtn.classList.toggle('show', window.scrollY > 300); - }); - backToTopBtn.addEventListener('click', ()=> window.scrollTo({top:0, behavior:'smooth'})); + // Back to Top Button Logic + const backToTopBtn = document.getElementById("backToTop"); + window.addEventListener("scroll", () => { + if (window.scrollY > 100) { + backToTopBtn.classList.add("show"); + } else { + backToTopBtn.classList.remove("show"); + } + }); + backToTopBtn.addEventListener("click", () => { + window.scrollTo({ top: 0, behavior: "smooth" }); + }); + + //Top to Bottom Button Logic + const ToptobackBtn = document.getElementById("Toptoback"); + window.addEventListener("scroll", () => { + if (window.scrollY < 100) { + ToptobackBtn.classList.add("show"); + } else { + ToptobackBtn.classList.remove("show"); + } + }); + ToptobackBtn.addEventListener("click", () => { + window.scrollTo({ top: 10000, behavior: "smooth" }); + }); // Entry animations document.addEventListener('DOMContentLoaded', ()=>{ From f2923f254d71b27b28ea7c2cba09171faff7ea11 Mon Sep 17 00:00:00 2001 From: Nikhil Singh Date: Wed, 24 Sep 2025 11:00:51 +0530 Subject: [PATCH 5/8] Corrected back to top/bottom in customize.html --- customize.html | 167 ++++++++++++++++++++++++++++++------------------- 1 file changed, 101 insertions(+), 66 deletions(-) diff --git a/customize.html b/customize.html index 9e7a3ea..fcfa3e3 100644 --- a/customize.html +++ b/customize.html @@ -1187,50 +1187,83 @@ justify-content: center; } } - /* Dual Scroll Buttons */ -.scroll-btn { - position: fixed; - right: 2.5rem; - z-index: 2000; - background: linear-gradient(45deg,#a4766a,#5d4037); - color: #fff; - border: none; - border-radius: 50%; - width: 56px; - height: 56px; - font-size: 2rem; - box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); - cursor: pointer; - opacity: 0; - pointer-events: none; - transition: opacity 0.4s, transform 0.2s; -} -body.dark-mode .scroll-btn { - background: #e0e0e0; - color: #0d0d0d; -} + /* Back to Top Button Styles */ + #backToTop { + position: fixed; + bottom: 2.5rem; + right: 2.5rem; + z-index: 2000; + background: linear-gradient(45deg, #a4766a, #5d4037); + color: #fff; + border: none; + border-radius: 50%; + width: 56px; + height: 56px; + font-size: 2rem; + box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); + cursor: pointer; + opacity: 0; + pointer-events: none; + transition: opacity 0.4s, transform 0.2s; + } -.scroll-btn.show { - opacity: 1; - pointer-events: auto; - transform: scale(1.08); -} + body.dark-mode #backToTop { + background: #e0e0e0; + color: #0d0d0d; + } -.scroll-btn:hover { - transform: scale(1.15); - background: linear-gradient(45deg,#5d4037,#a4766a); -} + #backToTop.show { + opacity: 1; + pointer-events: auto; + transform: scale(1.08); + } -body.dark-mode .scroll-btn:hover { - background: #e0e0e0; - color: #0d0d0d; -} + #backToTop:hover { + background: linear-gradient(45deg, #a4766a, #5d4037); + transform: scale(1.15); + } -/* Positioning individually */ -#scrollTopBtn { bottom: 6.5rem; } /* Above bottom button */ -#scrollBottomBtn { bottom: 2.5rem; } + /* Back to Top to Bottom Button Styles */ + #Toptoback { + position: fixed; + bottom: 2.5rem; + right: 2.5rem; + z-index: 2000; + background: linear-gradient(45deg, #a4766a, #5d4037); + color: #fff; + border: none; + border-radius: 50%; + width: 56px; + height: 56px; + font-size: 2rem; + box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); + cursor: pointer; + opacity: 0; + pointer-events: none; + transition: opacity 0.4s, transform 0.2s; + } + body.dark-mode #Toptoback { + background: #e0e0e0; + color: #0d0d0d; + } + + #Toptoback.show { + opacity: 1; + pointer-events: auto; + transform: translateY(-10px) scale(1.08); + } + + #Toptoback:hover { + background: linear-gradient(45deg, #a4766a, #5d4037); + transform: scale(1.15); + } + + body.dark-mode #Toptoback:hover { + background: #e0e0e0; + transform: scale(1.15); + } /* Success Message */ .success-message { @@ -1395,10 +1428,11 @@

🏷️ Choose Your Preferred Brand

- - - + + + +
@@ -1732,31 +1766,32 @@

Support

}, 10); } }); - // Dual Scroll Buttons -const scrollTopBtn = document.getElementById('scrollTopBtn'); -const scrollBottomBtn = document.getElementById('scrollBottomBtn'); - -window.addEventListener('scroll', () => { - if (window.scrollY > 300) { - scrollTopBtn.classList.add('show'); - } else { - scrollTopBtn.classList.remove('show'); - } - - if (window.innerHeight + window.scrollY < document.body.offsetHeight - 300) { - scrollBottomBtn.classList.add('show'); - } else { - scrollBottomBtn.classList.remove('show'); - } -}); - -scrollTopBtn.addEventListener('click', () => { - window.scrollTo({ top: 0, behavior: 'smooth' }); -}); - -scrollBottomBtn.addEventListener('click', () => { - window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' }); -}); + + // Back to Top Button Logic + const backToTopBtn = document.getElementById("backToTop"); + window.addEventListener("scroll", () => { + if (window.scrollY > 100) { + backToTopBtn.classList.add("show"); + } else { + backToTopBtn.classList.remove("show"); + } + }); + backToTopBtn.addEventListener("click", () => { + window.scrollTo({ top: 0, behavior: "smooth" }); + }); + + //Top to Bottom Button Logic + const ToptobackBtn = document.getElementById("Toptoback"); + window.addEventListener("scroll", () => { + if (window.scrollY < 100) { + ToptobackBtn.classList.add("show"); + } else { + ToptobackBtn.classList.remove("show"); + } + }); + ToptobackBtn.addEventListener("click", () => { + window.scrollTo({ top: 10000, behavior: "smooth" }); + }); From ceaa2294bf63f06e24757ad03aec3b171d8a250b Mon Sep 17 00:00:00 2001 From: Nikhil Singh Date: Wed, 24 Sep 2025 11:01:03 +0530 Subject: [PATCH 6/8] Corrected back to top/bottom in faq.html --- faq.html | 108 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 108 insertions(+) diff --git a/faq.html b/faq.html index e363bf8..393c793 100644 --- a/faq.html +++ b/faq.html @@ -524,6 +524,83 @@ padding: 0 20px; } + /* Back to Top Button Styles */ + #backToTop { + position: fixed; + bottom: 2.5rem; + right: 2.5rem; + z-index: 2000; + background: linear-gradient(45deg, #a4766a, #5d4037); + color: #fff; + border: none; + border-radius: 50%; + width: 56px; + height: 56px; + font-size: 2rem; + box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); + cursor: pointer; + opacity: 0; + pointer-events: none; + transition: opacity 0.4s, transform 0.2s; + } + + body.dark-mode #backToTop { + background: #e0e0e0; + color: #0d0d0d; + } + + #backToTop.show { + opacity: 1; + pointer-events: auto; + transform: scale(1.08); + } + + #backToTop:hover { + background: linear-gradient(45deg, #a4766a, #5d4037); + transform: scale(1.15); + } + + /* Back to Top to Bottom Button Styles */ + #Toptoback { + position: fixed; + bottom: 2.5rem; + right: 2.5rem; + z-index: 2000; + background: linear-gradient(45deg, #a4766a, #5d4037); + color: #fff; + border: none; + border-radius: 50%; + width: 56px; + height: 56px; + font-size: 2rem; + box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); + cursor: pointer; + opacity: 0; + pointer-events: none; + transition: opacity 0.4s, transform 0.2s; + } + + body.dark-mode #Toptoback { + background: #e0e0e0; + color: #0d0d0d; + } + + #Toptoback.show { + opacity: 1; + pointer-events: auto; + transform: translateY(-10px) scale(1.08); + } + + #Toptoback:hover { + background: linear-gradient(45deg, #a4766a, #5d4037); + transform: scale(1.15); + } + + body.dark-mode #Toptoback:hover { + background: #e0e0e0; + transform: scale(1.15); + } + /* Footer */ .footer { background: radial-gradient(circle at center, #e9b4b6, #e5c5b3); @@ -1074,6 +1151,11 @@

Frequently Asked Questions

+ + + + +