Translate the whole site to English: English routes with 301 redirects from the Dutch paths, English UI, docs, seeds and captions, one-time live content migration

molodetz/static/js/components/Chat.js

@@ -12,11 +12,11 @@ export class Chat extends Component {
     form.className = "chat-form";
     this.input = document.createElement("textarea");
     this.input.rows = 2;
-    this.input.setAttribute("aria-label", "Bericht");
+    this.input.setAttribute("aria-label", "Message");
     const send = document.createElement("button");
     send.type = "submit";
     send.className = "button small";
-    send.textContent = "Verstuur";
+    send.textContent = "Send";
     form.append(this.input, send);
     form.addEventListener("submit", (event) => {
       event.preventDefault();

molodetz/static/js/components/Code.js

@@ -23,13 +23,13 @@ export class Code extends Component {
     const button = document.createElement("button");
     button.type = "button";
     button.className = "copy-button";
-    button.textContent = "Kopieer";
+    button.textContent = "Copy";
     button.addEventListener("click", async () => {
       try {
         await navigator.clipboard.writeText(code.textContent);
-        Toast.flash(button, "Gekopieerd", 1500, "Kopieer");
+        Toast.flash(button, "Copied", 1500, "Copy");
       } catch {
-        Toast.flash(button, "Mislukt", 1500, "Kopieer");
+        Toast.flash(button, "Failed", 1500, "Copy");
       }
     });
     this.prepend(button);

molodetz/static/js/components/Dialog.js

@@ -10,7 +10,7 @@ export class Dialog extends Component {
     this.setAttribute("aria-modal", "true");
   }
 
-  confirm(message, { okLabel = "Ja", cancelLabel = "Annuleren" } = {}) {
+  confirm(message, { okLabel = "Yes", cancelLabel = "Cancel" } = {}) {
     return new Promise((resolve) => {
       this.replaceChildren();
       const box = document.createElement("div");

molodetz/static/js/components/Lightbox.js

@@ -7,7 +7,7 @@ export class Lightbox extends Component {
   setup() {
         this.setAttribute("role", "dialog");
     this.setAttribute("aria-modal", "true");
-    this.setAttribute("aria-label", "Afbeelding");
+    this.setAttribute("aria-label", "Image");
     this.hidden = true;
     this.image = document.createElement("img");
     this.image.alt = "";
@@ -16,7 +16,7 @@ export class Lightbox extends Component {
     this.closeButton = document.createElement("button");
     this.closeButton.type = "button";
     this.closeButton.className = "modal-close lightbox-close";
-    this.closeButton.setAttribute("aria-label", "Sluiten");
+    this.closeButton.setAttribute("aria-label", "Close");
     this.closeButton.textContent = "\u00d7";
     this.append(this.closeButton, this.image, this.caption);
     this.items = [];

molodetz/static/js/components/Upload.js

@@ -13,7 +13,7 @@ export class Upload extends Component {
     const button = document.createElement("button");
     button.type = "button";
     button.className = "button ghost small";
-    button.textContent = this.getAttribute("label") || "Bestand kiezen";
+    button.textContent = this.getAttribute("label") || "Choose file";
     button.addEventListener("click", () => this.input.click());
     this.input.addEventListener("change", () => this.emit("dp-files", { files: [...this.input.files] }));
     this.addEventListener("dragover", (event) => {