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?
-
-
-
+
+
+
+
👩💻
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 {
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
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
-
+
+
+
+
+
+
+
+