diff --git a/docs/index.md b/docs/index.md index 6145e96d..9d4cfa31 100644 --- a/docs/index.md +++ b/docs/index.md @@ -149,8 +149,8 @@ hero: 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", - # named on the button as the page is named in the sidebar, so the reader - # lands where the label said. The second used to be "Install with + # 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 # 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 @@ -163,7 +163,7 @@ hero: text: Try it in the browser link: https://abap2ui5.github.io/playground/ - theme: alt - text: In a Nutshell + text: Learn more... link: /get_started/about # Three things to do next, each on the page for it. The bar names the @@ -204,8 +204,12 @@ internet access. ## Made for AI agents -One class is one file — the whole app, for an agent to write. The abap2UI5 linter and the MCP server let it -check its own work without an SAP system. +One class is one file — the whole app, for an agent to write, with no +frontend project to keep in step. The AI guide starts with one paragraph to +paste at the top of a prompt, and the abap2UI5 linter and the MCP server let +the agent check its own work without an SAP system: the linter validates the +view, the MCP server boots the app headless and returns the errors and a +screenshot. → *More on [Developing with AI](/get_started/ai)* @@ -344,7 +348,7 @@ CLASS zcl_app_invoices IMPLEMENTATION. ENDCLASS. ``` -→ *The [Tutorial](/tutorials/walkthrough/) builds this app in twelve steps, through to transport and unit tests. It runs with the UI5 and the ABAP stack you already have.* +→ *The [Tutorial](/tutorials/walkthrough/) builds this app in twelve steps, through to transport and unit tests.*
GitHub diff --git a/scripts/site-css/docs.css b/scripts/site-css/docs.css index 5e57b4c0..deed8152 100644 --- a/scripts/site-css/docs.css +++ b/scripts/site-css/docs.css @@ -852,9 +852,12 @@ html { scroll-padding-top: 62px; } * and a rule under a row of boxes is a second edge on the same edge. */ .vp-doc .a2ui5-links { display: flex; flex-wrap: wrap; gap: 8px 28px; - margin: 32px 0 0; + /* Well clear of the tiles above, and close to the rule under it: the row + belongs to the page's foot, not to the tiles. */ + margin: 56px 0 0; font-size: 14px; line-height: 22px; font-weight: 500; } +.home .doc-foot { margin-top: 20px; } .vp-doc .a2ui5-links a { display: inline-flex; align-items: center; gap: 8px; color: var(--fg); text-decoration: none;