kennethreitz/rhymepad.org
1
0
Fork 0
mirror of https://github.com/kennethreitz/rhymepad.org.git synced 2026-06-11 17:08:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tint rhyming words in their family color over the blocks

Browse Source 
Rhyming words now take a quiet tint of their family hue (28-60% toward
the color by strength, mixed with ink for legibility) on top of the
soft block fill — both channels at once: the block groups, the tinted
glyphs carry the color. The sub-word underline still marks the exact
rhyme. Subtle enough to read through.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Kenneth Reitz
2026-06-08 04:33:43 -04:00
parent db91b61eb1
commit 952ce86de7
1 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/index.html
+3 -6
View File
@@ -663,12 +663,9 @@ function render(){
dg = ` data-g="${t.g}"`;
style += `background:color-mix(in srgb, ${colorOf(t)} ${alpha}%, transparent);`;
if(w){ tk = ` data-tk="${i}:${w.s}"`; if(w.rs == null || a >= w.rs) tk += ` data-tl="${i}:${w.s}"`; }
// faint underline on the rhyming tail (rs..e) of a word — a
// whisper of precision under the full-word fill
if(w && w.rs != null && a >= w.rs){
const u = Math.round(42 * (w.str != null ? w.str : 1));
shadows.push(`inset 0 -1.5px 0 0 color-mix(in srgb, ${colorOf(w)} ${u}%, transparent)`);
}
// the whole rhyming word takes a quiet tint of the family color
const mix = Math.round(28 + 32 * str);
style += `color:color-mix(in srgb, ${colorOf(t)} ${mix}%, var(--ink));`;
}else if(op){
style += `background:color-mix(in srgb, var(--ink-dim) 13%, transparent);`;
}