web theme: hide the year-grid heatmap on phones, keep the contribution total + commit history

README.md

@@ -72,7 +72,7 @@ more.
 - **Fonts:** the web theme uses the system sans stack; Monocraft (self-hosted in `public/`) is
   used by the desktop theme's SMP menu and the in-desktop terminal.
 - **Images:** `next/image`
-- **Version:** `2.2.1` (see `package.json`)
+- **Version:** `2.2.2` (see `package.json`)
 
 ## 🚀 Running Locally
 

agents.md

@@ -43,7 +43,7 @@ frosted-glass **web** site, and an alternate KDE/Plasma **desktop simulation**
   utilities in the components (Tailwind is present via PostCSS but the look is
   hand-written CSS).
 - Path alias: `@/*` → `src/*`.
-- Version: `2.2.1` (see `package.json`).
+- Version: `2.2.2` (see `package.json`).
 
 ### Scripts
 ```bash
@@ -167,6 +167,10 @@ Themes: `web` = default frosted-glass website (sidebar + content, light/dark),
 - The desktop switch (`.web-ctl-desktop`) is hidden on phones: under the
   `max-width: 960px` breakpoint and under `(hover: none) and (pointer: coarse)`.
   There is no device sniff anymore — phones just get the responsive web shell.
+- Under `max-width: 640px` the year-grid heatmap (`.heatmap-container`) and its
+  legend/hover row (`.heatmap-status-row`) are `display: none` — the grid is
+  unreadable at phone widths. The contribution total and the commit history
+  still render, so the activity section keeps its substance on phones.
 
 ---
 

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "dvorakmortonxd",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "dvorakmortonxd",
-      "version": "2.2.1",
+      "version": "2.2.2",
       "dependencies": {
         "next": "^16.3.5",
         "react": "^19.3.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dvorakmortonxd",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "private": true,
   "scripts": {
     "dev": "node scripts/dev-server.mjs",

src/app/components/WebLayout.tsx

@@ -365,7 +365,7 @@ export default function WebLayout() {
           </Section>
 
           <footer className="web-footer glass">
-            <span className="web-footer-label">v2.2.1</span>
+            <span className="web-footer-label">v2.2.2</span>
             © 2025-2026 Martin Dvořák. All rights reserved (not really I dont care, just
             follow the GPL3.0 License)
           </footer>

src/app/web.css

@@ -1130,9 +1130,11 @@ html[data-theme="web"][data-scheme="dark"] .heatmap-legend-cell[data-level="4"]
   .gym-weight {
     font-size: 1.05rem;
   }
+  /* Phones drop the year-grid heatmap (it's unreadable that small); the total
+     and the commit history stay. */
+  .heatmap-container,
   .heatmap-status-row {
-    flex-direction: column;
+    display: none;
-    align-items: flex-start;
   }
 }