'', 1, 3 # start/end
],
},
+rgbmap => {
+ title => 'RGBmap',
+ style => [
+ 'svg { isolation: isolate }',
+ 'svg circle { mix-blend-mode: screen }',
+ ],
+ list => [
+ map { '<svg width="16" height="16" viewBox="0 0 8 8">'.$_.'</svg>' }
+ map {
+ my $circle = '<circle cx="%s" cy="%s" r="8" fill="#%X%X%X"/>';
+ join '',
+ sprintf($circle, 0, 0, [0, 8, 15]->[$_ % 3], 0, 0),
+ sprintf($circle, 8, 0, 0, [0, 8, 15]->[$_ / 3 % 3], 0),
+ sprintf($circle, 6, 8, 0, 0, [0, 8, 15]->[$_ / 9]),
+ } 1 .. 3*3*3
+ ],
+},
dni => {
title => "D'ni",
list => [