vh
7b16be02bf
Added (all now linked from their live locations): - home_root/.claude/settings.json. The statusLine command now uses $HOME instead of a Linux-only absolute path. - home_root/.claude/bin/ratecheck and home_root/.claude/skills/australis-design. - home_config/zsh/claude-config-dir.zsh and home_root/.local/bin/claude-config-dir-init, the per-repo Claude Code login helper and its seeding script. - home_root/.gitconfig and home_config/git/ignore. - home_root/.zshenv, with the cargo env line guarded so boxes without rust start clean. link-dotfiles --check reports drift without changing anything: tracked files whose live copy is no longer a link (stow dry-run conflicts) and links into this repo that dangle. Exits 1 on drift. Verified against a clean baseline and two planted drifts, a detached .nanorc and a dangling link. .mailmap maps every earlier identity to Vuong Hoang: the repo-local 'Your Name' placeholder config (now removed), host-generated emails, and aider suffixes. CLAUDE.md: the symlink warning now lists every linked file and points at --check. README: documents what is and isn't tracked under .claude, the edit rule, and --check.
50 lines
2.6 KiB
HTML
50 lines
2.6 KiB
HTML
<!doctype html>
|
|
<html><head><meta charset="utf-8"><title>Toggles & Controls</title>
|
|
<link rel="stylesheet" href="_card.css">
|
|
<style>
|
|
.row-c { display:flex; gap:18px; align-items:center; margin-bottom: 14px; }
|
|
.row-c:last-child { margin-bottom:0; }
|
|
.label { font-family: var(--font-mono); font-size:10px; color: var(--fg-3); width: 70px; letter-spacing:0.06em; text-transform:uppercase; }
|
|
|
|
/* checkbox */
|
|
.ck { width:16px; height:16px; border-radius:4px; border:1px solid #6e7882; background:#1b1e28; display:inline-flex; align-items:center; justify-content:center; }
|
|
.ck.on { background:#6388d8; border-color:#6388d8; color:#222531; font-size:11px; font-weight:700; }
|
|
|
|
/* radio */
|
|
.rd { width:16px; height:16px; border-radius:50%; border:1px solid #6e7882; background:#1b1e28; display:inline-flex; align-items:center; justify-content:center; }
|
|
.rd.on::after { content:''; width:8px; height:8px; border-radius:50%; background:#6388d8; }
|
|
|
|
/* switch */
|
|
.sw { width: 32px; height:18px; border-radius:9999px; background:#414751; position:relative; transition:background 200ms; }
|
|
.sw::after { content:''; position:absolute; top:2px; left:2px; width:14px; height:14px; border-radius:50%; background:#cce7ec; transition: left 200ms; }
|
|
.sw.on { background:#16b866; }
|
|
.sw.on::after { left: 16px; }
|
|
|
|
/* slider */
|
|
.sld { width: 200px; height:4px; background:#414751; border-radius:2px; position:relative; }
|
|
.sld .fill { position:absolute; left:0; top:0; bottom:0; width:60%; background:linear-gradient(90deg,#6388d8,#42dcd1); border-radius:2px; }
|
|
.sld .knob { position:absolute; left:60%; top:50%; transform:translate(-50%,-50%); width:14px; height:14px; border-radius:50%; background:#cce7ec; box-shadow: 0 0 0 3px rgba(99,136,216,0.35); }
|
|
|
|
.name { font-family: var(--font-sans); font-size: 13px; color: var(--fg-1); }
|
|
</style>
|
|
</head><body>
|
|
<div class="card">
|
|
<div class="row-c"><span class="label">Checkbox</span>
|
|
<span class="ck"></span><span class="name">Off</span>
|
|
<span class="ck on">✓</span><span class="name">On</span>
|
|
</div>
|
|
<div class="row-c"><span class="label">Radio</span>
|
|
<span class="rd"></span><span class="name">Option A</span>
|
|
<span class="rd on"></span><span class="name">Option B</span>
|
|
</div>
|
|
<div class="row-c"><span class="label">Switch</span>
|
|
<span class="sw"></span><span class="name">Off</span>
|
|
<span class="sw on"></span><span class="name">On</span>
|
|
</div>
|
|
<div class="row-c"><span class="label">Slider</span>
|
|
<span class="sld"><span class="fill"></span><span class="knob"></span></span>
|
|
<span class="name" style="font-family:var(--font-mono); color:#42dcd1;">0.60</span>
|
|
</div>
|
|
</div>
|
|
</body></html>
|