Merge pull request 'feat: present theme switch as a segmented control' (#15 ) from feat/segmented-theme-switch into main

Reviewed-on: #15
feat: present theme switch as a segmented control
2026-06-12 11:45:08 +01:00 · 2026-06-12 11:34:32 +01:00 · 2026-06-12 01:14:42 +01:00 · 2026-06-12 00:02:27 +00:00 · 2026-06-11 21:08:15 +01:00 · 2026-06-11 21:03:31 +01:00
3 changed files with 23 additions and 12 deletions
@@ -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/
@@ -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",
 ];
@@ -63,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;
 }
@@ -75,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 {
Author	SHA1	Message	Date
lyrathorpe	65f97d2707	Merge pull request 'feat: present theme switch as a segmented control' (#15 ) from feat/segmented-theme-switch into main Build and publish container / build (push) Successful in 6m7s Details Reviewed-on: #15	2026-06-12 11:45:08 +01:00
Emma Thorpe	ad90451846	feat: present theme switch as a segmented control Build and publish container / build (pull_request) Successful in 4m49s Details Join the two theme options into a single rounded container with the active segment filled and a divider between them, replacing the two separate pills. Markup and aria-pressed behaviour are unchanged. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-06-12 11:34:32 +01:00
renovate-bot	1a0ffead5a	Merge pull request 'chore(deps): update docker base image to v1.31' (#8 ) from renovate/docker-base-image into main Build and publish container / build (push) Successful in 6m21s Details	2026-06-12 01:14:42 +01:00
Renovate Bot	719956341c	chore(deps): update docker base image to v1.31 Build and publish container / build (pull_request) Successful in 4m38s Details	2026-06-12 00:02:27 +00:00
lyrathorpe	2a1e6dc8a4	Merge pull request 'feat(messages): add initial messages' (#6 ) from feat/reasons-why into main Build and publish container / build (push) Successful in 5m59s Details Reviewed-on: #6	2026-06-11 21:08:15 +01:00
lyrathorpe	6b19a55655	feat(messages): add initial messages Build and publish container / build (pull_request) Successful in 4m22s Details more added later on	2026-06-11 21:03:31 +01:00