From 4ea21985ccba5e3ef95f1fa3a57358596c7b1d12 Mon Sep 17 00:00:00 2001 From: Trenton Taylor Date: Tue, 27 Oct 2026 18:51:02 -0500 Subject: [PATCH 1/3] Drop the React badge and add a Built with line Removes the decorative React badge from the README and adds a Built with line. The version badge is unchanged. README and description copy only. No code changes. --- README.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 37747b8..d4be10e 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,6 @@

Version 2026.44.0 - React 17 or later

Split Rail is the thin bar at the very bottom of a TaylorURL site's footer. On the left it says "Built by TaylorURL" and links to [taylorurl.com](https://www.taylorurl.com). On the right it has a Status link to the [status page](https://www.taylorurl.com/status), the site's version and the year. @@ -58,6 +57,10 @@ npm run format:check `npm test` renders the component to HTML and checks the markup. +## Built with + +Plain JavaScript and React, with the styles inlined in the component. + ## License Proprietary. All rights reserved. See [LICENSE.md](LICENSE.md). From afe248f7d9332ee320d68663a0e3ae6ccca49664 Mon Sep 17 00:00:00 2001 From: Trenton Taylor Date: Tue, 27 Oct 2026 18:52:32 -0500 Subject: [PATCH 2/3] Fold the longer README sections into collapsible blocks The header, intro, Built with line and TaylorURL credit stay visible. --- README.md | 25 ++++++++++++++++++++----- 1 file changed, 20 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index d4be10e..af3b2db 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,8 @@ Split Rail is the thin bar at the very bottom of a TaylorURL site's footer. On t Each site installs it as a dependency instead of keeping its own copy, so a change here reaches every site when it bumps the version. -## What it does +
+What it does - Picks up its colors from the footer it sits in, so it works on light and dark footers - Shows the version you pass in, and the current year @@ -18,7 +19,10 @@ Each site installs it as a dependency instead of keeping its own copy, so a chan - Ships as plain JavaScript with no JSX, so it works in Vite, Create React App and Next.js without extra setup - Has no dependencies apart from React 17 or later -## Install +
+ +
+Install ```bash npm install github:TaylorURL/split-rail#v2026.36.0 @@ -26,7 +30,10 @@ npm install github:TaylorURL/split-rail#v2026.36.0 Pin a tag, so a site only picks up a new version of the bar when you move it. -## Usage +
+ +
+Usage Put it inside the footer element, not after it. It takes its colors from its parent, so outside the footer it picks up the page background instead. @@ -46,7 +53,10 @@ import SplitRail from '@taylorurl/split-rail' To change the hover color of the links, set the `--tu-accent` CSS variable. -## Working on it +
+ +
+Working on it ```bash npm install @@ -57,10 +67,15 @@ npm run format:check `npm test` renders the component to HTML and checks the markup. +
+ ## Built with Plain JavaScript and React, with the styles inlined in the component. -## License +
+License Proprietary. All rights reserved. See [LICENSE.md](LICENSE.md). + +
From 9673fddb40fbde0cc75f9650283c18ac8f78e5ee Mon Sep 17 00:00:00 2001 From: Trenton Taylor Date: Tue, 27 Oct 2026 19:09:50 -0500 Subject: [PATCH 3/3] Rewrite the README around how the code works Rewrites the README: what it does, how it's built and the tradeoffs, in short plain sentences. Longer sections fold into collapsible blocks. Nothing is centered. No code changes. --- README.md | 23 ++++++++++------------- 1 file changed, 10 insertions(+), 13 deletions(-) diff --git a/README.md b/README.md index af3b2db..b5ca526 100644 --- a/README.md +++ b/README.md @@ -1,25 +1,22 @@ -

Split Rail

+# Split Rail -

The "Built by TaylorURL" footer bar on TaylorURL sites, as a React component.

+The "Built by TaylorURL" footer bar on TaylorURL sites, as a React component. -

- Version 2026.44.0 -

+Version 2026.44.0 Split Rail is the thin bar at the very bottom of a TaylorURL site's footer. On the left it says "Built by TaylorURL" and links to [taylorurl.com](https://www.taylorurl.com). On the right it has a Status link to the [status page](https://www.taylorurl.com/status), the site's version and the year. Each site installs it as a dependency instead of keeping its own copy, so a change here reaches every site when it bumps the version. -
-What it does +## How it works -- Picks up its colors from the footer it sits in, so it works on light and dark footers -- Shows the version you pass in, and the current year -- Gives the links bigger tap targets on touch screens -- Ships as plain JavaScript with no JSX, so it works in Vite, Create React App and Next.js without extra setup -- Has no dependencies apart from React 17 or later +One file, `src/index.js`. It uses `createElement` instead of JSX so it runs untranspiled in Vite, Create React App and Next.js. The only peer dependency is React 17 or later. -
+- **Colors come from the host.** The bar sets no background and no text color. Every tone is mixed from the parent's `currentColor` with `color-mix()`, so the same bar works under a white footer and a near-black one. `--tu-accent` is the one color a site can change, for link hover. +- **Styles ship with it.** The stylesheet is a `