diff --git a/index.html b/index.html index 1a66ab5..a2de50d 100644 --- a/index.html +++ b/index.html @@ -194,6 +194,24 @@ .agent h3 { font-size: 24px; margin-bottom: 10px; } .agent p { color: var(--muted); font-size: 16px; margin-bottom: 12px; } + /* the prompt block is meant to be pasted into an agent, so it carries a copy + button — hand-selecting it drags in the you> prefixes and the comments */ + .copy { + float: right; /* shortens only the lines it sits beside, + so the comment lines keep their width */ + margin: -4px -6px 4px 14px; + min-width: 70px; /* holds its width when the label changes */ + padding: 6px 10px; + font: 600 12px/1.4 "JetBrains Mono", monospace; letter-spacing: .04em; + color: var(--muted); background: #131d33; + border: 1px solid var(--line); border-radius: 8px; cursor: pointer; + transition: color .15s ease, border-color .15s ease; + } + .copy:hover { color: var(--fg); border-color: #35507f; } + .copy:focus-visible { outline: 2px solid var(--azure); outline-offset: 2px; } + .copy[data-state="done"] { color: var(--ok); border-color: var(--ok); } + .copy[data-state="fail"] { color: var(--amber); border-color: var(--amber); } + /* faq */ .faq { margin-top: 36px; display: grid; gap: 12px; } details { @@ -326,6 +344,9 @@