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

Highlights are fills only — no more underlines

Browse Source 
End rhymes keep the stronger tint; phrase rhymes paint the stretches
their words don't claim, so multi-word matches still read as units.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Kenneth Reitz
2026-06-07 03:09:35 -04:00
parent aeb3fcdbfc
commit ba0c8a715f
1 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/index.html
+5 -11
View File
@@ -464,17 +464,11 @@ function render(){
const w = words.find(t=>t.s <= a && b <= t.e);
const p = phrases.find(t=>t.s <= a && b <= t.e);
if(!w && !p){ h += text; continue; }
let style = '';
if(w) style += `background:color-mix(in srgb, ${colorOf(w)} ${w.end ? 24 : 15}%, transparent);`;
let ul = null;
if(w && w.end){
ul = w.slant ? `color-mix(in srgb, ${colorOf(w)} 45%, transparent)` : colorOf(w);
}else if(p){
ul = p.end && !p.slant ? colorOf(p)
: `color-mix(in srgb, ${colorOf(p)} 55%, transparent)`;
}
if(ul) style += `box-shadow:inset 0 -2px 0 0 ${ul};`;
h += `<span class="hseg" style="${style}">${text}</span>`;
// fills only: words paint their group color; phrase rhymes paint
// the stretches between, so multi-word matches still read as units
const alpha = w ? (w.end ? 24 : 15) : (p.end ? 18 : 12);
const color = w ? colorOf(w) : colorOf(p);
h += `<span class="hseg" style="background:color-mix(in srgb, ${color} ${alpha}%, transparent);">${text}</span>`;
}
}
const m = meterToggle.checked && fresh && analysis.meter