perelman/contra-renderer
1
0
Fork 1
Code Issues 5 Pull Requests Activity

Compare commits

base: perelman:b683803ab77f867ac5ce642dea46f887cc0b42c4
Branches Tags
perelman:main
perelman:feature/variants
perelman:exp/dancer-colors
perelman:exp/perf/cache-strings
...
compare: perelman:f971e527364ef897cbfcc25045961c05471a2262
Branches Tags
perelman:feature/variants
perelman:main
perelman:exp/dancer-colors
perelman:exp/perf/cache-strings

2 Commits
b683803ab7 ... f971e52736

Author SHA1 Message Date
Daniel Perelman
f971e52736 Use background pattern in debug information to remind lark vs. robins by shape. 2023-11-24 16:51:33 -08:00
Daniel Perelman
b16267b9dc Fix debug information table to match new color scheme. 2023-11-24 16:30:52 -08:00
1 changed files with 45 additions and 16 deletions
Show Stats Expand all files Collapse all files

61
www/index.html
View File

@ -58,29 +58,58 @@
position: sticky; position: sticky;
top: 0; top: 0;
} }
th.Ones.Lark {
background-color: hsl(0, 80%, 50%); th.Ones {
background-color: hsl(27, 99%, 59%);
} }
td.Ones.Lark { td.Ones {
background-color: hsl(0, 90%, 70%); background-color: hsl(27, 99%, 85%);
} }
th.Ones.Robin { th.Twos {
background-color: hsl(39, 80%, 50%); background-color: hsl(249, 42%, 57%);
} }
td.Ones.Robin { td.Twos {
background-color: hsl(39, 90%, 70%); background-color: hsl(249, 52%, 85%);
} }
th.Twos.Lark {
background-color: hsl(240, 70%, 65%); th.Lark::before {
content: "◠";
text-decoration: line-through;
padding-right: 1ex;
} }
td.Twos.Lark { th.Robin::before {
background-color: hsl(240, 90%, 80%); content: "△";
padding-right: 1ex;
} }
th.Twos.Robin {
background-color: hsl(180, 80%, 50%); td.Lark.Ones {
background:
radial-gradient(circle at bottom left, hsl(27, 99%, 75%) 15%, transparent 16%),
radial-gradient(circle at bottom right, hsl(27, 99%, 75%) 15%, transparent 16%),
hsl(27, 99%, 85%);
background-size: 6em 3em;
} }
td.Twos.Robin { td.Lark.Twos {
background-color: hsl(180, 90%, 70%); background:
radial-gradient(circle at bottom left, hsl(249, 42%, 75%) 15%, transparent 16%),
radial-gradient(circle at bottom right,hsl(249, 42%, 75%) 15%, transparent 16%),
hsl(249, 52%, 85%);
background-size: 6em 3em;
}
td.Robin.Ones {
background:
linear-gradient(45deg,hsl(27, 99%, 75%) 10%, transparent 10%),
linear-gradient(135deg, transparent 90%,hsl(27, 99%, 75%) 90%),
hsl(27, 99%, 85%);
background-size: 6em 3em;
}
td.Robin.Twos {
background:
linear-gradient(45deg,hsl(249, 42%, 75%) 10%, transparent 10%),
linear-gradient(135deg, transparent 90%,hsl(249, 42%, 75%) 90%),
hsl(249, 52%, 85%);
background-size: 6em 3em;
} }
.move { .move {