Add language switch and about page

package.json

@@ -26,8 +26,8 @@
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.19.0",
     "@sveltejs/adapter-static": "^3.0.1",
-    "@sveltejs/kit": "^2.5.27",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@sveltejs/kit": "^2.53.0",
+    "@sveltejs/vite-plugin-svelte": "^4.0.4",
     "@tailwindcss/vite": "^4.0.0",
     "@types/eslint": "^9.6.1",
     "@types/node": "^24.0.1",

src/lib/almanac.ts

@@ -1,27 +1,31 @@
 import { browser } from "$app/environment"
 import diceChart from "$lib/assets/dice_chart.json"
-import almanacText from "$lib/assets/neunhundert-neun-und-neunzig-und-noch-etliche-almanachs-lustspiele.xml?raw"
+import germanAlmanacText from "$lib/assets/neunhundert-neun-und-neunzig-und-noch-etliche-almanachs-lustspiele.xml?raw"
+import englishAlmanacText from "$lib/assets/rolling-the-dice-for-999-and-many-more-almanac-comedies.xml?raw"
 import xslStyle from "$lib/assets/transform.xsl?raw"
 import { validateDiceChart, validateSegments } from "$lib/validate"
 import { xsltTransform } from "$lib/xslt"
 
+type Locale = "de" | "en"
+
 export class Almanac {
-  static segmentsCache: Record<string, string> | null = null
-  static segmentsPromise: Promise<Record<string, string>> | null = null
+  static segmentsCache: Partial<Record<Locale, Record<string, string>>> = {}
+  static segmentsPromise: Partial<Record<Locale, Promise<Record<string, string>>>> = {}
 
-  static getDom() {
+  static getDom(locale: Locale = "de") {
     if (!browser) {
       throw new Error("getDom is only available in the browser")
     }
-    return new window.DOMParser().parseFromString(almanacText, "text/xml")
+    const text = locale === "de" ? germanAlmanacText : englishAlmanacText
+    return new window.DOMParser().parseFromString(text, "text/xml")
   }
 
-  static async getSegments(): Promise<Record<string, string>> {
-    if (this.segmentsCache) return this.segmentsCache
-    if (this.segmentsPromise) return this.segmentsPromise
+  static async getSegments(locale: Locale = "de"): Promise<Record<string, string>> {
+    if (this.segmentsCache[locale]) return this.segmentsCache[locale]!
+    if (this.segmentsPromise[locale]) return this.segmentsPromise[locale]!
 
-    this.segmentsPromise = (async () => {
-      const dom = this.getDom()
+    this.segmentsPromise[locale] = (async () => {
+      const dom = this.getDom(locale)
       const segments: Record<string, string> = {}
       const segmentDivs = dom.querySelectorAll('div[type="segment"]')
 
@@ -33,11 +37,11 @@ export class Almanac {
       await Promise.all(promises)
 
       validateSegments(segments, 200 * 6)
-      this.segmentsCache = segments
+      this.segmentsCache[locale] = segments
       return segments
     })()
 
-    return this.segmentsPromise
+    return this.segmentsPromise[locale]!
   }
 
   static getDiceChart() {
@@ -52,9 +56,9 @@ export class Almanac {
     return diceChart[roll - 1][pips - 1]
   }
 
-  static async getSegment(roll: number, pips: number): Promise<Segment> {
+  static async getSegment(roll: number, pips: number, locale: Locale = "de"): Promise<Segment> {
     const id = this.getSegmentId(roll, pips)
-    return { id, html: (await this.getSegments())[id] }
+    return { id, html: (await this.getSegments(locale))[id] }
   }
 }
 

src/lib/assets/neunhundert-neun-und-neunzig-und-noch-etliche-almanachs-lustspiele.xml

@@ -56,6 +56,7 @@
         <change when="2024-02-22">initial conversion from source</change>
         <change when="2024-06-26">minor corrections</change>
         <change when="2025-02-05">minor corrections</change>
+        <change when="2025-09-23">add scene titles missing in original</change>
       </listChange>
     </revisionDesc>
   </teiHeader>
@@ -2507,7 +2508,7 @@
           <sp who="#zofe">
             <speaker>Das Kammerm.</speaker>
             <p>Richtig. Und das Stück könnte heißen. U. A. z. n., oder: <emph>Der geprellte
-                Akte</emph>.</p>
+                Alte</emph>.</p>
           </sp>
           <sp who="#liebhaberin">
             <speaker>Die Nichte.</speaker>
@@ -3531,6 +3532,8 @@
         </div>
         <pb n="95"/>
         <div n="418" type="segment">
+          <head><supplied>Dritter Auftritt.</supplied></head>
+          <stage><supplied>Die Vorigen. Der Liebhaber.</supplied></stage>
           <sp who="#liebhaber">
             <speaker>Der Liebh.</speaker>
             <stage>(sie umfassend)</stage>
@@ -5996,6 +5999,7 @@
           </sp>
         </div>
         <div n="725" subtype="manicule-left" type="segment">
+          <head><supplied>Vierzehnter Auftritt.</supplied></head>
           <stage>Der Oheim. Das Kammermädchen.</stage>
           <pb n="160"/>
           <sp who="#diener">
@@ -8718,6 +8722,7 @@
           </sp>
         </div>
         <div n="1047" type="segment">
+          <head><supplied>Vierzehnter Auftritt.</supplied></head>
           <stage>Der Oheim. Das Kammermädchen. Der Diener.</stage>
           <stage>(Der Letztere ist auffallend als Stutzer gekleidet. Er spricht <pb n="235"/> im
             Berlinischen, sächsischen, pommerschen oder im Mecklenburger-Bauern-Dialekt; wie es dem