From dd5eb586c4ee1085edb6838c279ac578651665cb Mon Sep 17 00:00:00 2001 From: colStie Date: Wed, 29 Jan 2025 17:11:49 +0100 Subject: [PATCH] Revert "button adjustments" This reverts commit c873fd1996ffbb2f98e847c35dc3431620d34204. --- public/css/dark.css | 44 ++---------------------- src/common/handleFullScreenBanner.js | 40 +++++++++++++-------- src/components/Home2023/Banner/index.jsx | 3 +- src/components/HomeHero/index.jsx | 7 +--- 4 files changed, 32 insertions(+), 62 deletions(-) diff --git a/public/css/dark.css b/public/css/dark.css index e361c73..1796942 100644 --- a/public/css/dark.css +++ b/public/css/dark.css @@ -315,47 +315,11 @@ b, strong { } .hero__image--text h1 { - font-size: 85px; + font-size: 115px; line-height: 1; text-shadow: 0px 0px 5px rgba(255,255,255,0.5); } -.hero__buttons { - margin-top: 20px; /* Space above the buttons */ - display: flex; /* Align buttons in a row */ - justify-content: center; /* Center the buttons horizontally */ -} - -.hero__button { - padding: 10px 20px; /* Padding inside the button */ - margin: 0 10px; /* Space between buttons */ - border: none; /* Remove default border */ - border-radius: 5px; /* Rounded corners */ - cursor: pointer; /* Pointer cursor on hover */ - font-size: 16px; /* Font size */ - transition: background-color 0.3s, transform 0.3s; /* Smooth transition for hover effects */ -} - -.hero__button--primary { - background-color: #0070f3; /* Primary button color */ - color: white; /* Text color */ -} - -.hero__button--primary:hover { - background-color: #005bb5; /* Darker shade on hover */ - transform: scale(1.05); /* Slightly enlarge on hover */ -} - -.hero__button--secondary { - background-color: #eaeaea; /* Secondary button color */ - color: #333; /* Text color */ -} - -.hero__button--secondary:hover { - background-color: #d4d4d4; /* Darker shade on hover */ - transform: scale(1.05); /* Slightly enlarge on hover */ -} - .hero__link { position: absolute; z-index: 4; @@ -2849,7 +2813,7 @@ body { left: 0; width: 100%; z-index: 999999; - padding: 10px 0; + padding: 20px 0; color: #fff; -webkit-transition: all 0.7s; -o-transition: all 0.7s; @@ -7108,9 +7072,7 @@ body { .banner-link{ margin: 0 10px; - max-width: 180px; - opacity: 0.9; - /* transition: opacity 1.3s ease; */ + max-width: 200px; } #home--YourWalletIsYou { diff --git a/src/common/handleFullScreenBanner.js b/src/common/handleFullScreenBanner.js index 3f68145..5124c65 100644 --- a/src/common/handleFullScreenBanner.js +++ b/src/common/handleFullScreenBanner.js @@ -4,36 +4,48 @@ const handleFullScreenBanner = () => { } const banner = document.getElementById('home--Banner'); - - if (banner) { banner.style.position = 'fixed'; banner.style.top = '0'; banner.style.width = '100%'; - banner.style.zIndex = '100'; - banner.style.transition = 'opacity 0.5s ease' + banner.style.zIndex = '10'; } - window.addEventListener('scroll', () => { const scrollPosition = window.scrollY; const pageHeight = document.documentElement.scrollHeight - window.innerHeight; const scrollPercentage = (scrollPosition / pageHeight) * 100; - if (scrollPercentage >= 8) { - banner.style.opacity = '0'; + if (scrollPercentage >= 15) { + banner.style.display = 'none'; } else { - banner.style.opacity = '1'; banner.style.display = 'block'; } }); - banner.addEventListener('transitionend', () => { - if (banner.style.opacity === '0') { - banner.style.display = 'none'; - } - }); - }; +// const banner = document.getElementById('home--Banner'); +// const homeHero = document.getElementById('home--Hero'); + +// if (banner && homeHero) { +// const observer = new IntersectionObserver( +// ([entry]) => { +// if (entry.isIntersecting) { +// banner.style.position = 'fixed'; +// banner.style.top = '0'; +// banner.style.width = '100%'; +// banner.style.zIndex = '10'; +// banner.style.display = 'block'; +// } else { +// banner.style.display = 'none'; +// } +// }, +// { threshold: 0.1 } +// ); + +// observer.observe(homeHero); +// } +// }; + export default handleFullScreenBanner; \ No newline at end of file diff --git a/src/components/Home2023/Banner/index.jsx b/src/components/Home2023/Banner/index.jsx index 725f35b..413b19a 100644 --- a/src/components/Home2023/Banner/index.jsx +++ b/src/components/Home2023/Banner/index.jsx @@ -1,4 +1,5 @@ import React from "react"; +import Split from "../../Split"; import Link from 'next/link'; import handleFullScreenBanner from "../../../common/handleFullScreenBanner"; @@ -8,7 +9,7 @@ const Banner = ({ theme, lr }) => { handleFullScreenBanner(); }, []); return ( -
+
diff --git a/src/components/HomeHero/index.jsx b/src/components/HomeHero/index.jsx index ca1c0b2..070585b 100644 --- a/src/components/HomeHero/index.jsx +++ b/src/components/HomeHero/index.jsx @@ -146,12 +146,7 @@ class HomeHero extends React.Component {
-

L
T
O

- {/*
- - -
*/} -
+

L
T
O