Update 2025-04-13_16:41:14

2025-04-13 16:41:15 +02:00
commit c6711f49e4
2229 changed files with 406880 additions and 0 deletions
--- a/static/style.css
+++ b/static/style.css
@ -0,0 +1,145 @@
+#game-container {
+  max-width: 960px;
+  text-align: center;
+}
+
+.restart-container {
+  margin-bottom: 1rem;
+}
+
+.task-row {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 1rem;
+}
+
+.num-slot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 3rem;
+  height: 3rem;
+  font-size: 1.5rem;
+  text-align: center;
+  border: 2px solid #ccc;
+  border-radius: 6px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.num-slot.active {
+  border-color: #88b;
+  background-color: #eef;
+}
+
+.num-slot.ok {
+  border-color: green;
+  background-color: #e0ffe0;
+}
+
+.num-slot.fail {
+  border-color: red;
+  background-color: #ffe0e0;
+}
+
+.num-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 3rem);
+  gap: 0.5rem;
+  justify-content: center;
+}
+
+.num-key {
+  padding: 1rem;
+  font-size: 1.2rem;
+  cursor: pointer;
+  border: 1px solid #999;
+  border-radius: 4px;
+  background-color: #f9f9f9;
+}
+
+.num-key:hover {
+  background-color: #eef;
+}
+
+.operator,
+.equals {
+  font-size: 1.5rem;
+}
+
+.result-block {
+  font-size: 2rem;
+  padding: 0.5rem 1rem;
+  border: 2px solid #ccc;
+  border-radius: 8px;
+  min-width: 3rem;
+}
+
+button {
+  padding: 0.5rem 1rem;
+  font-size: 1rem;
+  cursor: pointer;
+}
+
+button:hover {
+  background-color: #eef;
+}
+
+#feedback {
+  margin-top: 1rem;
+  font-size: 1.2rem;
+  font-weight: bold;
+  color: #444;
+  min-height: 1.5em;
+  transition: color 0.3s ease, transform 0.15s ease;
+}
+
+.feedback-ok {
+  color: green;
+  transform: scale(1.03);
+}
+
+.feedback-fail {
+  color: red;
+  transform: scale(1.03);
+}
+
+#level-info {
+  font-size: 1.5rem;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  font-weight: bold;
+  color: #225;
+}
+
+canvas {
+  max-width: 960px;
+  margin: 1rem auto;
+  display: block;
+}
+
+table {
+  width: 80%;
+  margin: 0 auto;
+  border-collapse: collapse;
+}
+
+th,
+td {
+  padding: 0.8rem;
+  text-align: left;
+  border: 1px solid #ccc;
+}
+
+th {
+  background-color: #f1f1f1;
+}
+
+#restart-btn {
+  margin-top: 1rem;
+}
+
+#check-btn {
+  margin-bottom: 1rem;
+}