christophe/chesscubing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Automatise le passage au cube et rend les temps configurables

Browse Source
This commit is contained in:
Christophe JEANNEROT
2026-04-12 12:26:57 +02:00
parent c10efa872c
commit d01e132782
5 changed files with 198 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
styles.css
View File

@@ -8,14 +8,14 @@
--grid-line: rgba(92, 234, 255, 0.09);
--text: #e4fbff;
--muted: #7da9b6;
--warm: #ffb45d;
--warm-strong: #ff7a1f;
--warm: #7df7bd;
--warm-strong: #18d97f;
--cool: #75f2ff;
--cool-strong: #1ed6ff;
--white-seat: #ffd08a;
--white-seat: #b6ffd8;
--dark-seat: #8ef6ff;
--danger: #ff647f;
--success: #9ff68e;
--success: #7df7bd;
--shadow:
0 0 0 1px rgba(98, 242, 255, 0.08),
0 26px 80px rgba(0, 0, 0, 0.56),
@@ -39,9 +39,9 @@ body {
font-family: "Segoe UI", "Trebuchet MS", sans-serif;
color: var(--text);
background:
radial-gradient(circle at top left, rgba(255, 122, 31, 0.18), transparent 22%),
radial-gradient(circle at top left, rgba(24, 217, 127, 0.18), transparent 22%),
radial-gradient(circle at 78% 18%, rgba(30, 214, 255, 0.18), transparent 20%),
radial-gradient(circle at bottom center, rgba(30, 214, 255, 0.1), transparent 26%),
radial-gradient(circle at bottom center, rgba(24, 217, 127, 0.1), transparent 26%),
linear-gradient(180deg, #01040a 0%, #03101b 48%, #041522 100%);
}
@@ -63,7 +63,7 @@ body::after {
inset: 0;
pointer-events: none;
background:
radial-gradient(circle at 50% 110%, rgba(30, 214, 255, 0.24), transparent 24%),
radial-gradient(circle at 50% 110%, rgba(24, 217, 127, 0.18), transparent 24%),
linear-gradient(180deg, transparent 0 58%, rgba(30, 214, 255, 0.06) 72%, transparent 100%);
mix-blend-mode: screen;
}
@@ -180,9 +180,9 @@ p {
}
.button.secondary {
background: linear-gradient(135deg, rgba(255, 122, 31, 0.18), rgba(255, 180, 93, 0.08));
border-color: rgba(255, 180, 93, 0.32);
box-shadow: 0 0 18px rgba(255, 122, 31, 0.1);
background: linear-gradient(135deg, rgba(24, 217, 127, 0.18), rgba(125, 247, 189, 0.08));
border-color: rgba(125, 247, 189, 0.32);
box-shadow: 0 0 18px rgba(24, 217, 127, 0.1);
}
.button.ghost {
@@ -343,6 +343,12 @@ p {
gap: 1rem;
}
.timing-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.85rem;
}
.field {
display: grid;
gap: 0.45rem;
@@ -435,7 +441,7 @@ textarea:focus {
.option-card:has(input:checked) {
border-color: rgba(30, 214, 255, 0.52);
background:
linear-gradient(160deg, rgba(30, 214, 255, 0.16), rgba(255, 122, 31, 0.08));
linear-gradient(160deg, rgba(30, 214, 255, 0.16), rgba(24, 217, 127, 0.09));
box-shadow:
inset 0 0 0 1px rgba(30, 214, 255, 0.06),
0 0 24px rgba(30, 214, 255, 0.08);
@@ -561,7 +567,7 @@ textarea:focus {
.status-card.wide {
background:
linear-gradient(160deg, rgba(30, 214, 255, 0.14), rgba(255, 122, 31, 0.09));
linear-gradient(160deg, rgba(30, 214, 255, 0.14), rgba(24, 217, 127, 0.09));
border-color: rgba(30, 214, 255, 0.22);
}
@@ -615,9 +621,9 @@ textarea:focus {
}
.light-seat {
background: rgba(255, 180, 93, 0.12);
background: rgba(125, 247, 189, 0.12);
color: var(--white-seat);
box-shadow: 0 0 16px rgba(255, 122, 31, 0.12);
box-shadow: 0 0 16px rgba(24, 217, 127, 0.12);
}
.dark-seat {
@@ -661,12 +667,12 @@ textarea:focus {
.light-button {
background:
linear-gradient(165deg, rgba(255, 122, 31, 0.24), rgba(255, 180, 93, 0.08)),
linear-gradient(165deg, rgba(24, 217, 127, 0.24), rgba(125, 247, 189, 0.08)),
linear-gradient(180deg, rgba(11, 19, 24, 0.96), rgba(5, 10, 14, 0.98));
color: var(--white-seat);
box-shadow:
inset 0 0 0 1px rgba(255, 180, 93, 0.08),
0 0 28px rgba(255, 122, 31, 0.08);
inset 0 0 0 1px rgba(125, 247, 189, 0.08),
0 0 28px rgba(24, 217, 127, 0.08);
}
.dark-button {
@@ -786,6 +792,7 @@ textarea:focus {
.setup-grid,
.mode-grid,
.preset-grid,
.timing-grid,
.faceoff-board {
grid-template-columns: 1fr;
}