📖✨：bring the news pages onto the site's design - #1844
Open
DerekNonGeneric wants to merge 1 commit into
Open
Conversation
They were the last two pages on the old design: a 48ch column where the rest of the site reads at 1200px, and a category ribbon built from inset shadows, a folded corner and a triangular point. The newest post now leads the archive, and the rest follow as rows. The split is what lets one post read as the news rather than as an archive holding a single row, and it still reads as an archive once there are fifty. Each row carries the excerpt the post already had in its frontmatter, which nothing had been rendering. The post page keeps its prose at a measure meant for reading while its header takes the same ink band as every other page. The category is a flat chip in two fixed pairs, one for the light sections and one for the ink, so each clears contrast on its own ground rather than depending on what it sits over. Signed-off-by: Derek Lewis <DerekNonGeneric@inf.is> Assisted-by: Claude-Code:claude-opus-5 Assisted-by: Claude-Code:claude-fable-5
✅ Deploy Preview for gh-pages-openinf ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The news pages were the last two on the old design.
/news/read in a 48chcolumn while the rest of the site reads at 1200px under an ink band, and the
category was a ribbon built from inset shadows, a
::beforefolded corner anda
::aftertriangular point.The archive
The newest post leads, and the rest follow as rows under "Earlier".
That split is the point. There is one post, and an archive containing a single
row looks like a mistake no matter how it is styled. Led by its newest entry,
the page reads as the news at one post and as an archive at fifty.
Every row carries the excerpt the post already had in its frontmatter and which
nothing had been rendering, so the page went from eleven words to seventy-nine
without anything new being written.
The post page
Its prose sits at a measure meant for reading. Its header takes the same ink
band as every other page, so the frame matches the site while the column inside
it suits the text.
The category
A flat chip, in two fixed pairs: dark teal on parchment for the light sections,
light teal on ink for the post header. Each pair clears AA on its own rather
than depending on what it happens to sit over, which is what lets the same chip
appear in three places without being checked three times.
Checks
nps testpasses, all 17. Twelve foreground/background pairs computed againsttrue composited colour, the tightest at 4.88:1, all clearing AA.
Behaviour was verified at both sizes rather than reasoned about. With eight
posts: two pages, a featured post plus four rows on the first, correct pager,
prev/next resolving in both directions with the ends correctly one-sided, and
every class in both stylesheets rendering. With one post: the featured block
and the closing note, and the archive, pager and post nav all correctly absent.
Also
_includes/news-archive-item.liquidis deleted; nothing included it. Bothstylesheets were rewritten rather than adapted, because every class they
targeted was already dead — checked as exact class tokens across the built
site, not by substring.
The closing note under "Between posts" is the one piece of new prose here.
Noted, not done
Nothing uses
.pagination,.page-linkor.page-itemnow, sobootstrap/scss/paginationmay be dead weight in the bundle. Left for aseparate look rather than folded into a design change.
No feed yet.