@morphemecms/cms 0.14.2 → 0.14.3-next-20261107145215

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @morphemecms/cms
 
+## 0.14.3-next-20261107145215
+
+### Patch Changes
+
+- ed6e436: The release notes on the Morpheme page and the start screen are rewritten in plainer words, in English and Danish.
+- aa478c9: After an update, the start screen shows a small card with the edition's photo and name instead of the large list of news.
+
 ## 0.14.2
 
 ### Patch Changes

package/lib/license-texts/Unsplash.txt

@@ -0,0 +1,7 @@
+Unsplash grants you an irrevocable, nonexclusive, worldwide copyright license to
+download, copy, modify, distribute, perform, and use photos from Unsplash for free,
+including for commercial purposes, without permission from or attributing the photographer
+or Unsplash. This license does not include the right to compile photos from Unsplash to
+replicate a similar or competing service.
+
+https://unsplash.com/license

package/lib/licenses.d.mts

@@ -98,6 +98,12 @@ export function declarationProblems({ license, thirdParty, folder, where, what,
  * checked with what it gives in place of what a package lacks (declarationProblems); those they depend on are not.
  * @param {string} root @param {string[]} folders @param {Set<string>} [skip] */
 export function codePackageProblems(root: string, folders: string[], skip?: Set<string>): any[];
+/** The photo of each edition the CMS carries (release-notes/editions/<version>.json and .webp, shown on the start screen
+ * after an update) as a work in "Licenser": a picture in the editor, its id `editions/<version>`, named after its place
+ * (en-US), by its photographer under the Unsplash License (license-texts/Unsplash.txt). An edition without a photographer
+ * gives a work without an author, which workProblems stops the build on.
+ * @param {string} cmsRoot the CMS package's folder @returns {object[]} */
+export function editionWorks(cmsRoot: string): object[];
 /** An app or a theme as licensesIntegration takes it: its kind and id, its name, version and who made it, its manifest
  * (its defineApp or its theme.json, with `license` and `thirdParty`), its folder, and whether the site is built with it
  * (an app installed; the theme in use, and the standard theme it builds on).
@@ -147,6 +153,8 @@ export const UNLICENSED: "UNLICENSED";
 export const OWN_LICENSE_FILE: "LICENSE";
 export function packageName(specifier: any): any;
 export function ownerId(kind: any, id: any): string;
+/** The licence of the editions' photos (release-notes/editions/), as "Licenser" shows it. */
+export const UNSPLASH_LICENSE: "Unsplash License";
 /**
  * An app or a theme as licensesIntegration takes it: its kind and id, its name, version and who made it, its manifest
  * (its defineApp or its theme.json, with `license` and `thirdParty`), its folder, and whether the site is built with it

package/lib/licenses.editions.test.mjs

@@ -0,0 +1,45 @@
+// Tests editionWorks in licenses.mjs: each edition's photo as a picture in the editor, under the Unsplash License.
+import { test } from 'node:test';
+import assert from 'node:assert/strict';
+import { mkdtempSync, mkdirSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { editionWorks, UNSPLASH_LICENSE, workProblems } from './licenses.mjs';
+
+const root = (editions) => {
+  const dir = mkdtempSync(join(tmpdir(), 'editions-'));
+  mkdirSync(join(dir, 'release-notes', 'editions'), { recursive: true });
+  for (const [version, edition] of Object.entries(editions))
+    writeFileSync(join(dir, 'release-notes', 'editions', `${version}.json`), JSON.stringify(edition));
+  return dir;
+};
+
+test("an edition's photo is a picture in the editor, by its photographer, under the Unsplash License", () => {
+  const [work] = editionWorks(
+    root({ '0.14.2': { name: 'Braies', place: { 'en-US': 'Lago di Braies, Italy' }, photo: { by: 'A Photographer' } } }),
+  );
+  assert.equal(work.id, 'editions/0.14.2');
+  assert.equal(work.name, 'Lago di Braies, Italy');
+  assert.equal(work.author, 'A Photographer');
+  assert.equal(work.license, UNSPLASH_LICENSE);
+  assert.equal(work.kind, 'image');
+  assert.deepEqual(work.where, ['editor']);
+  assert.match(work.text, /^Unsplash grants you an irrevocable/);
+  assert.deepEqual(workProblems(work, 'x'), []);
+});
+
+test('an edition without a photographer is a problem', () => {
+  const [work] = editionWorks(root({ '0.14.2': { name: 'Braies' } }));
+  assert.equal(work.name, 'Braies');
+  assert.equal(workProblems(work, 'x').length, 1);
+});
+
+test('no editions folder gives no works', () => {
+  assert.deepEqual(editionWorks(mkdtempSync(join(tmpdir(), 'none-'))), []);
+});
+
+test("the CMS's own editions all have a photographer", () => {
+  const works = editionWorks(new URL('..', import.meta.url).pathname);
+  assert.ok(works.length > 0);
+  for (const work of works) assert.deepEqual(workProblems(work, work.id), []);
+});

package/lib/licenses.mjs

@@ -433,6 +433,40 @@ const HELPERS = [
 ];
 const OWN_VIRTUAL = [/^\0virtual:(app-folders|all-icons|material-symbols|theme-coverage)$/, /^\0site-theme-icons?(:|$)/, /^\0app-self:/];
 
+// ---------------------------------------------------------------------------------------------------
+// The editions' photos
+
+/** The licence of the editions' photos (release-notes/editions/), as "Licenser" shows it. */
+export const UNSPLASH_LICENSE = 'Unsplash License';
+
+/** The photo of each edition the CMS carries (release-notes/editions/<version>.json and .webp, shown on the start screen
+ * after an update) as a work in "Licenser": a picture in the editor, its id `editions/<version>`, named after its place
+ * (en-US), by its photographer under the Unsplash License (license-texts/Unsplash.txt). An edition without a photographer
+ * gives a work without an author, which workProblems stops the build on.
+ * @param {string} cmsRoot the CMS package's folder @returns {object[]} */
+export function editionWorks(cmsRoot) {
+  const dir = join(cmsRoot, 'release-notes', 'editions');
+  if (!existsSync(dir)) return [];
+  const text = read(fileURLToPath(new URL('./license-texts/Unsplash.txt', import.meta.url)));
+  return readdirSync(dir)
+    .filter((f) => f.endsWith('.json'))
+    .sort()
+    .map((f) => {
+      const version = f.slice(0, -'.json'.length);
+      const edition = JSON.parse(readFileSync(join(dir, f), 'utf8'));
+      return {
+        id: `editions/${version}`,
+        name: edition.place?.['en-US'] ?? edition.name,
+        version: null,
+        author: edition.photo?.by ?? null,
+        license: UNSPLASH_LICENSE,
+        text,
+        kind: 'image',
+        where: ['editor'],
+      };
+    });
+}
+
 /** An app or a theme as licensesIntegration takes it: its kind and id, its name, version and who made it, its manifest
  * (its defineApp or its theme.json, with `license` and `thirdParty`), its folder, and whether the site is built with it
  * (an app installed; the theme in use, and the standard theme it builds on).
@@ -628,6 +662,12 @@ export function licensesIntegration({ root, iconPacks, owners }) {
           if (pack.theme) packWorks.set(pack.theme, [...(packWorks.get(pack.theme) ?? []), ...own.map((w) => w.id)]);
         }
 
+        // The editions' photos, which the editor shows after an update.
+        for (const work of editionWorks(fileURLToPath(new URL('..', import.meta.url)))) {
+          problems.push(...workProblems(work, `Udgaven ${work.id}`));
+          add(work);
+        }
+
         // The apps' and the themes' own licences and what they declare (checked by npm run check:content, with what they
         // give in place of what a package lacks), shipped or not; and what is shipped through them alone.
         const owned = [];

package/lib/releaseNotes.d.mts

@@ -66,6 +66,22 @@ export function bundledNotes(files: Record<string, ReleasedNotes>, images: Recor
     text: string;
     notes: Record<string, ReleaseNote[]>;
 }[];
+/** @typedef {{ version: string, name: string, place: Record<string, string>, by: string | null, image: string }} Edition  name: the place its photo is from, short ("Braies"); place: in full, per locale; by: its photographer; image: the photo's address */
+/**
+ * The edition the running version belongs to: of the editions in the package (release-notes/editions/<version>.json with
+ * its photo <version>.webp), the newest whose version is at most `version` (a test version x.y.z-next-… counts as x.y.z).
+ * @param {Record<string, { name?: string, place?: Record<string, string>, photo?: { by?: string } }>} files path -> the edition's file
+ * @param {Record<string, string>} images path -> the photo's address
+ * @param {string} version the running version
+ * @returns {Edition | undefined} undefined when there is none, or it has no name or no photo
+ */
+export function editionOf(files: Record<string, {
+    name?: string;
+    place?: Record<string, string>;
+    photo?: {
+        by?: string;
+    };
+}>, images: Record<string, string>, version: string): Edition | undefined;
 /**
  * The release notes and screenshots of `version` from an unzipped npm tar. Notes: package/release-notes/i18n/<locale>/<version>.json
  * per locale. Screenshots: one per card, at imagePath(). A missing or unreadable notes file leaves its locale out; a missing
@@ -120,6 +136,16 @@ export const IMAGE_WIDTH: 750;
 export const MAX_IMAGE_HEIGHT: 800;
 export function staleImageDirs(dirs: string[], version: string): string[];
 export function imageKey(version: string, locale: string, id: string): string;
+/**
+ * name: the place its photo is from, short ("Braies"); place: in full, per locale; by: its photographer; image: the photo's address
+ */
+export type Edition = {
+    version: string;
+    name: string;
+    place: Record<string, string>;
+    by: string | null;
+    image: string;
+};
 export type ReleaseNote = {
     id: string;
     kind: "card";

package/lib/releaseNotes.mjs

@@ -2,7 +2,7 @@
 // picks a locale's notes and those new since a version, builds the notes of the running minor line from the package files and reads a version's notes and screenshots from its tar.
 // Also builds the Worker's screenshot address and KV key, parses the address and adds the address to a version's cards.
 // Exposes MAX_IMAGE_BYTES, IMAGE_WIDTH, MAX_IMAGE_HEIGHT, webpSize, problemsOf, released, imagePath, notesFor, notesSince, bundledNotes, staleImageDirs, notesFromTar, imageUrl, imageKey,
-// parseImagePath and withImageUrls. Depends on ./cms-version.mjs and ./changelog.mjs; no node: imports.
+// parseImagePath, withImageUrls and editionOf. Depends on ./cms-version.mjs and ./changelog.mjs; no node: imports.
 import { compareVersions } from './cms-version.mjs';
 import { bytesFromTar, fileFromTar } from './changelog.mjs';
 
@@ -208,6 +208,28 @@ export function bundledNotes(files, images, version) {
     .map((v) => ({ version: v, text: '', notes: byVersion[v] }));
 }
 
+/** @typedef {{ version: string, name: string, place: Record<string, string>, by: string | null, image: string }} Edition  name: the place its photo is from, short ("Braies"); place: in full, per locale; by: its photographer; image: the photo's address */
+
+/**
+ * The edition the running version belongs to: of the editions in the package (release-notes/editions/<version>.json with
+ * its photo <version>.webp), the newest whose version is at most `version` (a test version x.y.z-next-… counts as x.y.z).
+ * @param {Record<string, { name?: string, place?: Record<string, string>, photo?: { by?: string } }>} files path -> the edition's file
+ * @param {Record<string, string>} images path -> the photo's address
+ * @param {string} version the running version
+ * @returns {Edition | undefined} undefined when there is none, or it has no name or no photo
+ */
+export function editionOf(files, images, version) {
+  const [base] = String(version ?? '').split('-');
+  if (!PLAIN.test(base)) return undefined;
+  const editions = Object.entries(files).flatMap(([path, file]) => {
+    const v = /\/editions\/([^/]+)\.json$/.exec(path)?.[1];
+    if (!v || !PLAIN.test(v) || compareVersions(v, base) > 0 || !isFilled(file?.name)) return [];
+    const image = Object.entries(images).find(([imagePath]) => imagePath.endsWith(`/editions/${v}.webp`))?.[1];
+    return image ? [{ version: v, name: file.name.trim(), place: file.place ?? {}, by: file.photo?.by ?? null, image }] : [];
+  });
+  return editions.sort((a, b) => compareVersions(b.version, a.version))[0];
+}
+
 /**
  * The screenshot folders of older minor lines: each x.y.z name whose major and minor differ from `version`'s. Never
  * `pending` or any other name.

package/lib/releaseNotes.test.mjs

@@ -19,6 +19,7 @@ import {
   imageKey,
   parseImagePath,
   withImageUrls,
+  editionOf,
 } from './releaseNotes.mjs';
 
 const card = (id, overrides = {}) => ({ id, kind: 'card', title: `Title ${id}`, text: `Text ${id}`, ...overrides });
@@ -360,3 +361,40 @@ test('withImageUrls sets the address on cards only and leaves the input alone',
 });
 
 test('withImageUrls gives undefined without notes', () => assert.equal(withImageUrls('0.14.0', undefined), undefined));
+
+test('editionOf picks the newest edition up to the running version, with its photo', () => {
+  const files = {
+    '../release-notes/editions/0.13.0.json': { name: 'Lofoten' },
+    '../release-notes/editions/0.14.2.json': {
+      name: ' Braies ',
+      place: { 'en-US': 'Lago di Braies, Italy' },
+      photo: { by: 'A Photographer' },
+    },
+    '../release-notes/editions/0.15.0.json': { name: 'Atacama' },
+  };
+  const images = {
+    '../release-notes/editions/0.13.0.webp': '/a/lofoten.webp',
+    '../release-notes/editions/0.14.2.webp': '/a/braies.webp',
+    '../release-notes/editions/0.15.0.webp': '/a/atacama.webp',
+  };
+  assert.deepEqual(editionOf(files, images, '0.14.2'), {
+    version: '0.14.2',
+    name: 'Braies',
+    place: { 'en-US': 'Lago di Braies, Italy' },
+    by: 'A Photographer',
+    image: '/a/braies.webp',
+  });
+  assert.equal(editionOf(files, images, '0.14.5').name, 'Braies');
+  assert.equal(editionOf(files, images, '0.14.2-next-20261107125019').name, 'Braies');
+  assert.equal(editionOf(files, images, '0.14.1').name, 'Lofoten');
+  assert.deepEqual(editionOf(files, images, '0.14.1').place, {});
+  assert.equal(editionOf(files, images, '0.14.1').by, null);
+  assert.equal(editionOf(files, images, '0.12.9'), undefined);
+  assert.equal(editionOf(files, images, 'not a version'), undefined);
+});
+
+test('editionOf skips an edition without a name or a photo', () => {
+  const files = { '../release-notes/editions/0.14.0.json': { name: 'Braies' }, '../release-notes/editions/0.14.1.json': { name: '' } };
+  assert.equal(editionOf(files, {}, '0.14.2'), undefined);
+  assert.equal(editionOf(files, { '../release-notes/editions/0.14.1.webp': '/x.webp' }, '0.14.2'), undefined);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morphemecms/cms",
-  "version": "0.14.2",
+  "version": "0.14.3-next-20261107145215",
   "description": "Morpheme CMS: the editor for a site built with Astro, its screens, its blocks and the rules a site gives it. See README.md.",
   "license": "MIT",
   "author": "Lars Adolfsen",

package/release-notes/editions/0.14.2.json

@@ -0,0 +1,12 @@
+{
+  "name": "Braies",
+  "place": {
+    "en-US": "Lago di Braies, South Tyrol, Italy",
+    "da-DK": "Lago di Braies, Sydtyrol, Italien"
+  },
+  "photo": {
+    "by": "Pietro De Grandi",
+    "source": "https://images.unsplash.com/photo-1501785888041-af3ef285b470",
+    "license": "https://unsplash.com/license"
+  }
+}

package/release-notes/i18n/da-DK/0.14.0.json

@@ -4,46 +4,46 @@
     {
       "id": "apps-turn-off",
       "kind": "card",
-      "title": "Slå en app fra uden at miste den",
-      "text": "Nogle gange vil du sætte en app på pause uden at skulle sætte den op igen bagefter. Åbn appen under Apps, og slå Aktiveret fra lige under beskrivelsen. Indstillingerne bliver liggende, så du kan slå den til igen, når du vil."
+      "title": "Sæt en app på pause uden at miste indstillingerne",
+      "text": "Nu kan du slå en app fra og beholde dens indstillinger. Åbn appen under Apps, og slå Aktiveret fra. Slå den til igen, når du vil."
     },
     {
       "id": "developer-menu",
       "kind": "line",
-      "text": "Avanceret hedder nu Udvikler under Indstillinger, med Dele samt Caching og builds; gamle links virker stadig."
+      "text": "Avanceret under Indstillinger hedder nu Udvikler, og dine gamle links virker stadig"
     },
     {
       "id": "dynamic-lists-page",
       "kind": "line",
-      "text": "Lister hedder nu Dynamiske lister, én række i menuen, der åbner en side med alle dine lister."
+      "text": "Lister i menuen hedder nu Dynamiske lister og åbner en side med alle dine lister"
     },
     {
       "id": "editor-footer",
       "kind": "card",
-      "title": "Se om GitHub og Cloudflare virker",
-      "text": "Når noget ikke vil gemme eller udgive, vil du gerne vide, om problemet er din hjemmeside eller de tjenester, den kører på. Rul ned til bunden af editoren, og tryk på Driftsstatus. Den tjekker kun de tjenester, din hjemmeside bruger."
+      "title": "Tjek GitHub og Cloudflare",
+      "text": "Hvis du ikke kan gemme eller udgive, så se, om GitHub og Cloudflare virker. Rul ned til bunden af editoren, og tryk på Driftsstatus. Den tjekker kun de tjenester, din hjemmeside bruger."
     },
     {
       "id": "editor-toolbar-dock",
       "kind": "line",
-      "text": "På en telefon er værktøjslinjen til tekst slankere og holder samme afstand til kanterne."
+      "text": "På en telefon fylder værktøjslinjen til tekst mindre"
     },
     {
       "id": "google-preview-closer",
       "kind": "card",
-      "title": "En Google-forhåndsvisning, der ligner Google",
-      "text": "Du vil gerne se, hvordan en side ser ud på Google, før du udgiver den. Åbn en side eller et indlæg, og se Google-forhåndsvisningen. Den ligner nu Google på både telefon og computer, og dit vigtigste søgeord står med fed."
+      "title": "Se din side, som Google viser den",
+      "text": "Forhåndsvisningen af Google-resultatet ligner nu Googles eget på både telefon og computer, og dit vigtigste søgeord står med fed. Åbn en side eller et blogindlæg, og se under Søgemaskiner."
     },
     {
       "id": "morpheme-connection-page",
       "kind": "line",
-      "text": "Din Forbindelse til Appstore ligger nu på siden Morpheme under Indstillinger."
+      "text": "Forbindelse til Appstore ligger nu på siden Morpheme under Indstillinger"
     },
     {
       "id": "quiet-lamps-wander",
       "kind": "card",
       "title": "Se, hvad der er nyt",
-      "text": "Det kan være svært at følge med i, hvad der er nyt i Morpheme. Derfor får du nu et kort overblik over de nye funktioner efter hver opdatering. Du finder det hele samlet på siden Morpheme."
+      "text": "Efter hver opdatering får du nu et kort overblik over, hvad der er nyt. Alle noterne finder du på siden Morpheme under Indstillinger."
     }
   ]
 }

package/release-notes/i18n/da-DK/0.14.1.json

@@ -4,12 +4,12 @@
     {
       "id": "drawer-back-changes-screen",
       "kind": "line",
-      "text": "På en telefon fører et swipe tilbage med menuen åben dig nu til skærmen før og lukker menuen."
+      "text": "Swiper du tilbage på en telefon, mens menuen er åben, lukker menuen, og du kommer til skærmen før"
     },
     {
       "id": "notes-from-package",
       "kind": "line",
-      "text": "Noterne til din version vises nu lige efter en opdatering."
+      "text": "Noter som disse vises nu, lige når du har opdateret"
     }
   ]
 }

package/release-notes/i18n/da-DK/0.14.2.json

@@ -4,18 +4,18 @@
     {
       "id": "footer-scrolls-above-fab",
       "kind": "line",
-      "text": "På en telefon kan du nu rulle editorens bundlinje fri af plusknappen, også på korte skærme."
+      "text": "På en telefon skjuler plusknappen ikke længere linkene nederst i editoren"
     },
     {
       "id": "lists-follow-md3",
       "kind": "line",
-      "text": "Lister i editoren viser nu lyse rækker på en tonet side, som i Material 3."
+      "text": "Lister i editoren har større tekst og skiller sig bedre ud fra siden"
     },
     {
       "id": "update-card-whats-new",
       "kind": "card",
-      "title": "Nyhederne møder dig på startskærmen",
-      "text": "Efter en opdatering skal du ikke selv lede efter, hvad der er nyt. Øverst på startskærmen ser du nu den nye version og de vigtigste nyheder, med et billede af den største. Tryk på Se, hvad der er nyt for at se det hele."
+      "title": "Nyhederne står på din startskærm",
+      "text": "Efter en opdatering viser startskærmen øverst den nye version og de vigtigste nyheder. Tryk på Se, hvad der er nyt for at læse det hele."
     }
   ]
 }

package/release-notes/i18n/da-DK/pending/edition-photo-card.json

@@ -0,0 +1,6 @@
+{
+  "id": "edition-photo-card",
+  "kind": "card",
+  "title": "Hver opdatering har sit eget sted",
+  "text": "Et lille kort øverst på startskærmen viser nu hver udgivelses foto og det sted, den er opkaldt efter. Tryk på Læs mere for at se nyhederne."
+}

package/release-notes/i18n/en-US/0.14.0.json

@@ -4,46 +4,46 @@
     {
       "id": "apps-turn-off",
       "kind": "card",
-      "title": "Turn an app off without losing it",
-      "text": "Sometimes you want to pause an app without setting it up again later. Open the app under Apps and turn off Enabled, right below its description. Its settings stay, so you can turn it on again whenever you like."
+      "title": "Pause an app without losing its settings",
+      "text": "You can now turn an app off and keep its settings. Open the app under Apps and turn off Enabled. Turn it on again whenever you like."
     },
     {
       "id": "developer-menu",
       "kind": "line",
-      "text": "Advanced is now Developer under Settings, with Parts and Caching and builds; old links still work."
+      "text": "Advanced under Settings is now called Developer, and your old links still work"
     },
     {
       "id": "dynamic-lists-page",
       "kind": "line",
-      "text": "Lists is now Dynamic lists, one menu row that opens a page with all your lists."
+      "text": "Lists in the menu is now Dynamic lists and opens a page with all your lists"
     },
     {
       "id": "editor-footer",
       "kind": "card",
-      "title": "See if GitHub and Cloudflare are working",
-      "text": "When something won't save or publish, you want to know if the problem is your site or the services it runs on. Scroll to the bottom of the editor and tap System status. It checks only the services your site uses."
+      "title": "Check GitHub and Cloudflare",
+      "text": "If you can’t save or publish, see whether GitHub and Cloudflare are working. Scroll to the bottom of the editor and tap System status. It checks only the services your website uses."
     },
     {
       "id": "editor-toolbar-dock",
       "kind": "line",
-      "text": "On a phone, the text toolbar is slimmer and keeps an even gap to the edges."
+      "text": "On a phone, the text toolbar takes up less room"
     },
     {
       "id": "google-preview-closer",
       "kind": "card",
-      "title": "A Google preview that looks like Google",
-      "text": "You want to see how a page looks in Google before you publish it. Open a page or post and look at its Google preview. It now matches Google on a phone and a computer, with your main keyword in bold."
+      "title": "See your page as Google shows it",
+      "text": "The Google preview now looks like the real result on a phone and a computer, with your main keyword in bold. Open a page or blog post and look under Search engines."
     },
     {
       "id": "morpheme-connection-page",
       "kind": "line",
-      "text": "Your Store connection now sits on the Morpheme page under Settings."
+      "text": "Store connection is now on the Morpheme page under Settings"
     },
     {
       "id": "quiet-lamps-wander",
       "kind": "card",
-      "title": "See what's new",
-      "text": "It can be hard to keep up with what's new in Morpheme. So after each update, you now get a short overview of the new features. You'll find it all in one place on the Morpheme page."
+      "title": "See what’s new",
+      "text": "After each update, you now get a short summary of what’s new. You’ll find all the notes on the Morpheme page under Settings."
     }
   ]
 }

package/release-notes/i18n/en-US/0.14.1.json

@@ -4,12 +4,12 @@
     {
       "id": "drawer-back-changes-screen",
       "kind": "line",
-      "text": "On a phone, swiping back with the menu open now takes you to the screen before and closes the menu."
+      "text": "On a phone, swiping back with the menu open closes the menu and takes you to the previous screen"
     },
     {
       "id": "notes-from-package",
       "kind": "line",
-      "text": "The notes for your version now show right after an update."
+      "text": "Notes like these now show right after you update"
     }
   ]
 }

package/release-notes/i18n/en-US/0.14.2.json

@@ -4,18 +4,18 @@
     {
       "id": "footer-scrolls-above-fab",
       "kind": "line",
-      "text": "On a phone, you can now scroll the editor's footer clear of the add button, also on short screens."
+      "text": "On a phone, the add button no longer hides the links at the bottom of the editor"
     },
     {
       "id": "lists-follow-md3",
       "kind": "line",
-      "text": "Lists in the editor now show light rows on a tinted page, as in Material 3."
+      "text": "Lists in the editor have larger text and stand out more from the page"
     },
     {
       "id": "update-card-whats-new",
       "kind": "card",
-      "title": "What's new meets you on the start screen",
-      "text": "After an update, you shouldn't have to look for what's new yourself. The top of the start screen now shows the new version and the main news, with a picture of the biggest one. Tap See what's new to see it all."
+      "title": "What’s new, right on your start screen",
+      "text": "After an update, the top of the start screen shows the new version and its main news. Tap See what’s new to read it all."
     }
   ]
 }

package/release-notes/i18n/en-US/pending/edition-photo-card.json

@@ -0,0 +1,6 @@
+{
+  "id": "edition-photo-card",
+  "kind": "card",
+  "title": "Each update has its own place",
+  "text": "A small card at the top of the start screen now shows each release’s photo and the place it’s named after. Tap Read more to see what’s new."
+}

package/src/Licenses.tsx

@@ -17,6 +17,7 @@ import { apps } from './registry';
 import { themes } from './themes';
 import { byText } from './schema';
 import { PACKAGE } from '../lib/cms-version.mjs';
+import { editionPhotos } from './bundledNotes';
 import { locale, t } from './i18n';
 import {
   CMS_NAME,
@@ -242,6 +243,8 @@ export function LicensePage({ id }: { id: string }) {
   const isCms = work?.id === PACKAGE;
   const name = isCms ? t.licenses.own(CMS_NAME) : (work?.name ?? (owner ? t.licenses.own(ownerName(owner)) : t.common.parts.licenses));
   const text = work?.text ?? owner?.text;
+  // An edition's photo (editions/<version>, editionWorks in lib/licenses.mjs): the whole photo, uncropped.
+  const photo = work?.id.startsWith('editions/') ? editionPhotos[work.id.slice('editions/'.length)] : undefined;
   const back = { href: `#${LICENSES_ROUTE}`, label: t.common.parts.licenses };
   return (
     <Screen title={name} wide back={back}>
@@ -258,6 +261,7 @@ export function LicensePage({ id }: { id: string }) {
               <OwnRow owner={(work ?? owner)!} name={isCms ? CMS_NAME : ownerName(owner!)} open={false} />
             )}
           </Group>
+          {photo && <img src={photo} alt={work!.name} className="mb-8 block h-auto w-full rounded-xl" />}
           <section className="mb-8">
             <GroupTitle>{t.licenses.text}</GroupTitle>
             {work?.standard && <SupportingText className="mb-3 px-4">{t.licenses.standardText(work.license)}</SupportingText>}

package/src/ReleaseNoteLines.tsx

@@ -0,0 +1,17 @@
+// The smaller changes of a version as a list under "Also in this version", one line each.
+// Exposes ReleaseNoteLines. Depends on i18n and the release note type of lib/releaseNotes.mjs.
+import { t } from './i18n';
+import type { ReleaseNote } from '../lib/releaseNotes.mjs';
+
+export function ReleaseNoteLines({ lines }: { lines: ReleaseNote[] }) {
+  return (
+    <div className="space-y-2">
+      <h4 className="text-base font-medium">{t.cms.alsoInThisVersion}</h4>
+      <ul className="list-disc space-y-1 ps-5 text-base marker:text-accent">
+        {lines.map((note) => (
+          <li key={note.id}>{note.text}</li>
+        ))}
+      </ul>
+    </div>
+  );
+}

package/src/ReleaseNoteSection.tsx

@@ -0,0 +1,12 @@
+// One release note card as a section of the release notes: its title and its text.
+// Exposes ReleaseNoteSection. Depends on the release note type of lib/releaseNotes.mjs.
+import type { ReleaseNote } from '../lib/releaseNotes.mjs';
+
+export function ReleaseNoteSection({ note }: { note: Extract<ReleaseNote, { kind: 'card' }> }) {
+  return (
+    <div className="space-y-1">
+      <h4 className="text-lg font-medium">{note.title}</h4>
+      <p className="text-base">{note.text}</p>
+    </div>
+  );
+}

package/src/ReleaseNotes.tsx

@@ -1,11 +1,13 @@
 // The release notes on the Morpheme page (#morpheme), as an article: its title, then per version a small heading, its
 // cards in the editor's language (else English) as sections with a title and a text, and its other changes as a list
 // under "Also in this version"; for a version without notes, its text. No cards and no screenshots: the start screen's
-// update card (UpdatesNotice.tsx) shows the pictures. Exposes ReleaseNotes and VersionNotes. Depends on
-// lib/releaseNotes.mjs (notesFor) and i18n.
+// update card (UpdatesNotice.tsx) shows the pictures. Exposes ReleaseNotes and VersionNotes; it only composes
+// ReleaseNoteSection.tsx and ReleaseNoteLines.tsx. Depends on lib/releaseNotes.mjs (notesFor) and i18n.
 import { locale, t } from './i18n';
 import { notesFor } from '../lib/releaseNotes.mjs';
 import type { ReleaseNote } from '../lib/releaseNotes.mjs';
+import { ReleaseNoteSection } from './ReleaseNoteSection';
+import { ReleaseNoteLines } from './ReleaseNoteLines';
 
 export type VersionNotes = { version: string; text: string; notes?: Record<string, ReleaseNote[]> };
 
@@ -20,21 +22,9 @@ function VersionEntry({ entry }: { entry: VersionNotes }) {
       <h3 className="text-sm font-medium text-muted">{t.cms.running(entry.version)}</h3>
       {!notes.length && entry.text && <p className="text-base">{entry.text}</p>}
       {cards.map((note) => (
-        <div key={note.id} className="space-y-1">
-          <h4 className="text-lg font-medium">{note.title}</h4>
-          <p className="text-base">{note.text}</p>
-        </div>
+        <ReleaseNoteSection key={note.id} note={note} />
       ))}
-      {lines.length > 0 && (
-        <div className="space-y-2">
-          <h4 className="text-base font-medium">{t.cms.alsoInThisVersion}</h4>
-          <ul className="list-disc space-y-1 ps-5 text-base marker:text-accent">
-            {lines.map((note) => (
-              <li key={note.id}>{note.text}</li>
-            ))}
-          </ul>
-        </div>
-      )}
+      {lines.length > 0 && <ReleaseNoteLines lines={lines} />}
     </section>
   );
 }

package/src/Screen.tsx

@@ -14,7 +14,7 @@
 // Under the content of every screen is the editor's footer (EditorFooter.tsx), at the bottom of the window when the content
 // is short (the screen fills the column under the bar, TopBarLayout). Below medium, while the screen has a floating action
 // button (fabPresence.tsx), there is room for it under the footer (data-clearance): the page is that much taller than the
-// window (--editor-fab-clearance, editor.css), so a short screen still has its footer at the bottom of the window and can
+// window (--fab-room and --editor-fab-clearance, editor.css), so a short screen still has its footer at the bottom of the window and can
 // be scrolled up to show it above the FAB.
 import { useId, type MouseEvent, type ReactNode } from 'react';
 import { createPortal } from 'react-dom';
@@ -180,7 +180,7 @@ export default function Screen<T extends string>({
       <div className="flex flex-1">
         <main
           data-clearance={fabs.count > 0}
-          className={`editor-screen flex min-w-0 flex-1 flex-col px-4 pt-6 pb-[env(safe-area-inset-bottom)] data-[clearance=true]:pb-[calc(4.5rem+env(safe-area-inset-bottom))] medium:px-6 medium:pt-8 medium:pb-4 medium:data-[clearance=true]:pb-4 ${width}`}
+          className={`editor-screen flex min-w-0 flex-1 flex-col px-4 pt-6 pb-[env(safe-area-inset-bottom)] data-[clearance=true]:pb-[calc(var(--fab-room)+env(safe-area-inset-bottom))] medium:px-6 medium:pt-8 medium:pb-4 medium:data-[clearance=true]:pb-4 ${width}`}
         >
           {/* At expanded and wider: the way here, the title and the status, under the bar. */}
           <div className="mb-6 hidden min-w-0 items-center gap-x-2 expanded:flex">

package/src/UpdatesNotice.tsx

@@ -1,11 +1,13 @@
-// At the top of the start screen: what was updated since the last visit in this browser, as a card with a close button
-// that marks it seen, in the accent (the editor's blue). For the CMS: its new version large, how many new things it brings and the first of them from the
-// notes the package carries (bundledNotes.ts: the first with a screenshot large, then the titles and texts of the next),
-// and a button to the Morpheme page with all of them; for each app installed from the store: a row with its icon and new
-// version, to its Information tab. Exposes UpdatesNotice. The logic is startView.mjs's (changesSince) and
-// releaseNotes.mjs's (notesSince), the storage startStorage.ts's, the card, rows and buttons the theme's (themeUi.ts, ui.tsx).
-import { useEffect, useState } from 'react';
-import { ArrowRight, Sparkle } from '@phosphor-icons/react';
+// At the top of the start screen: what was updated since the last visit in this browser, as a card with Close, which
+// marks it seen, and Read more. For the CMS: the photo of its edition (release-notes/editions/, named after the place the
+// photo is from), 3:2 with rounded corners, above the text in the compact window class and from the medium class up to
+// the left of it, as high as the card; "Morpheme <edition> <version>" (the headline), the place in full (the subhead,
+// with an info button after it that credits the photographer, PhotoCredit), how many new things it brings (the supporting
+// text, bundledNotes.ts) and Read more to the Morpheme page with all of them; for each app installed from the store: a
+// row with its icon and new version, to its Information tab. Exposes UpdatesNotice. The logic is startView.mjs's
+// (changesSince) and releaseNotes.mjs's (notesSince, editionOf), the storage startStorage.ts's, the card, rows, buttons
+// and tooltip the theme's (themeUi.ts, ui.tsx).
+import { useEffect, useRef, useState } from 'react';
 import { version } from '../package.json';
 import { locale, t } from './i18n';
 import { installedApps } from './apps';
@@ -13,17 +15,16 @@ import { apps } from './site';
 import { changesSince, versioned, type Versions } from './startView.mjs';
 import { keepStored, SEEN, storedSeen } from './startStorage';
 import type { RepoFile } from './github';
-import { SiteCard } from './themeUi';
-import { CloseButton, LinkButton, ListItem, plainListClass } from './ui';
+import { SiteCard, SiteTooltip } from './themeUi';
+import { Svg } from './icon';
+import { Button, LinkButton, ListItem, plainListClass } from './ui';
 import { CMS_ROUTE } from './CmsPage';
+import { LICENSES_ROUTE } from './Licenses';
 import { appHref } from './AppList';
-import { runningNotes } from './bundledNotes';
-import { notesSince, type ReleaseNote } from '../lib/releaseNotes.mjs';
+import { runningEdition, runningNotes } from './bundledNotes';
+import { notesSince } from '../lib/releaseNotes.mjs';
 import { INFO_KEY } from '../lib/appRoute.mjs';
 
-/** How many of the new things the card shows; the Morpheme page has them all. */
-const SHOWN = 3;
-
 /** The CMS's version and those of the apps installed from the store, as the editor is built with them now. */
 function versionsNow(files: RepoFile[]): Versions {
   const installed = installedApps(files);
@@ -33,28 +34,61 @@ function versionsNow(files: RepoFile[]): Versions {
   };
 }
 
-/** The first new thing with a screenshot, large: the screenshot fills the top (its top part), its title under it. */
-function Lead({ note }: { note: Extract<ReleaseNote, { kind: 'card' }> }) {
+/** The info button right after the place's name (the theme's info icon, which every icon pack has), with a rich
+ * tooltip: who took the photo, on Unsplash, and a link to its licence under "Licenses". It opens while the mouse is over
+ * the button or the tooltip, while focus is in them, and on a tap (a second tap closes it); Escape closes it. Under the
+ * button, from its end, at most 15rem wide, so it stays on a phone's screen. */
+function PhotoCredit({ by, version }: { by: string; version: string }) {
+  const [open, setOpen] = useState(false);
+  const leave = useRef<ReturnType<typeof setTimeout>>(undefined);
+  // When it opened: a tap focuses the button (which opens it) just before its click, which must not close it again.
+  const openedAt = useRef(0);
+  const show = () => {
+    clearTimeout(leave.current);
+    if (!open) openedAt.current = Date.now();
+    setOpen(true);
+  };
+  const hide = () => {
+    clearTimeout(leave.current);
+    leave.current = setTimeout(() => setOpen(false), 150);
+  };
+  // Escape closes it wherever the pointer and the focus are (WCAG 1.4.13).
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e: KeyboardEvent) => e.key === 'Escape' && setOpen(false);
+    document.addEventListener('keydown', onKey);
+    return () => document.removeEventListener('keydown', onKey);
+  }, [open]);
+  useEffect(() => () => clearTimeout(leave.current), []);
   return (
-    <div className="overflow-hidden rounded-xl bg-accent-container text-on-accent-container">
-      <img src={note.image} alt="" className="block h-44 w-full object-cover object-top" />
-      <p className="px-4 py-3 font-medium">{note.title}</p>
+    <div
+      className="-my-3 -ms-2.5 inline-flex align-middle"
+      onMouseEnter={show}
+      onMouseLeave={hide}
+      onFocus={show}
+      onBlur={(e) => !e.currentTarget.contains(e.relatedTarget) && hide()}
+    >
+      <SiteTooltip
+        open={open}
+        // Only `open` shows it: not the theme's fallback on hover and focus, which Escape could not close.
+        className="[&:not([data-tooltip-open])>.tooltip]:invisible [&:not([data-tooltip-open])>.tooltip]:opacity-0 [&>.tooltip]:start-auto [&>.tooltip]:end-0 [&>.tooltip]:top-[calc(100%-0.5rem)] [&>.tooltip]:bottom-auto [&>.tooltip]:max-w-60"
+        supportingText={t.library.photoBy(by)}
+        action={{ label: t.library.photoLicense, href: `#${LICENSES_ROUTE}/${encodeURIComponent(`editions/${version}`)}` }}
+      >
+        <button
+          type="button"
+          aria-label={t.library.photoInfo}
+          aria-expanded={open}
+          onClick={() => (open && Date.now() - openedAt.current < 400 ? undefined : open ? setOpen(false) : show())}
+          className="grid size-12 place-items-center rounded-full text-muted focus-visible:outline-2 focus-visible:outline-offset-[-8px]"
+        >
+          <Svg name="info" size={20} />
+        </button>
+      </SiteTooltip>
     </div>
   );
 }
 
-/** One more new thing: a sparkle and its title (a card) or its text (a line). */
-function Highlight({ note }: { note: ReleaseNote }) {
-  return (
-    <li className="flex items-center gap-3 rounded-xl bg-accent-container p-3 text-on-accent-container">
-      <span className="grid size-10 shrink-0 place-items-center rounded-full bg-accent text-on-accent">
-        <Sparkle size={20} weight="fill" aria-hidden />
-      </span>
-      <span className={note.kind === 'card' ? 'font-medium' : 'text-sm'}>{note.kind === 'card' ? note.title : note.text}</span>
-    </li>
-  );
-}
-
 /** The first visit, and a visit with nothing new, only notes the versions. */
 export function UpdatesNotice({ files }: { files: RepoFile[] }) {
   const now = versionsNow(files);
@@ -74,48 +108,49 @@ export function UpdatesNotice({ files }: { files: RepoFile[] }) {
     return app ? [{ app, version: c.version }] : [];
   });
   const news = cms ? notesSince(runningNotes, cms.from, locale) : [];
-  const lead = news.find((note): note is Extract<ReleaseNote, { kind: 'card' }> => note.kind === 'card' && !!note.image);
-  const rest = news.filter((note) => note !== lead);
+  const edition = cms && runningEdition;
+  const place = edition && (edition.place[locale] ?? edition.place['en-US']);
+  const title = cms
+    ? edition
+      ? t.library.cmsEdition(edition.name, cms.version)
+      : t.library.cmsVersion(cms.version)
+    : t.library.appsUpdated(updatedApps.length);
   return (
-    <SiteCard
-      kind="filled"
-      as="section"
-      role="status"
-      aria-labelledby="updates-title"
-      className="relative mb-8 text-on-accent [--card-filled-surface:var(--accent)] [--card-padding:0] [--icon-button-standard-text:var(--on-accent)]"
-    >
-      <CloseButton onClick={close} />
-      <div className="flex items-center gap-4 p-4 pe-14">
-        <span className="grid size-12 shrink-0 place-items-center rounded-full bg-on-accent text-accent">
-          <Sparkle size={26} weight="fill" aria-hidden />
-        </span>
-        <div className="min-w-0">
-          <h2 id="updates-title" className="text-sm font-medium">
-            {t.library.updatesTitle}
+    <SiteCard kind="outlined" as="section" role="status" aria-labelledby="updates-title" className="mb-8 [--card-padding:0]">
+      <div className="grid medium:grid-cols-[auto_1fr]">
+        {edition && (
+          <div className="relative aspect-[3/2] w-full medium:h-full medium:w-auto">
+            <img src={edition.image} alt="" className="absolute inset-0 size-full rounded-xl object-cover" />
+          </div>
+        )}
+        <div className="flex min-w-0 flex-col p-4">
+          <h2
+            id="updates-title"
+            className="text-[length:var(--type-headline-small-size)] leading-[var(--type-headline-small-line-height)] [overflow-wrap:anywhere]"
+          >
+            {title}
           </h2>
-          <p className="text-2xl leading-tight">{cms ? t.library.cmsVersion(cms.version) : t.library.appsUpdated(updatedApps.length)}</p>
-          {news.length > 0 && <p className="text-sm opacity-85">{t.library.newThings(news.length)}</p>}
+          {place && (
+            <p className="mt-1 text-sm">
+              {place}
+              {edition.by && <PhotoCredit by={edition.by} version={edition.version} />}
+            </p>
+          )}
+          {news.length > 0 && <p className="mt-2 text-sm text-muted">{t.library.newThings(news.length)}</p>}
+          <div className="mt-auto flex flex-wrap justify-end gap-2 pt-4">
+            <Button kind="text" size="small" onClick={close}>
+              {t.common.close}
+            </Button>
+            {cms && (
+              <LinkButton kind="filled" size="small" href={`#${CMS_ROUTE}`}>
+                {t.library.readMore}
+              </LinkButton>
+            )}
+          </div>
         </div>
       </div>
-      {news.length > 0 && (
-        <div className="space-y-2 px-4">
-          {lead && <Lead note={lead} />}
-          <ul className="space-y-2">
-            {rest.slice(0, lead ? SHOWN - 1 : SHOWN).map((note) => (
-              <Highlight key={note.id} note={note} />
-            ))}
-          </ul>
-        </div>
-      )}
-      {cms && (
-        <div className="px-4 pt-4 pb-4">
-          <LinkButton kind="tonal" href={`#${CMS_ROUTE}`} icon={ArrowRight}>
-            {t.library.seeWhatsNew}
-          </LinkButton>
-        </div>
-      )}
       {updatedApps.length > 0 && (
-        <ul className={`${plainListClass} mx-4 mb-4 overflow-hidden rounded-xl bg-accent-container text-on-accent-container`}>
+        <ul className={`${plainListClass} border-t border-line`}>
           {updatedApps.map(({ app, version }) => (
             <ListItem
               key={app.id}

package/src/bundledNotes.ts

@@ -1,7 +1,9 @@
 // The release notes of the minor line this package is in (x.y.0 up to its version): read at build time from the package's own release-notes/ files.
-// Exposes runningNotes (the entries the Morpheme page shows, newest first; empty when the line has none).
+// Exposes runningNotes (the entries the Morpheme page shows, newest first; empty when the line has none) and runningEdition
+// (the edition this version belongs to: the place its photo is from, short and in full, and the photo; undefined when there is none)
+// and editionPhotos (each edition's photo by its version).
 // Depends on lib/releaseNotes.mjs (bundledNotes) and package.json's version. The globs are relative, so they work here and in a site's node_modules.
-import { bundledNotes } from '../lib/releaseNotes.mjs';
+import { bundledNotes, editionOf } from '../lib/releaseNotes.mjs';
 import { version } from '../package.json';
 import type { ReleasedNotes } from '../lib/releaseNotes.mjs';
 
@@ -9,3 +11,25 @@ const files = import.meta.glob<ReleasedNotes>('../release-notes/i18n/*/*.json',
 const images = import.meta.glob<string>('../release-notes/i18n/*/*/*.webp', { eager: true, query: '?url', import: 'default' });
 
 export const runningNotes = bundledNotes(files, images, version);
+
+const editions = import.meta.glob<{ name?: string; place?: Record<string, string>; photo?: { by?: string } }>(
+  '../release-notes/editions/*.json',
+  {
+    eager: true,
+    import: 'default',
+  },
+);
+const editionImages = import.meta.glob<string>('../release-notes/editions/*.webp', { eager: true, query: '?url', import: 'default' });
+
+export const runningEdition = editionOf(editions, editionImages, version);
+
+/** Each edition's photo, whole, by its version: on its page under "Licenses" (LicensePage). */
+export const editionPhotos: Record<string, string> = Object.fromEntries(
+  Object.entries(editionImages).map(([path, url]) => [
+    path
+      .split('/')
+      .pop()!
+      .replace(/\.webp$/, ''),
+    url,
+  ]),
+);

package/src/editor.css

@@ -8,6 +8,9 @@
   --editor-menu-surface: var(--surface-container-lowest);
   --editor-menu-shadow: var(--elevation-2);
 
+  /* The room a screen leaves for its FAB under the footer: Screen.tsx's padding and --editor-fab-clearance (below medium). */
+  --fab-room: 4.5rem;
+
   /* How a check went (CheckList: the SEO rating), as PageSpeed shows it: the mark before a check that is fine and one
      that can be done better, and the score's ring (from 90 good, from 50 average, else bad) with its number and the
      light circle in it; the same in every theme. */
@@ -424,7 +427,7 @@
    the window and can be scrolled up to show it above the FAB. */
 @media (width < theme(--breakpoint-medium)) {
   :root:has(.editor-screen[data-clearance='true']) {
-    --editor-fab-clearance: 4.5rem;
+    --editor-fab-clearance: var(--fab-room);
   }
 }
 

package/src/i18n/da-DK/library.ts

@@ -8,10 +8,13 @@ export const library: Messages['library'] = {
   continueTitle: 'Fortsæt, hvor du slap',
   continueEmpty: 'De sider og indlæg, du redigerer, vises her.',
   recentEdit: (kind, when) => `${kind} · Redigeret ${when}`,
-  updatesTitle: 'Opdateret siden dit sidste besøg',
+  cmsEdition: (edition, version) => `Morpheme ${edition} ${version}`,
   appsUpdated: (count) => (count === 1 ? '1 app er opdateret' : `${count} apps er opdateret`),
   newThings: (count) => (count === 1 ? '1 nyhed' : `${count} nyheder`),
-  seeWhatsNew: 'Se, hvad der er nyt',
+  readMore: 'Læs mere',
+  photoInfo: 'Om billedet',
+  photoBy: (name) => `Foto af ${name} på Unsplash`,
+  photoLicense: 'Se licens',
   appUpdatedTo: (version) => `Opdateret til ${version}`,
   githubAccount: (login) => `GitHub-konto: ${login}`,
   logOut: 'Log ud',

package/src/i18n/en-US/library.ts

@@ -15,13 +15,19 @@ export const library = {
   /** Under each of them: its kind ("Page") and when it was saved ("today at 1:42 PM", when.ts). */
   recentEdit: (kind: string, when: string) => `${kind} · Edited ${when}`,
   /** At the top of the start screen (UpdatesNotice.tsx): the card with what was updated since the last visit in this
-   * browser. Its title, over the CMS's new version (cmsVersion) or, with only apps updated, how many. */
-  updatesTitle: 'Updated since your last visit',
+   * browser. Its headline: the CMS's name, its edition (the place the edition's photo is from: "Braies") and its new
+   * version; without an edition, cmsVersion; with only apps updated, how many (appsUpdated). */
+  cmsEdition: (edition: string, version: string) => `Morpheme ${edition} ${version}`,
   appsUpdated: (count: number) => (count === 1 ? '1 app updated' : `${count} apps updated`),
   /** Under the CMS's new version: how many new things its release notes have since the version seen last. */
   newThings: (count: number) => (count === 1 ? '1 new thing' : `${count} new things`),
   /** The button to the Morpheme page, with all the release notes. */
-  seeWhatsNew: 'See what’s new',
+  readMore: 'Read more',
+  /** The info button on the edition's photo in that card, and its tooltip: who took the photo, and a link to its
+   * licence under "Licenses". */
+  photoInfo: 'About the photo',
+  photoBy: (name: string) => `Photo by ${name} on Unsplash`,
+  photoLicense: 'See license',
   /** Under an updated app's name. */
   appUpdatedTo: (version: string) => `Updated to ${version}`,
   githubAccount: (login: string) => `GitHub account: ${login}`,