Rebar UI

1.0

synthetic

Prose and Markdown

Long-form text in the theme’s reading type: a 68ch measure and a steady rhythm.

Privacy summaryHeadings, lists, quote with cite, links, code and a table

Your journal

The reconciliation journal is encrypted on your device with a passphrase only you know. We only ever hold ciphertext, so we cannot read it or recover it. If you forget the passphrase, the entries are gone.

What we keep

  • Your email address, to sign you in.
  • The Masses you mark as attended, as a private year view.
  • Your questions to Ask, so a conversation can continue.
"Whose sins you shall forgive, they are forgiven them." ΓÇö John 20:23

Where it runs

RegionUsed forProvider
SingaporeAsk repliesAlibaba Cloud
United StatesAccounts and syncGoogle Cloud

Delete everything

  1. Open Your Account.
  2. Choose Export or Delete my data.
  3. Confirm with your passphrase.

Exports arrive as a .zip within a minute. Questions? Write to us.

Small

Legal and terms copy at 0.94rem, with a link.

Large

Lede-style reading at 1.2rem.

Inverse

On a dark panel, links turn coral.

Raw HTML

Tags show as text: <b>bold</b> <script>alert(1)</script>

MarkdownEdit the source

Your journal

The reconciliation journal is encrypted on your device. We cannot read it.

  • Your email address
  • The Masses you mark as attended
Whose sins you shall forgive, they are forgiven them.John 20:23
RegionUsed for
SingaporeAsk replies

In context

Perspective articleA 68ch column under the header

To Be Sorted At The Harvest

What the parable of the wheat and the weeds asks of us now.

The servants ask the master whether they should pull up the weeds. He says no, because in gathering the weeds they would uproot the wheat with them.

It is a hard word for anyone who would like the Church, or themselves, sorted cleanly and soon.

Let both grow together until the harvest. ΓÇö Matthew 13:30

Two things follow. First, patience is not indifference. Second, the sorting is not ours to do.

A practice for this week

  1. Name one thing you are tempted to pull up early.
  2. Pray the Examen once, slowly.

Independent, not an official Church product.

Prose props

PropTypeRequiredDefault
childrenReactNodeNo—
maxWidthstring | undefinedNo—
size"sm" | "md" | "lg" | undefinedNomd
tone"default" | "inverse" | undefinedNodefault
asElementType | undefinedNodiv

Markdown props

PropTypeRequiredDefault
sourcestringYes—
componentsPartial<Record<MarkdownTag, ElementType>> | undefinedNo—
maxWidthstring | undefinedNo—
size"sm" | "md" | "lg" | undefinedNomd
tone"default" | "inverse" | undefinedNodefault
asElementType | undefinedNodiv

What Markdown supports

Headings, paragraphs, bold, italic, code, links, ordered and unordered lists, blockquotes (a last line starting with an em dash becomes the <cite>), horizontal rules, pipe tables and fenced code blocks (a real CodeBlock). It is the same renderer ChatThread uses, exported as renderMarkdown. It is not full CommonMark: no nested lists or quotes.

Raw HTML is never rendered: tags in the source show as text. javascript:, data: and vbscript: link targets render as plain text. Use components to swap a node for your own, for example { a: RouterLink }.

Accessibility

Plain semantic elements in source order. Links are underlined and meet 4.5:1 on both the cream and the navy surface (tone="inverse"). Tables get scope="col" on their header cells and scroll sideways inside their own wrapper on a narrow screen. The default 68ch measure keeps lines readable.

data-rebar-* attributes

data-rebar-component="prose" with data-rebar-size and data-rebar-tone; Markdown adds data-rebar-markdown="true". The rendered nodes keep the rebar-markdown-* classes.

Migrating to Ant Design

Ant Design's Typography covers headings, paragraphs and links one by one; there is no container that styles raw children, so this is a structural rewrite.