feat(screenshots): v0.14.0 shots, version-history slider, lighter page (#88)

* feat(screenshots): data-driven page with latest shots, per-view version slider, and web-sized images

The page is now generated from _data/screenshots.yml: a Latest section (filled by
ActivityWatch/activitywatch scripts/screenshots.py), a 'How it has evolved' slider
per view across versions, and the community competition gallery with credits.
Displays downscaled WebP copies (36 MB -> 1.5 MB) and links the full PNGs.

* feat(screenshots): add v0.14.0 shots (demo data) to the page, homepage and schema.org image

Generated with scripts/screenshots.py (ActivityWatch/activitywatch#1500): light and
dark for 13 views. Latest section shows light with a dark-mode link; Activity and
Timeline sliders gain a v0.14.0 stop. Homepage swaps the v0.9.3/v0.8.0 images.

* fix(screenshots): announce the selected version on the slider (aria-valuetext)

Author: ErikBjare

_data/screenshots.yml

@@ -0,0 +1,103 @@
+# Screenshots page data (rendered by screenshots.pug).
+#
+# `src` is relative to /img/screenshots/; a downscaled copy for display lives at
+# /img/screenshots/web/<src with / replaced by _>.webp, and the full PNG is linked.
+#
+# latest: regenerate with `scripts/screenshots.py` in ActivityWatch/activitywatch
+# (demo data, isolated server), then move the previous `latest` shots into
+# `evolution` so the history keeps growing.
+
+latest:
+  version: v0.14.0
+  shots:
+    - {title: Activity, src: v0.14.0/activity-day.png, dark: v0.14.0/activity-day-dark.png, note: One day across all your devices}
+    - {title: Activity (year), src: v0.14.0/activity-year.png, dark: v0.14.0/activity-year-dark.png, note: "A whole year, back in under a second once cached"}
+    - {title: Activity (week), src: v0.14.0/activity-week.png, dark: v0.14.0/activity-week-dark.png}
+    - {title: Activity (month), src: v0.14.0/activity-month.png, dark: v0.14.0/activity-month-dark.png}
+    - {title: Browser activity, src: v0.14.0/activity-browser.png, dark: v0.14.0/activity-browser-dark.png}
+    - {title: Timeline, src: v0.14.0/timeline.png, dark: v0.14.0/timeline-dark.png, note: Every device on one timeline}
+    - {title: Search, src: v0.14.0/search.png, dark: v0.14.0/search-dark.png}
+    - {title: Query explorer, src: v0.14.0/query.png, dark: v0.14.0/query-dark.png}
+    - {title: Stopwatch, src: v0.14.0/stopwatch.png, dark: v0.14.0/stopwatch-dark.png}
+    - {title: Categorization, src: v0.14.0/categorization.png, dark: v0.14.0/categorization-dark.png, note: Rules that sort your time into categories}
+    - {title: Settings, src: v0.14.0/settings.png, dark: v0.14.0/settings-dark.png}
+    - {title: Buckets, src: v0.14.0/buckets.png, dark: v0.14.0/buckets-dark.png, note: Raw data from each watcher and device}
+
+# One entry per view, oldest first. Each shot is that view as it looked in a version.
+evolution:
+  - view: Activity
+    shots:
+      - version: v0.8.0dev
+        year: 2018
+        src: screenshot-v0.8.0dev-activity.png
+      - version: v0.8.0b9
+        year: 2019
+        src: screenshot-v0.8.0b9-today.png
+        note: The “Today” view, before it became Activity
+      - version: v0.9.3
+        year: 2020
+        src: screenshot-v0.9.3-activity.png
+      - version: v0.12.0b2
+        year: 2022
+        src: BelKed/screenshot-v0.12.0b2-activity.png
+        by: BelKed
+        note: Dark mode
+      - version: v0.12
+        year: 2023
+        src: realhyperchango/activity-productivity.png
+        by: realhyperchango
+        note: Productivity categories
+      - version: v0.14.0b8
+        year: 2026
+        src: screenshot-v0.14.0b8-aw-tauri-activity.png
+        note: The new Tauri app
+      - version: v0.14.0
+        year: 2026
+        src: v0.14.0/activity-day.png
+        note: Multi-device, with demo data
+  - view: Timeline
+    shots:
+      - version: v0.8.0b9
+        year: 2019
+        src: screenshot-v0.8.0b9-timeline.png
+      - version: v0.12
+        year: 2023
+        src: thelifeimliving/timeline-dark.png
+        by: thelifeimliving
+        note: Dark mode
+      - version: v0.14.0
+        year: 2026
+        src: v0.14.0/timeline.png
+        note: Multi-device, with demo data
+
+# Screenshot competition entries (github.com/ActivityWatch/activitywatch/discussions/741).
+community:
+  version: v0.12
+  shots:
+    - title: Activity
+      src: [thelifeimliving/activity.png]
+      by: thelifeimliving
+    - title: Activity with productivity categories
+      src: [realhyperchango/activity-productivity.png]
+      by: realhyperchango
+    - title: Activity (dark)
+      src: [BelKed/screenshot-v0.12.0b2-activity.png]
+      by: BelKed
+    - title: Timeline (dark)
+      src: [thelifeimliving/timeline-dark.png]
+      by: thelifeimliving
+    - title: Month view
+      src: [maholli/month.png]
+      by: maholli
+    - title: Search
+      src: [thelifeimliving/search.png]
+      by: thelifeimliving
+    - title: Stopwatch
+      src: [thelifeimliving/stopwatch.png, thelifeimliving/stopwatch-dark.png]
+      by: thelifeimliving
+    - title: Query explorer
+      src: [thelifeimliving/query-explorer.png, thelifeimliving/query-explorer-dark.png]
+      by: thelifeimliving
+    - title: Settings
+      src: [thelifeimliving/settings.png, thelifeimliving/settings-dark.png]
+      by: thelifeimliving

_includes/schema-index.html

@@ -22,7 +22,7 @@
     "dateCreated": "2016-06-10",
     "downloadUrl": "https://activitywatch.net/downloads/",
     "softwareHelp": "https://docs.activitywatch.net/en/latest/getting-started.html#installation",
-    "screenshot": "https://activitywatch.net/img/screenshots/screenshot-v0.9.3-activity.png",
+    "screenshot": "https://activitywatch.net/img/screenshots/v0.14.0/activity-day.png",
     "inLanguage": "en",
     "featureList": [
         "Application and window tracking",