fix(deps): update docker/setup-qemu-action action to v4

Reviewed-on: #14

.gitea/workflows/build-and-publish.yml

@@ -93,6 +93,9 @@ jobs:
           echo "release=${release}" >> "$GITHUB_OUTPUT"
           echo "Computed bump=${bump}, release=${release}, base=${base}"
 
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@06116385d9baf250c9f4dcb4858b16962ea869c3 # v4
+
       - name: Set up Buildx
         uses: docker/setup-buildx-action@v3
 
@@ -108,6 +111,7 @@ jobs:
         uses: docker/build-push-action@v6
         with:
           context: .
+          platforms: linux/amd64,linux/arm64
           push: ${{ github.event_name != 'pull_request' }}
           tags: ${{ steps.version.outputs.tags }}
           labels: |

Dockerfile

@@ -1,7 +1,7 @@
 # Lightweight, non-root nginx serving the static site.
 # Runs as user "nginx" and listens on 8080, ready to sit behind an
 # external reverse proxy that terminates TLS and forwards requests.
-FROM nginxinc/nginx-unprivileged:1.27-alpine-slim
+FROM nginxinc/nginx-unprivileged:1.31-alpine-slim@sha256:6616de6eaa82bc2ee3541fa287a8fca7dc7271e6374e9402014dbd13f4a980ae
 
 COPY default.conf /etc/nginx/conf.d/default.conf
 COPY --chown=nginx:nginx index.html styles.css script.js messages.js /usr/share/nginx/html/

README.md

@@ -46,7 +46,9 @@ docker run --rm -p 8080:8080 dlr
 
 `.gitea/workflows/build-and-publish.yml` builds the container with Gitea Actions
 on every push to `main` and on pull requests. Pull requests build the image but
-do not push. The registry host is derived from the Gitea server URL.
+do not push. The registry host is derived from the Gitea server URL. Images are
+built for `linux/amd64` and `linux/arm64` (armv8) and published as a single
+multi-arch manifest; the arm64 build runs under QEMU emulation.
 
 Authentication requires a Personal Access Token with package read/write scope,
 because the automatically provided `GITEA_TOKEN` does not carry container

messages.js

@@ -11,8 +11,13 @@
  */
 
 const MESSAGES = [
-  "PLACEHOLDER: write your first reason here",
-  "PLACEHOLDER: write another reason here",
-  // Add as many entries as you like, one per line:
-  // "Your reason here",
+  "Maggie came back, she was unimpressed",
+  "They mixed up the B23s and the 2024 tube stock",
+  "The computer went on strike",
+	"Leaves on the track",
+	"Escalators broke at Cutty Sark",
+	"EHRC decided it was woke",
+	"JK Rowling",
+	"Kaiju",
+	"28 Days Later happened",
 ];

renovate.json

@@ -10,20 +10,31 @@
   "semanticCommitType": "fix",
   "semanticCommitScope": "deps",
   "github-actions": {
-    "fileMatch": ["^\\.gitea/workflows/[^/]+\\.ya?ml$"]
+    "managerFilePatterns": ["/^\\.gitea/workflows/[^/]+\\.ya?ml$/"]
   },
   "packageRules": [
     {
       "description": "Group nginx base image updates",
       "matchManagers": ["dockerfile"],
       "groupName": "docker base image"
+    },
+    {
+      "description": "Commit every update as fix(deps) so each merged Renovate PR triggers a patch release. config:recommended pulls in :semanticPrefixFixDepsChoreOthers, which forces non-npm updates (Docker, Actions) to chore and would otherwise produce no release.",
+      "matchPackageNames": ["*"],
+      "semanticCommitType": "fix"
+    },
+    {
+      "description": "Auto-merge patch and minor updates once checks pass.",
+      "matchUpdateTypes": ["patch", "minor"],
+      "automerge": true
     }
   ],
+  "platformAutomerge": true,
   "customManagers": [
     {
       "customType": "regex",
       "description": "Update HTML dependencies annotated with a renovate comment, e.g. <!-- renovate: datasource=npm depName=bootstrap --> before the versioned URL",
-      "fileMatch": ["\\.html$"],
+      "managerFilePatterns": ["/\\.html$/"],
       "matchStrings": [
         "datasource=(?<datasource>\\S+) depName=(?<depName>\\S+)( versioning=(?<versioning>\\S+))?[\\s\\S]*?(?<currentValue>v?\\d+\\.\\d+\\.\\d+[\\w.-]*)"
       ]
@@ -31,7 +42,7 @@
     {
       "customType": "regex",
       "description": "Auto-detect versioned jsDelivr / unpkg npm assets in HTML",
-      "fileMatch": ["\\.html$"],
+      "managerFilePatterns": ["/\\.html$/"],
       "matchStrings": [
         "https://cdn\\.jsdelivr\\.net/npm/(?<depName>@?[^@/]+(?:/[^@/]+)?)@(?<currentValue>\\d[^/\"']+)",
         "https://unpkg\\.com/(?<depName>@?[^@/]+(?:/[^@/]+)?)@(?<currentValue>\\d[^/\"']+)"

styles.css

@@ -10,7 +10,6 @@
 /* Modern DLR — turquoise/teal */
 [data-theme="modern"] {
   --bg: #00afaa;
-  --bg-accent: #007e7a;
   --surface: #ffffff;
   --text: #ffffff;
   --message: #ffffff;
@@ -20,14 +19,13 @@
   --button-active-text: #ffffff;
 }
 
-/* Original DLR — 1987 red and blue */
+/* Original DLR — 1987 red, white and blue */
 [data-theme="original"] {
-  --bg: #002b5c;
-  --bg-accent: #c8102e;
-  --surface: #f5f0e1;
+  --bg: #c8102e;
+  --surface: #002b5c;
   --text: #f5f0e1;
   --message: #f5f0e1;
-  --button-bg: #c8102e;
+  --button-bg: #002b5c;
   --button-text: #f5f0e1;
   --button-active-bg: #f5f0e1;
   --button-active-text: #002b5c;
@@ -44,7 +42,7 @@ body {
   flex-direction: column;
   font-family: var(--font-stack);
   color: var(--text);
-  background: linear-gradient(135deg, var(--bg) 0%, var(--bg-accent) 100%);
+  background: var(--bg);
   transition: background 0.4s ease, color 0.4s ease;
 }
 
@@ -65,10 +63,13 @@ body {
   padding: 1.5rem;
 }
 
+/* Segmented control: both options joined in one rounded container,
+   with the active segment filled. */
 .theme-toggle {
-  display: flex;
-  gap: 0.5rem;
-  border: none;
+  display: inline-flex;
+  border: 2px solid var(--button-bg);
+  border-radius: 999px;
+  overflow: hidden;
   margin: 0;
   padding: 0;
 }
@@ -77,19 +78,22 @@ body {
   font-family: inherit;
   font-size: 0.9rem;
   font-weight: 600;
-  padding: 0.5rem 1rem;
-  border: 2px solid var(--button-bg);
-  border-radius: 999px;
+  padding: 0.5rem 1.1rem;
+  border: none;
   background: transparent;
   color: var(--text);
   cursor: pointer;
   transition: background 0.2s ease, color 0.2s ease;
 }
 
+/* Divider between the two segments. */
+.theme-button + .theme-button {
+  border-left: 2px solid var(--button-bg);
+}
+
 .theme-button[aria-pressed="true"] {
   background: var(--button-active-bg);
   color: var(--button-active-text);
-  border-color: var(--button-active-bg);
 }
 
 .stage {