[PR #993] [MERGED] feat(website): add a shared back-to-top link #2562

New issue

Closed

opened 2026-10-17 21:07:36 +00:00 by bsakaguchi · 0 comments

bsakaguchi commented

2026-10-17 21:07:36 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/morluto/rea/pull/993
Author: @N0zoM1z0
Created: 10/7/2026
Status: ✅ Merged
Merged: 10/7/2026
Merged by: @N0zoM1z0

Base: main ← Head: feat/website-back-to-top

📝 Commits (1)

15708c8 feat(website): add a shared back-to-top link

📊 Changes

16 files changed (+111 additions, -11 deletions)

View changed files

📝 website/README.md (+5 -0)
📝 website/evidence/guide-examples.md (+4 -0)
📝 website/public/assets/main.js (+24 -0)
📝 website/public/assets/styles.css (+29 -0)
📝 website/public/examples/notes-web/index.html (+5 -1)
📝 website/public/get-started/index.html (+4 -1)
📝 website/public/guides/browser/index.html (+4 -1)
📝 website/public/guides/index.html (+4 -1)
📝 website/public/guides/javascript/index.html (+4 -1)
📝 website/public/guides/native/index.html (+4 -1)
📝 website/public/index.html (+4 -1)
📝 website/public/showcase/dx-ball/index.html (+4 -1)
📝 website/public/showcase/index.html (+4 -1)
📝 website/public/showcase/notion/index.html (+4 -1)
📝 website/public/showcase/th04/index.html (+4 -1)
📝 website/style-guide.md (+4 -0)

📄 Description

Long guides and case studies now have a small ↑ Top link at the bottom right. It appears after scrolling, returns smoothly to the page header, and moves keyboard focus back to navigation. Reduced-motion users return immediately; the native #top link also works without JavaScript.

The link is shared by all 11 styled website pages. The README and style guide document it, and the evidence notes retain the original browser-example digest alongside its later navigation addition.

Validation:

Website preparation and verification: 12 HTML pages, 195 local references, SVG XML, the six-file ZIP and the sole manual Pages publisher.
Oxfmt, git diff --check and npm run check:fast with Node.js 24.18.0.
Focused browser checks at / and /rea/: 22 routes, 21 pointer returns, six keyboard returns, five viewport widths, smooth scrolling, reduced motion, focus return and the no-JavaScript anchor.
Existing site interactions: 24 routes, 68 copy buttons, 20 comparison steps, two CSV exports, two ZIP downloads and eight viewport widths from 320px to 1440px. Code excerpts are unchanged.
Desktop and mobile rendering reviewed. Downloadable Electron source and CSV export source/data are unchanged.

Publication continues through the existing manual Pages workflow after merge.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/morluto/rea/pull/993 **Author:** [@N0zoM1z0](https://github.com/N0zoM1z0) **Created:** 10/7/2026 **Status:** ✅ Merged **Merged:** 10/7/2026 **Merged by:** [@N0zoM1z0](https://github.com/N0zoM1z0) **Base:** `main` ← **Head:** `feat/website-back-to-top` --- ### 📝 Commits (1) - [`15708c8`](https://github.com/morluto/rea/commit/15708c85ff718c5c86df1e79f4151bb6f246e862) feat(website): add a shared back-to-top link ### 📊 Changes **16 files changed** (+111 additions, -11 deletions) <details> <summary>View changed files</summary> 📝 `website/README.md` (+5 -0) 📝 `website/evidence/guide-examples.md` (+4 -0) 📝 `website/public/assets/main.js` (+24 -0) 📝 `website/public/assets/styles.css` (+29 -0) 📝 `website/public/examples/notes-web/index.html` (+5 -1) 📝 `website/public/get-started/index.html` (+4 -1) 📝 `website/public/guides/browser/index.html` (+4 -1) 📝 `website/public/guides/index.html` (+4 -1) 📝 `website/public/guides/javascript/index.html` (+4 -1) 📝 `website/public/guides/native/index.html` (+4 -1) 📝 `website/public/index.html` (+4 -1) 📝 `website/public/showcase/dx-ball/index.html` (+4 -1) 📝 `website/public/showcase/index.html` (+4 -1) 📝 `website/public/showcase/notion/index.html` (+4 -1) 📝 `website/public/showcase/th04/index.html` (+4 -1) 📝 `website/style-guide.md` (+4 -0) </details> ### 📄 Description Long guides and case studies now have a small `↑ Top` link at the bottom right. It appears after scrolling, returns smoothly to the page header, and moves keyboard focus back to navigation. Reduced-motion users return immediately; the native `#top` link also works without JavaScript. The link is shared by all 11 styled website pages. The README and style guide document it, and the evidence notes retain the original browser-example digest alongside its later navigation addition. Validation: - Website preparation and verification: 12 HTML pages, 195 local references, SVG XML, the six-file ZIP and the sole manual Pages publisher. - Oxfmt, `git diff --check` and `npm run check:fast` with Node.js 24.18.0. - Focused browser checks at `/` and `/rea/`: 22 routes, 21 pointer returns, six keyboard returns, five viewport widths, smooth scrolling, reduced motion, focus return and the no-JavaScript anchor. - Existing site interactions: 24 routes, 68 copy buttons, 20 comparison steps, two CSV exports, two ZIP downloads and eight viewport widths from 320px to 1440px. Code excerpts are unchanged. - Desktop and mobile rendering reviewed. Downloadable Electron source and CSV export source/data are unchanged. Publication continues through the existing manual Pages workflow after merge. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

bsakaguchi

2026-10-17 21:07:36 +00:00