// git-agecrypt logo variations // Abstract mark: lock + git node motifs. All stroke-based, monoline, geometric. const Logo = ({ variant = "shackle-node", size = 40, accent = "var(--accent)", ink = "currentColor", strokeWidth = 1.6 }) => { const s = size; // Variant A: Shackle-Node — padlock shackle becomes a git branch with three nodes if (variant === "shackle-node") { return ( {/* shackle arc, open at bottom */} {/* git branch line — vertical spine through the lock body */} {/* branch off to the right */} {/* nodes */} ); } // Variant B: Keyhole-Commit — a stylized keyhole where the opening is a commit dot if (variant === "keyhole-commit") { return ( {/* outer rounded square — lock body */} {/* keyhole dot */} {/* keyhole tail — git line */} {/* commit ticks on the line */} ); } // Variant C: Padlock-Graph — bracket-style padlock with explicit git graph inside if (variant === "padlock-graph") { return ( {/* shackle */} {/* body */} {/* graph inside: two parallel branches with a merge */} ); } // Variant D: Glyph-A — Stylized 'a' (age) inside a shackle ring if (variant === "glyph-a") { return ( {/* shackle ring */} {/* gap at top representing open shackle / opening */} {/* lowercase a — geometric */} ); } return null; }; const Wordmark = ({ variant = "shackle-node", showWordmark = true }) => ( {showWordmark && ( git-agecrypt )} ); window.Logo = Logo; window.Wordmark = Wordmark;