From f523fa986c4b14c97796640c70f92e16e5c68cb8 Mon Sep 17 00:00:00 2001
From: Dennis Thiessen <dennis@thiessen.io>
Date: Sun, 28 Jun 2026 17:51:50 +0200
Subject: [PATCH] Shrink avatar, drop availability signal, slim deploy deps

Make the portrait smaller (200px) and tighten the hero columns. Remove
the "Open to new work" status and neutralise the contact copy so nothing
reads as job-seeking; show a plain location in the top bar instead.

Deploy/tooling: drop the unneeded `--force` from the install (verified a
clean --legacy-peer-deps install + gatsby build both pass). Replace
gatsby-plugin-offline with gatsby-plugin-remove-serviceworker to retire
the service worker (fixes stale-cache-after-deploy and removes the
workbox deprecation).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .gitea/workflows/workflow.yaml |  2 +-
 gatsby-config.js               |  2 +-
 package.json                   |  2 +-
 src/assets/style.css           | 27 +++++++--------------------
 src/pages/index.js             |  9 +++------
 5 files changed, 13 insertions(+), 29 deletions(-)

diff --git a/.gitea/workflows/workflow.yaml b/.gitea/workflows/workflow.yaml
index 169695b..68d7efc 100644
--- a/.gitea/workflows/workflow.yaml
+++ b/.gitea/workflows/workflow.yaml
@@ -19,7 +19,7 @@ jobs:
           node-version: 20
 
       - name: Install dependencies
-        run: npm install --legacy-peer-deps --force
+        run: npm install --legacy-peer-deps
 
       - name: Build Gatsby site
         run: npx gatsby build
diff --git a/gatsby-config.js b/gatsby-config.js
index 19dc3a3..9b883d6 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -19,6 +19,6 @@ module.exports = {
         icon: 'src/assets/images/website-icon-dt.png',
       },
     },
-    'gatsby-plugin-offline'
+    'gatsby-plugin-remove-serviceworker'
   ],
 }
diff --git a/package.json b/package.json
index dba4755..110dca4 100644
--- a/package.json
+++ b/package.json
@@ -6,8 +6,8 @@
   "dependencies": {
     "gatsby": "^5.12.12",
     "gatsby-plugin-manifest": "^5.12.3",
-    "gatsby-plugin-offline": "^6.12.3",
     "gatsby-plugin-react-helmet": "^6.12.0",
+    "gatsby-plugin-remove-serviceworker": "^1.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0",
diff --git a/src/assets/style.css b/src/assets/style.css
index 93957d4..46700a4 100644
--- a/src/assets/style.css
+++ b/src/assets/style.css
@@ -94,22 +94,10 @@ a { color: inherit; }
 
 .topbar__name { color: var(--ink); text-transform: uppercase; }
 
-.status {
-	display: inline-flex;
-	align-items: center;
-	gap: 0.55rem;
+.topbar__place {
+	color: var(--graphite);
 	text-transform: uppercase;
 	letter-spacing: 0.16em;
-	color: var(--graphite);
-}
-
-.status__dot {
-	width: 7px;
-	height: 7px;
-	border-radius: 50%;
-	background: var(--signal);
-	box-shadow: 0 0 0 4px var(--signal-weak);
-	animation: pulse 2.6s ease-in-out infinite;
 }
 
 @keyframes pulse {
@@ -121,7 +109,7 @@ a { color: inherit; }
 
 .hero {
 	display: grid;
-	grid-template-columns: minmax(0, 1.55fr) minmax(0, 0.7fr);
+	grid-template-columns: minmax(0, 1fr) auto;
 	gap: clamp(2rem, 5vw, 4rem);
 	align-items: center;
 	padding: clamp(2rem, 5vw, 3.5rem) 0 clamp(3.5rem, 7vw, 5.5rem);
@@ -183,9 +171,8 @@ a { color: inherit; }
 .actions a:hover { color: var(--signal); border-color: var(--signal); }
 
 .portrait {
-	justify-self: end;
-	width: 100%;
-	max-width: 280px;
+	width: 200px;
+	max-width: 100%;
 }
 
 .portrait img {
@@ -426,7 +413,7 @@ a { color: inherit; }
 		grid-template-columns: 1fr;
 		gap: 2.5rem;
 	}
-	.portrait { justify-self: start; order: -1; max-width: 150px; }
+	.portrait { justify-self: start; order: -1; width: 140px; }
 	.portrait img { aspect-ratio: 1 / 1; }
 }
 
@@ -436,7 +423,7 @@ a { color: inherit; }
 
 @media (max-width: 460px) {
 	.topbar { font-size: 0.68rem; letter-spacing: 0.05em; }
-	.status { letter-spacing: 0.12em; }
+	.topbar__place { letter-spacing: 0.12em; }
 }
 
 /* ---------- motion ---------- */
diff --git a/src/pages/index.js b/src/pages/index.js
index fd25c82..8f9c0c0 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -91,10 +91,7 @@ const IndexPage = () => (
     <div className="wrap">
       <header className="topbar">
         <span className="topbar__name">Dennis Thiessen</span>
-        <span className="status">
-          <span className="status__dot" aria-hidden="true" />
-          Open to new work
-        </span>
+        <span className="topbar__place">Bern, Switzerland</span>
       </header>
 
       <section className="hero">
@@ -176,8 +173,8 @@ const IndexPage = () => (
         <h2 className="section__label">Contact</h2>
         <div>
           <p className="contact__intro">
-            Open to interesting problems in data, ML and platform engineering, in Switzerland or
-            remote. Email is the fastest way to reach me.
+            Always happy to talk about data, ML and platform engineering. Email is the fastest way
+            to reach me.
           </p>
           <a className="contact__email" href={`mailto:${EMAIL}`}>
             {EMAIL}