diff --git a/index.html b/index.html index 7aaa733..cec743a 100644 --- a/index.html +++ b/index.html @@ -139,26 +139,23 @@ } #scrollToTopBtn { - position: fixed; - bottom: 20px; - right: 20px; - z-index: 999; - background-color: rgba(255, 255, 255, 0.1); - border: 1px solid #888; - color: #eee; - font-size: 1.5em; - padding: 0.2em 0.6em; - border-radius: 0.4em; - cursor: pointer; - transition: opacity 0.3s ease; - opacity: 0; - pointer-events: none; - } + position: fixed; + bottom: 15px; + right: 15px; + z-index: 9999; + background-color: #010; + color: #000; + font-size: 1.25em; + padding: 0.4em 0.8em; + border: none; + border-radius: 0.5em; + cursor: pointer; + opacity: 1 !important; + pointer-events: auto !important; + box-shadow: 0 4px 12px rgba(0,0,0,0.3); + transition: opacity 0.3s ease; +} - #scrollToTopBtn.show { - opacity: 1; - pointer-events: auto; - } @@ -395,16 +392,6 @@ const videoObserver = new IntersectionObserver((entries, observer) => { h1.style.letterSpacing = ""; h1.style.transition = "letter-spacing 1s ease"; }); -window.addEventListener("scroll", () => { - const maxSpacing = 1.2; - const maxScroll = 600; - const scrollY = window.scrollY; - const spacing = Math.min(scrollY / maxScroll * maxSpacing, maxSpacing); - if (!h1.matches(':hover')) { - h1.style.letterSpacing = spacing + "em"; - } - }); - window.addEventListener("scroll", () => { const baseMaxSpacing = 0.0012; // коэффициент @@ -437,7 +424,22 @@ window.addEventListener("scroll", () => { - + + + + diff --git a/videos/project_01.jpg b/videos/project_01.jpg index 1d1304a..a20627e 100644 Binary files a/videos/project_01.jpg and b/videos/project_01.jpg differ diff --git a/videos/project_01.mp4 b/videos/project_01.mp4 index 02d6c61..4a2c56e 100644 Binary files a/videos/project_01.mp4 and b/videos/project_01.mp4 differ