Release v1.6.1: Fix footer smoke effect on mobile

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

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

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
 

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 {