Post Footer Blog Block for React

Edit the constants at the top of the file: POST_URL, TAGS, AUTHOR, PUBLISHED and UPDATED (ISO dates, formatted in UTC), and the PREVIOUS and NEXT objects (a title, a reading time and an href). Nothing is computed from today.

Yes. It writes POST_URL to the clipboard and says "Link copied" to screen readers; if the browser refuses (a page not served over HTTPS), it shows a cross instead. The Email it link opens your mail app with the title as the subject and the address in the body. Nothing is posted to a network.

Left and right arrow follow Previous and Next, in the direction the text runs (the two swap in a right-to-left page). They are ignored while you type in a field, when a modifier key is held, and inside controls that use the arrows themselves, such as tabs, radio groups, sliders, menus and trees. Remove the effect if you don't want shortcuts; the hints can stay as plain labels.

Each cell is one link with a name like "Next post: A year of testing fountain pens on recycled paper", so a screen reader hears the destination, and the whole cell is the target, with a hover tint and a focus ring drawn inside it. The pair stacks on a phone.

Yes. The cells swap sides, the arrows mirror, Next aligns to its end and the dates and reading times are isolated with bdi.

The tags, Previous and Next are plain href="#" links: point them at your routes. The Email it button renders the link it's given with render, with nativeButton={false}.