Skip to content

📖✨:give the docs pages the site's design - #1846

Open
DerekNonGeneric wants to merge 1 commit into
livefrom
feat/docs-pages
Open

📖✨:give the docs pages the site's design#1846
DerekNonGeneric wants to merge 1 commit into
livefrom
feat/docs-pages

Conversation

@DerekNonGeneric

Copy link
Copy Markdown
Member

The index was rebuilt and the fourteen pages under it were not. Every link out
of it landed in a 48ch column wrapped in .grid, .unit, .four-fifths and
.improve, none of which are styled anywhere in the repository.

Following Google's developer documentation style guide in structure, since the
handbook content is already written in its markup, but in this site's own
palette and type rather than devsite's.

Four things now render that never have

The Key Point. Every handbook page carries one in frontmatter. Only the
index was reading it.

The attribution the colons page owes Google. It reproduces CC BY 4.0
content, and the only layout that ever rendered the credit is one no page
loads. That page has been published without it.

A way back. Handbook pages return to /docs/#handbook, the rest to
/docs/. Previously the navbar was the only route.

Recommended and not recommended as a distinguishable pair. The content has
carried .compare-better and .compare-worse all along, unstyled, so both
halves rendered as the same plain text and a reader could not tell which
example was the good one. Teal rule and label for one, quaternary for the
other, chosen with :has() so the rule and the label cannot disagree.

Licensing

Each page states the terms of the licence file sitting beside it: CC BY-SA 4.0
under handbook/, CC BY-NC-SA 4.0 elsewhere. The README agrees.

Worth a look before merging: the dead layout's footer claims CC BY 4.0 for
OpenINF's own content, which contradicts both the README and the two LICENSE
directories. Two sources agree with each other and disagree with it, so this
follows them. If it had it right, say so and it flips.

Checks

nps test passes, all 17. Contrast computed against composited colour: text
pairs run 5.34:1 to 13.97:1, and the two example rules sit at 3.37:1 and
4.33:1 against the 3:1 bar that applies to non-text. All four page shapes
verified — a page with a Key Point and attribution, a stub with a callout, a
long page with tables and code, and /about/vision/, which correctly has no
footer, no Key Point and no breadcrumb.

Two real bugs found by rendering

Bootstrap's --bs-code-color is #d63384, and reboot targets bare code, so
every inline code span on these pages was hot pink. Two autolinked bare URLs in
the contributing guide overflowed the viewport at 390px, having no space to
break at.

Neither was visible from reading the stylesheet.

@netlify

netlify Bot commented Aug 23, 2026

Copy link
Copy Markdown

Deploy Preview for gh-pages-openinf ready!

Name Link
🔨 Latest commit 1dc14e8
🔍 Latest deploy log https://app.netlify.com/projects/gh-pages-openinf/deploys/6a8a839c02dd1300087df086
😎 Deploy Preview https://deploy-preview-1846--gh-pages-openinf.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@socket-security

socket-security Bot commented Aug 23, 2026

Copy link
Copy Markdown

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security
Vulnerability Quality Maintenance License
Addedmarkdown-it-github-alerts@​1.0.19910010080100

View full report

@DerekNonGeneric
DerekNonGeneric force-pushed the feat/docs-pages branch 8 times, most recently from 2bdc6f0 to 471f2a2 Compare August 23, 2026 05:11
The index was rebuilt and the fourteen pages under it were not, so
every link out of it landed on a 48ch column wrapped in `.grid`,
`.unit`, `.four-fifths` and `.improve`, none of which are styled
anywhere.

Four things now render that never have. The Key Point each handbook
page carries, which only the index was reading. The attribution the
colons page owes Google, whose only renderer was a layout no page
loads. A way back to the index, which the pages had no link to. And
the recommended and not-recommended examples as a distinguishable
pair, having until now been the same plain text twice.

The terms each page states come from the licence files beside it:
CC BY-SA 4.0 under the handbook, CC BY-NC-SA 4.0 elsewhere.

Signed-off-by: Derek Lewis <DerekNonGeneric@inf.is>
Assisted-by: Claude-Code:claude-opus-5
Assisted-by: Claude-Code:claude-fable-5
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant