Publish under /why/, and the follow-ups to the rewrite

.github/workflows/pages.yml

@@ -1,5 +1,5 @@
 # Build, test and publish the page to GitHub Pages at
-# https://abap2ui5.github.io/test-docs/.
+# https://abap2ui5.github.io/why/.
 #
 # On a pull request it builds and tests only. On main it also deploys.
 #

AGENTS.md

@@ -3,7 +3,7 @@
 abap2UI5 for decision makers: one static page that presents abap2UI5 to IT
 management and product owners - what it can build, who runs it, where it is
 the shorter path to a UI5 app on SAP and where it is not, what it costs -
-published at https://abap2ui5.github.io/test-docs/ by GitHub Pages. A
+published at https://abap2ui5.github.io/why/ by GitHub Pages. A
 standalone site — its own repository, build and deployment — and nothing in
 it depends on abap2UI5/docs or abap2UI5/playground at build time.
 
@@ -24,7 +24,7 @@ it depends on abap2UI5/docs or abap2UI5/playground at build time.
 
 ```bash
 npm ci
-npm run dev      # dev server, http://localhost:4321/test-docs/
+npm run dev      # dev server, http://localhost:4321/why/
 npm run build    # dist/
 npm test         # the tests, against dist/ - build first
 npm run check    # build + test, what CI runs
@@ -49,9 +49,11 @@ npm run check    # build + test, what CI runs
 - **Short, honest, in this order.** A reader gives the page a few minutes:
   the visible text outside `<details>` stays under 2,600 words (the test holds
   it). The comparison names where abap2UI5 is *not* ahead (rows marked `even`,
-  the "Where something else fits better" box) and the support it has (community,
-  best effort, no vendor SLA on offer - `SUPPORT.md` in the framework is the
-  source). Proof ("Who runs it") comes before the comparison, cost before AI.
+  the "Where something else fits better" box) and the support it has: in the
+  open first - anyone can open an issue or send a pull request on GitHub at any
+  time - and more by mail to contact@abap2UI5.org on request; what is not on
+  offer is an SLA in a contract (`SUPPORT.md` in the framework is the source).
+  Never "no support": the open channel is the support, and the better one. Proof ("Who runs it") comes before the comparison, cost before AI.
   No superlatives ("better than every", "made for"); a claim a reader cannot
   check is cut, not softened. Add-ons, Basis steps and other developer topics
   are links into the manual, not sections.

README.md

@@ -5,7 +5,7 @@ architecture boards: what you can build with it, who runs it, where it is the
 shorter path to a UI5 app on SAP and where it is not, what your organization
 keeps, where it runs, what it costs, and how to start with one real screen.
 
-**→ https://abap2ui5.github.io/test-docs/**
+**→ https://abap2ui5.github.io/why/**
 
 A standalone site, independent of the
 [documentation](https://abap2ui5.github.io/docs/) and the
@@ -17,7 +17,7 @@ page; its one script is the cost calculator's.
 
 ```bash
 npm ci
-npm run dev       # http://localhost:4321/test-docs/
+npm run dev       # http://localhost:4321/why/
 npm run check     # build + tests, what CI runs
 ```
 

astro.config.mjs

@@ -1,5 +1,5 @@
 // abap2UI5 for decision makers - one static page, published by GitHub Pages at
-// https://abap2ui5.github.io/test-docs/ (.github/workflows/pages.yml).
+// https://abap2ui5.github.io/why/ (.github/workflows/pages.yml).
 //
 // Static output only: no client component, no island. The page's one script
 // is the cost calculator's public/calc.js, loaded as a file; the policy is
@@ -9,7 +9,7 @@ import { defineConfig } from "astro/config";
 
 export default defineConfig({
   site: "https://abap2ui5.github.io",
-  base: "/test-docs/",
+  base: "/why/",
   trailingSlash: "ignore",
   build: {
     format: "directory",

public/calc.js

@@ -28,7 +28,7 @@ if (root) {
     });
     const picked = [...root.querySelectorAll("input[name=calc-release]:checked")].map((i) => i.dataset.choice);
     echo("release", picked.length ? picked.join(", ") : "no system at all");
-    echo("support", root.querySelector("input[name=calc-support]:checked")?.dataset.choice || "No support");
+    echo("support", root.querySelector("input[name=calc-support]:checked")?.dataset.choice || "In the open");
     const zero = new Intl.NumberFormat("en-US", { style: "currency", currency: currency.value, maximumFractionDigits: 0 }).format(0);
     root.querySelectorAll("[data-amount]").forEach((el) => { el.textContent = zero; });
   };

src/components/CostCalculator.astro

@@ -4,7 +4,7 @@
  * and the page says why on each one.
  *
  * It works without its script: the sheet is in the page with the default
- * values, and /test-docs/calc.js (public/calc.js, a file of its own because the
+ * values, and /why/calc.js (public/calc.js, a file of its own because the
  * policy allows scripts from this origin only, never inline) makes the sliders
  * speak, hides the sheet until Calculate and echoes the choices into it. */
 const DOCS = "https://abap2ui5.github.io/docs/";
@@ -37,7 +37,7 @@ const lines = [
   ["Platform", ": the same class runs on every one of them, from 7.02 up", "release"],
   ["Runtime", ", every one of them served by your own ABAP stack", "roundtrips"],
   ["Frontend hosting", "the UI5 your system already ships, and no frontend deployment", null],
-  ["Support", ": GitHub issues and Slack are open to everybody either way", "support"],
+  ["Support", ": Slack and GitHub issues are open to anyone at any time; more by mail, planned together", "support"],
   ["Upgrades", " of releases, each one an abapGit pull", "term"],
 ];
 ---
@@ -55,7 +55,7 @@ const lines = [
     ))}
     <fieldset class="calc-row calc-choices">
       <legend>Support</legend>
-      <span><label><input type="radio" name="calc-support" value="none" data-choice="No support"> No support</label><label><input type="radio" name="calc-support" value="community" data-choice="Community support" checked> Community support</label></span>
+      <span><label><input type="radio" name="calc-support" value="community" data-choice="In the open" checked> In the open: Slack, GitHub issues, pull requests</label><label><input type="radio" name="calc-support" value="mail" data-choice="In the open, plus the maintainers by mail"> Plus the maintainers by mail</label></span>
     </fieldset>
     {sliders.slice(5).map(([id, text, stops, at, unit]) => (
       <div class="calc-row"><label for={`calc-${id}`}>{text}</label><input id={`calc-${id}`} type="range" min="0" max={String((stops as string).split("|").length - 1)} value={String(at)} data-stops={stops} data-unit={unit} data-key={id}><output for={`calc-${id}`} data-out={id}>{echo[id as string]}</output></div>
@@ -67,7 +67,7 @@ const lines = [
     <div class="calc-sheet">
       {lines.map(([what, note, key]) => (
         <div class="calc-line">
-          <span class="calc-what">{what}<small>{key ? <><span data-echo={key}>{key === "release" ? "S/4HANA on-premise" : key === "support" ? "Community support" : echo[key as string]}</span>{note}</> : note}</small></span>
+          <span class="calc-what">{what}<small>{key ? <><span data-echo={key}>{key === "release" ? "S/4HANA on-premise" : key === "support" ? "In the open" : echo[key as string]}</span>{note}</> : note}</small></span>
           <span class="calc-amount" data-amount>€0</span>
         </div>
       ))}

src/components/Stats.astro

@@ -7,7 +7,7 @@ const tiles = [
   ["0 €", "license fees, for any number of users, systems and apps"],
   ["1 class", "per app: no frontend project, no extra platform"],
   ["7.02 → Cloud", "every SAP release, from one source"],
-  ["Since 2022", "open source on GitHub, MIT, every release listed"],
+  ["Since 2023", "open source on GitHub, MIT, every release listed"],
   ["25+", "contributors, from several companies"],
 ];
 ---

src/layouts/Page.astro

@@ -62,7 +62,7 @@ const updated = new Date().toISOString().slice(0, 10);
 <header class="top">
   <div class="wrap">
     <a class="mark" href={base}><img src={`${base}logo.png`} alt="" width="28" height="28"> abap2UI5</a>
-    <a class="btn btn-primary" href="https://abap2ui5.github.io/playground/samples/">Examples</a>
+    <a class="btn btn-primary" href="https://abap2ui5.github.io/playground/">Try it out</a>
     <nav class="nav" aria-label="Sections">
       {sections.map(([id, text]) => <a href={`#${id}`}>{text}</a>)}
     </nav>
@@ -79,7 +79,7 @@ const updated = new Date().toISOString().slice(0, 10);
       <a href="https://abap2ui5.github.io/playground/samples/">Samples</a>
       <a href="https://abap2ui5.github.io/playground/">Playground</a>
       <a href="https://github.com/abap2UI5/abap2UI5">GitHub</a>
-      <a href="https://github.com/abap2UI5/test-docs">Edit this page</a>
+      <a href="https://github.com/abap2UI5/why">Edit this page</a>
     </nav>
   </div>
 </footer>