diff --git a/src/pages/community.astro b/src/pages/community.astro index 0ac4ef6..73ab876 100644 --- a/src/pages/community.astro +++ b/src/pages/community.astro @@ -12,28 +12,36 @@ const SLACK = "https://abapgit.slack.com/join/shared_invite/zt-46tqufaht-QlrxTzl const MAIL = "contact@abap2UI5.org"; const base = import.meta.env.BASE_URL; -/* Support, as a ladder: the open channel first, the maintainers by mail for - * more. SUPPORT.md in the framework is the source. */ +/* Support: four channels, all in the open and all independent of each other, + * and then the one case where you write to us. SUPPORT.md in the framework is + * the source. */ const support = [ - ["Ask in the open", `Write in the Slack channel or open an issue on GitHub. Anyone can, at any time, no account with the project needed. Answers stay public, so the next person finds them, and every question makes the documentation and the examples better.`], - ["Send a pull request", `A fix, a sample, a sentence in the documentation: pull requests are welcome the same way, and every one is reviewed in the open on GitHub.`], - ["Need more? Write to us", `Closer cooperation, a workshop, a support arrangement for your organization: write to ${MAIL} and plan it together. What is not on offer is an SLA in a contract; what is on offer is a maintainer you can reach.`], - ["Security reports", `Not in a public issue. Follow SECURITY.md; a report is acknowledged within three business days.`], + ["GitHub issues", `A bug, a question, a wish: open an issue. Anyone can, at any time, no account with the project needed; the answer stays public for the next person. Security reports are the one exception: not in a public issue, see SECURITY.md, acknowledged within three business days.`], + ["Slack channel", `The abap2UI5 channel in the abapGit Slack: the quick question, the screenshot, the "has anyone done this". The people who run it in production read along and answer.`], + ["Documentation", `The manual, from the quickstart to the reference, maintained with the framework rather than left to age; most questions have their page there already.`], + ["Transparency: the code and the samples", `Every line of the framework is on GitHub, every test is public, and the sample catalogue holds 130 learning samples and 680 control examples that run in the browser. When in doubt, read what it actually does.`], ]; -/* The community: open source, in the open, and what a reader can give back. - * Every item is a thing to do, with the place to do it. */ -const community = [ +const more = `Honestly, we hope it never comes to this. The goal is an ABAP team that is so much at home with abap2UI5 that support is as unnecessary as a support call for a selection screen or a transport into P. Most of the way there are the four channels above. But if you would feel better with somebody looking over the first screen, explaining a design or sitting next to you for a go-live, write to ${MAIL} and we will see what makes sense. One request: do not ask for a glossy slide deck full of buzzwords. There is none here, and that is the point.`; +/* What it stands on: the open-source foundations a reader can check. */ +const stands = [ ["Open source, and it stays that way", `MIT licensed since the first commit, every line on GitHub, forks welcome. No company owns it that could close it, change the license or put a release behind a login.`], - ["We help each other", `Questions go to Slack and GitHub, answers stay public. Every question makes the documentation and the examples better for the next person, so ask yours in the open.`], ["Built on abapGit and abaplint", `The installation, the tests and every release stand on abapGit and abaplint. If abap2UI5 saves you money, consider supporting the people behind them too.`], + ["UI5 itself in the browser", `The frontend is SAP's own UI5 library, not a copy of it: every control, every theme, every accessibility feature SAP ships, on the oldest supported release and on UI5 2.x alike.`], + ["A public test on every claim", `Every release runs against Standard ABAP and ABAP Cloud, is downported to NetWeaver 7.02 and opened in the browser on both ends of the UI5 range. The tests are in the repository; verified on lists what each one holds.`], +]; +/* What you can give back: every item is a thing to do, with the place to do it. */ +const give = [ + ["Send a pull request", `A fix, a sample, a sentence in the documentation: send it as a pull request. Every one is reviewed in the open, and the next release carries it.`], + ["Answer somebody", `One reply under an issue or in Slack saves somebody else an afternoon, and the answer stays public for the next person.`], ["Add-ons: share yours", `Selection screens, table maintenance, popups, a launchpad KPI: the building blocks live as add-ons in the open. The screen you solved for your plant is somebody else's next week.`], ["Say what you build", `A post on LinkedIn with #abap2UI5, a talk at your user group, a row under Who runs it: that is how the next decision maker learns it exists.`], - ["Sponsor the work", `Those zeros are written in somebody's evenings. Sponsoring the contributors says the release you pull next month matters to you.`], + ["Add your company", `One row under Who runs it is what answers is anybody actually running this? for the next decision maker.`], + ["Sponsor the work", `Sponsoring the contributors says the release you pull next month matters to you.`], ]; --- @@ -68,17 +76,30 @@ const community = [

Support

-

In the open first, and more by mail

-
    {support.map(([b, t]) =>
  1. {b}
    2. )}
+

In the open, four ways, and one more if you need it

+
    {support.map(([b, t]) =>
  • {b}
    • )}
+
+

Need more? Write to us

+

+

→ SUPPORT.md in the framework is the source for this page.

-
+
+
+

What it stands on

+

Open foundations, all the way down

+
    {stands.map(([b, t]) =>
  • {b}
    • )}
+
+
+ +
-

Join the community

-

What it stands on, and what you can give back

-
    {community.map(([b, t]) =>
  • {b}
    • )}
+

What you can give back

+

Free to use is not the same as free to make

+

Those zeros on the cost page are written in somebody's evenings. If abap2UI5 saves your project time or money, any of these pays it back, and none of them costs a budget line.

+
    {give.map(([b, t]) =>
  • {b}
    • )}

→ Back to the page for decision makers, or straight to who runs it.

diff --git a/src/styles/global.css b/src/styles/global.css index 7cdbe65..a552c99 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -407,6 +407,7 @@ code { font-family: var(--mono); font-size: .9em; } .plain.three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 40px; } @media (max-width: 860px) { .plain.two, .plain.three { grid-template-columns: minmax(0, 1fr); gap: 0; } } .plain li { display: flex; gap: 14px; align-items: flex-start; padding: 18px 0; border-bottom: 1px solid var(--line); } +.plain li > div > span a { font-weight: 600; } .plain .icon { flex: none; width: 34px; height: 34px; border-radius: 9px; } .plain .icon svg { width: 18px; height: 18px; } .plain li > div > b { display: block; color: var(--ink); font-size: 16px; line-height: 1.35; } @@ -419,6 +420,11 @@ code { font-family: var(--mono); font-size: .9em; } .idea-list li { padding: 14px 0; } .idea-list li:first-child { padding-top: 0; } +.more-box { margin-top: 32px; } +.more-box h3 { margin: 0 0 8px; font-size: 18px; color: var(--ink); } +.more-box p { margin: 0; max-width: 860px; } +.more-box a { font-weight: 600; } + /* the about page */ .page-head { padding-bottom: 32px; } .page-head h1 { margin: 0; font-size: clamp(30px, 4vw, 44px); font-weight: 750; max-width: 820px; }