Skip to content

Add a floating tipjar support button to the landing page - #44

Draft
mtblck wants to merge 1 commit into
mainfrom
claude/project-thread-9ikhzv
Draft

mtblck wants to merge 1 commit into
mainfrom
claude/project-thread-9ikhzv

Conversation

@mtblck

@mtblck mtblck commented Nov 7, 2026

Copy link
Copy Markdown
Owner

Requested by Matt · project thread

What and why

Adds the tipjar package (1.2.0 from npm) to getisogram.com as a floating "Support" button, bottom right, with the pixel coffee icon.

  • Complements the footer link rather than replacing it. Both go to https://ko-fi.com/mtblck, and the button tucks itself away (hideWhenVisible: 'footer') while the footer is on screen, so only one shows at a time.
  • Self-hosted, no CSP change. tools/site.mjs copies tipjar/dist/*.js and style.css into dist/site/tipjar/, and site/tip.js (a module file, not inline) mounts it. No CDN.
  • Themed with the page's cobalt via --tipjar-* in site.css, so it follows the theme toggle (data-theme), ringed in the paper colour.
  • Landing page only. The docs pages are for reading and their footer has no support link to hand over to.
  • Clicks aren't counted: a new event name would need adding to Boards' events list first.
  • ADR 0001-tipjar-support-button.md records the choice.

How it was checked

  • npm test (site test now also expects tip.js, tipjar/index.js, tipjar/style.css)
  • npm run build then npm run verify: all checks pass, no CSP errors
  • Checked in Chromium through npm run preview (vercel.json's headers): button renders in light, dark and at 390px (icon only), no console errors, and it gets data-tucked when the footer scrolls into view
  • Changed or new diagram: n/a
  • SKILL.md and references/: n/a

Generated by Claude Code

The tipjar package (npm) is self-hosted into dist/site/tipjar/ and mounted from
site/tip.js, so the CSP stays script-src 'self'. It goes to the same Ko-fi page as
the footer line and tucks away while the footer is on screen. Themed with the
page's cobalt via --tipjar-* custom properties. ADR 0001 records the choice.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018HstUkyeaG3BbXgCsZ7eTq
@mtblck mtblck self-assigned this Nov 7, 2026
@vercel

vercel Bot commented Nov 7, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
isogram Ready Ready Preview Nov 7, 2026 5:03am UTC

Request Review

This branch was successfully deployed

1 active deployment
Preview — d016a5f3 Deployed Nov 7, 2026 by vercel[bot]
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