From b92ad44541c2929cfe26e92fed11ad62ce8f6d30 Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 11 Sep 2026 10:44:40 +0000 Subject: [PATCH 1/5] =?UTF-8?q?Learn=20more=E2=80=A6=20is=20the=20first=20?= =?UTF-8?q?button,=20in=20the=20accent?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Fable 5.1 Claude-Session: https://claude.ai/code/session_01P4f9fYX4L19mWDDARS7Qw5 --- docs/index.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/docs/index.md b/docs/index.md index 2d848fc3..2e13ca46 100644 --- a/docs/index.md +++ b/docs/index.md @@ -147,10 +147,10 @@ hero: alt: abap2UI5 Logo width: 200px height: 200px - # Two buttons, in the order a stranger needs them: try it without installing - # anything, then read the one page that says what it is - "In a Nutshell", - # behind a button that says "Learn more...", which is what the reader - # wants rather than what the page is called. The second used to be "Install with + # Two buttons. "Learn more…" first and in the accent: it opens the one page + # that says what this is ("In a Nutshell"), which is the next step for the + # reader this page is written for. The playground second, outlined - the + # one claim a reader can check in ten seconds, for the one who wants to. The second used to be "Install with # abapGit" - the third mention of abapGit in the first screen, and a step # the manager this page addresses is not taking; installing is the first # tile below. The playground is first on purpose — it is the one claim on @@ -159,12 +159,12 @@ hero: # gives it a `target` of its own, which is also what keeps this site's # router off a neighbouring deployment (scripts/lib/cross-site.mjs). actions: + - theme: brand + text: Learn more… + link: /get_started/about - theme: alt text: Try it in the browser link: https://abap2ui5.github.io/playground/ - - theme: alt - text: Learn more… - link: /get_started/about # Three things to do next, each on the page for it. The bar names the # places; these name the tasks (see THE THREE TILES ARE TASKS above). They From c7e1b7f8d6c8c9642db7ff7cea8d6e60144a9d5d Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 11 Sep 2026 10:45:45 +0000 Subject: [PATCH 2/5] The way out sits on the floor of every card MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Each card is a flex column and its last line - the "→ More on …" - takes the bottom, so the four links stand on one line across a row whatever the paragraph above them comes to. Co-Authored-By: Claude Fable 5.1 Claude-Session: https://claude.ai/code/session_01P4f9fYX4L19mWDDARS7Qw5 --- scripts/site-css/docs.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/scripts/site-css/docs.css b/scripts/site-css/docs.css index 3584e617..af6a884a 100644 --- a/scripts/site-css/docs.css +++ b/scripts/site-css/docs.css @@ -794,8 +794,14 @@ html { scroll-padding-top: 62px; } /* The card is already the measure; capping the paragraphs again would leave a gutter inside a gutter. */ .home .band[data-card] > p { max-width: none; } -/* A card is a box with a floor: the last paragraph must not push against it. */ -.home .band[data-card] > p:last-child { margin-bottom: 0; } +/* A card is a column, and its last line - the "→ More on …" - sits on the + floor of it, whatever the text above it comes to: four cards of one height + with the way out in the same place on each, rather than each card's link + hanging wherever its paragraph happened to end. Flex margins do not + collapse, so the paragraph spacing is written out as top margins. */ +.home .band[data-card] { display: flex; flex-direction: column; } +.home .band[data-card] > p { margin: 12px 0 0; } +.home .band[data-card] > p:last-child { margin-top: auto; padding-top: 12px; } /* The example is the widest thing on the page because what it opens is two panes - the ABAP on the left, the app it renders on the right. Held to a From 1f9733f4923df698a65c3504aa26e8c4fafc549d Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 11 Sep 2026 10:46:12 +0000 Subject: [PATCH 3/5] The cost card's way out reads like the other three: More on Cost Calculator Co-Authored-By: Claude Fable 5.1 Claude-Session: https://claude.ai/code/session_01P4f9fYX4L19mWDDARS7Qw5 --- docs/index.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/index.md b/docs/index.md index 2e13ca46..335b210f 100644 --- a/docs/index.md +++ b/docs/index.md @@ -109,8 +109,8 @@ description: One ABAP class is one UI5 app - no JavaScript, no OData, no fronten # under the code is the same shape again. The link sits on the topic, never on the word # "here" - a reader scanning the links has to be able to tell where each one # goes. The cost card's is the calculator - a page of sliders for users, -# systems, apps and support tiers whose every line comes to zero - and not -# the license, which is already linked where "MIT licensed" stands. A second +# systems, apps and support tiers whose every line comes to zero - in the +# same "More on …" words as the other three, so the four lines read as one. A second # link to the same page inside one card is the "every claim once" rule broken # with a hyperlink. # @@ -218,7 +218,7 @@ subscription, no per-user fee, and no BTP required. It runs on your ABAP stack with the UI5 version already installed, and the license you have is the one you keep. -→ *Run your own numbers through the [Cost Calculator](/resources/cost_calculator)* +→ *More on [Cost Calculator](/resources/cost_calculator)* ## Try it out now From 095852c71c6d25353479e5cbf27183157f751a1f Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 11 Sep 2026 10:47:13 +0000 Subject: [PATCH 4/5] =?UTF-8?q?One=20button=20in=20the=20hero:=20Learn=20m?= =?UTF-8?q?ore=E2=80=A6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Fable 5.1 Claude-Session: https://claude.ai/code/session_01P4f9fYX4L19mWDDARS7Qw5 --- docs/index.md | 20 ++++++-------------- 1 file changed, 6 insertions(+), 14 deletions(-) diff --git a/docs/index.md b/docs/index.md index 335b210f..f5e0ce47 100644 --- a/docs/index.md +++ b/docs/index.md @@ -147,24 +147,16 @@ hero: alt: abap2UI5 Logo width: 200px height: 200px - # Two buttons. "Learn more…" first and in the accent: it opens the one page - # that says what this is ("In a Nutshell"), which is the next step for the - # reader this page is written for. The playground second, outlined - the - # one claim a reader can check in ten seconds, for the one who wants to. The second used to be "Install with - # abapGit" - the third mention of abapGit in the first screen, and a step - # the manager this page addresses is not taking; installing is the first - # tile below. The playground is first on purpose — it is the one claim on - # this page a reader can check in ten seconds, and it costs them nothing. - # It is an absolute URL, so VitePress draws it as an external link and - # gives it a `target` of its own, which is also what keeps this site's - # router off a neighbouring deployment (scripts/lib/cross-site.mjs). + # One button, in the accent: "Learn more…" opens the one page that says + # what this is ("In a Nutshell"), which is the next step for the reader + # this page is written for. There was a second, "Try it in the browser", + # into the playground; the bar names the playground, the sample tile under + # the example opens it, and the example itself runs on this page, so the + # button said a third time what the page already offers twice. actions: - theme: brand text: Learn more… link: /get_started/about - - theme: alt - text: Try it in the browser - link: https://abap2ui5.github.io/playground/ # Three things to do next, each on the page for it. The bar names the # places; these name the tasks (see THE THREE TILES ARE TASKS above). They From 7bf2582eee9ddbe29abb2789ff7526bf648ecde7 Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 11 Sep 2026 10:48:16 +0000 Subject: [PATCH 5/5] The production tile's icon is a factory Co-Authored-By: Claude Fable 5.1 Claude-Session: https://claude.ai/code/session_01P4f9fYX4L19mWDDARS7Qw5 --- docs/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/index.md b/docs/index.md index f5e0ce47..d54dde41 100644 --- a/docs/index.md +++ b/docs/index.md @@ -173,7 +173,7 @@ features: link: https://abap2ui5.github.io/playground/samples/ target: _self - title: Take an app to production - icon: + icon: details: Security, authorizations, the launchpad tile, the transport — what a go-live needs, on one page. link: /configuration/productive_usage ---