);
}
+sub disprgb {
+ my ($index) = @_;
+ my $circle = '<circle cx="%s" cy="%s" r="8" fill="#%X%X%X"/>';
+ return sprintf(
+ '<svg width="16" height="16" viewBox="0 0 22 22">%s</svg>',
+ join '',
+ sprintf($circle, 10, 10, [0, 8, 15]->[$index % 3], 0, 0),
+ sprintf($circle, 11, 12, 0, [0, 8, 15]->[$index / 3 % 3], 0),
+ sprintf($circle, 12, 10, 0, 0, [0, 8, 15]->[$index / 9]),
+ );
+}
+
(
uppercase => {
list => [qw{ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z }],
'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
- ],
+ list => [ map { disprgb($_) } 0 .. 3*3*3 ],
},
dni => {
title => "D'ni",