Skip to content

Give nonration.al a terminal look and a click-to-copy command - #100

Open
nonreagent wants to merge 1 commit into
mainfrom
site-tty-layout
Open

nonreagent wants to merge 1 commit into
mainfrom
site-tty-layout

Conversation

@nonreagent

Copy link
Copy Markdown
Collaborator

Problem

Copying the setup command from nonration.al takes a manual drag-select, and a stray $ or a missed character breaks the one line a new Mac needs. The page also reads as a default stylesheet.

Motivation

This page exists to deliver that one command, so copying it should take one click. The terminal look suits a page whose whole job is telling you to open a terminal.

Proposed Solution

  • Clicking the command line or its [copy] button copies the command and shows [copied] for two seconds. Keyboard users can tab to the button.
  • The page renders as amber monospace on black in an 80-column layout, with faint scanlines, a $ cat hi.txt opening line and a blinking cursor at the end.
  • The $ prompts come from CSS, so they never land in a selection.
  • Dragging across the command still selects text without overwriting the clipboard. Without JavaScript or the clipboard API, the button stays hidden and the text stays selectable.
  • The cursor stops blinking under prefers-reduced-motion.

Feedback

  • Color and framing are taste calls. Amber over green was my pick, and it's a change to --fg, --dim and the glow. The cat hi.txt line is new copy.
  • The page is now always dark. It no longer follows the light color scheme.
  • Browser coverage is Chromium only. I tested click, button, keyboard, drag-select, no-JS and 360px width in headless Chromium on Linux. Safari on a Mac, the main audience, is untested.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

This branch has not been deployed

No deployments
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