diff --git a/CHANGELOG.md b/CHANGELOG.md index d983f45..3273a84 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). +## [1.6.1] - 2026-03-08 + +### Fixed +- Footer smoke effect too dark on mobile (reduced gradient opacities and contrast) +- Viewport overflow caused by smoke animation on mobile +- Insufficient bottom padding on footer in mobile view + ## [1.6.0] - 2026-03-08 ### Added diff --git a/README.md b/README.md index dc5f027..433a895 100644 --- a/README.md +++ b/README.md @@ -56,4 +56,4 @@ make deploy production --- -**Version:** 1.6.0 | **License:** MIT & CC BY-NC-SA 4.0 | **Site:** https://obscvrat.fi +**Version:** 1.6.1 | **License:** MIT & CC BY-NC-SA 4.0 | **Site:** https://obscvrat.fi diff --git a/website/static/changelog.txt b/website/static/changelog.txt index ddb8320..632dbe9 100644 --- a/website/static/changelog.txt +++ b/website/static/changelog.txt @@ -5,13 +5,43 @@ All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). +## [1.6.1] - 2026-03-08 + +### Added + +### Changed + +### Fixed + ## [1.6.0] - 2026-03-08 ### Added +- Footer logo with divider, background image, and scroll-based fade effect +- Gradient fade effect on footer logo +- Gear page: sold/want filtering with checkbox controls +- Gear page: want list for wishlist gear (DOD FX86 Death Metal) +- Gear page: dynamic stats footer (counts, categories, tech split, top manufacturers) +- Gear page: JSON output (/gear/index.json) for API/AI consumption +- Gear page: plain text output (/gear/index.txt) for quick viewing +- TH/FX Noisedevices Vortex to gear inventory +- Paska Alttari to record labels (Circuits group) +- Puppeteer MCP server configuration +- Communication style guidelines to AGENTS.md ### Changed +- Renamed archived gear to sold with red-themed styling +- Added green-themed styling for want gear +- Gear items now have black background +- Removed hover effect from gear items +- Removed ?archived URL parameter functionality +- Moved Afvikling Kassetter from Circuits to Vectors +- About page: black background on individual links and labels +- Sold/want color styling limited to pedal name only ### Fixed +- Sold/want items now properly hide when checkboxes unchecked +- Checkbox styling matches dark theme +- Checkbox layout on mobile (no longer takes full width) ## [1.5.0] - 2026-02-27 diff --git a/website/static/css/main.css b/website/static/css/main.css index e1a838b..b88434b 100644 --- a/website/static/css/main.css +++ b/website/static/css/main.css @@ -43,6 +43,10 @@ color: var(--primary-color); background: #000000; position: relative; + overflow-x: clip; + } + + html { overflow-x: hidden; } @@ -53,42 +57,44 @@ left: 0; right: 0; height: 1800px; + overflow: hidden; + max-width: 100vw; background: - radial-gradient(ellipse 1000px 800px at 15% 100%, rgba(0, 0, 0, 0.6) 0%, transparent 60%), - radial-gradient(ellipse 800px 700px at 85% 100%, rgba(0, 0, 0, 0.7) 0%, transparent 55%), - radial-gradient(ellipse 900px 750px at 45% 100%, rgba(0, 0, 0, 0.8) 0%, transparent 65%), - radial-gradient(ellipse 700px 600px at 60% 100%, rgba(0, 0, 0, 0.6) 0%, transparent 50%), - radial-gradient(ellipse 600px 500px at 30% 100%, rgba(0, 0, 0, 0.5) 0%, transparent 50%), - radial-gradient(ellipse 750px 650px at 70% 100%, rgba(0, 0, 0, 0.5) 0%, transparent 55%), - radial-gradient(ellipse 650px 550px at 25% 100%, rgba(0, 0, 0, 0.4) 0%, transparent 50%), - radial-gradient(ellipse 550px 450px at 50% 100%, rgba(0, 0, 0, 0.5) 0%, transparent 48%), - radial-gradient(ellipse 700px 600px at 38% 100%, rgba(0, 0, 0, 0.4) 0%, transparent 52%), - radial-gradient(ellipse 620px 520px at 78% 100%, rgba(0, 0, 0, 0.5) 0%, transparent 50%); + radial-gradient(ellipse 1000px 800px at 15% 100%, rgba(0, 0, 0, 0.3) 0%, transparent 60%), + radial-gradient(ellipse 800px 700px at 85% 100%, rgba(0, 0, 0, 0.35) 0%, transparent 55%), + radial-gradient(ellipse 900px 750px at 45% 100%, rgba(0, 0, 0, 0.4) 0%, transparent 65%), + radial-gradient(ellipse 700px 600px at 60% 100%, rgba(0, 0, 0, 0.3) 0%, transparent 50%), + radial-gradient(ellipse 600px 500px at 30% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 50%), + radial-gradient(ellipse 750px 650px at 70% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 55%), + radial-gradient(ellipse 650px 550px at 25% 100%, rgba(0, 0, 0, 0.2) 0%, transparent 50%), + radial-gradient(ellipse 550px 450px at 50% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 48%), + radial-gradient(ellipse 700px 600px at 38% 100%, rgba(0, 0, 0, 0.2) 0%, transparent 52%), + radial-gradient(ellipse 620px 520px at 78% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 50%); z-index: -1; animation: smokeRise 20s ease-in-out infinite; - filter: blur(40px) contrast(1.5); + filter: blur(40px) contrast(1.12); } @keyframes smokeRise { 0% { transform: translateY(150px) scale(0.95); - opacity: 0.5; + opacity: 0.39; } 25% { transform: translateY(100px) scale(1); - opacity: 0.8; + opacity: 0.61; } 50% { transform: translateY(50px) scale(1.05); - opacity: 1; + opacity: 0.78; } 75% { transform: translateY(80px) scale(1.02); - opacity: 0.9; + opacity: 0.68; } 100% { transform: translateY(150px) scale(0.95); - opacity: 0.5; + opacity: 0.39; } } @@ -904,6 +910,12 @@ color: var(--secondary-color); border-top: none; } + + @media (max-width: 768px) { + footer { + padding-bottom: 4rem; + } + } @media (min-width: 769px) { footer {