functle

@@ -11,9 +11,9 @@

             #plot { border: 1px solid grey; flex-shrink: 0; width: min(90vw, 25em); height: min(90vw, 25em); flex-shrink: 0; }

             #grid { border-collapse: separate; border-spacing: 3px 12px; margin-top: 10px; }

             #grid td { min-width: min(13vw, 4rem); height: min(13vw, 4rem); border: 1px solid #ccc; text-align: center; vertical-align: middle; font-weight: bold; transition: transform 0.3s ease; }

-            .grey { background: #3a3a3c; color: white; }

-            .yellow { background: #b59f3b; color: white; }

-            .green { background: #538e4e; color: white; }

+            .grey { background: #787c7e; }

+            .yellow { background: #c9b458; }

+            .green { background: #6aaa64; }

             #message { color: red; margin-top: 5px; }

             .side { margin-left: 20px; }

             .shake { animation: shake 0.3s; }

@@ -24,6 +24,11 @@

                 75% { transform: translateX(-5px); }

                 100% { transform: translateX(0); }

             }

+            @media (prefers-color-scheme: dark) {

+                .grey { background: #3a3a3c; }

+                .yellow { background: #b59f3b; }

+                .green { background: #538e4e; }

+            }

             @media (min-aspect-ratio: 4/3) { .container { display: flex; flex-wrap: wrap; } }

         </style>

     </head>

@@ -74,8 +79,8 @@

                 <p><a href="/">dkl9 home</a></p>

             </div>

         </div>

-        <script src="guess.js"></script>

         <script src="plot.js"></script>

+        <script src="guess.js"></script>

         <script src="input.js"></script>

     </body>

 </html>

@@ -7,10 +7,9 @@ const allTokens = [...allowed.terminals, ...allowed.unary, ...allowed.binary];

 const tl = 5;

 let target;

 let puzzleNum;

-if (false) {

-    target = generateExpr();

-    puzzleNum = 0;

-} else {

+switch (window.location.hostname) {

+    case "dkl9.net":

+    case "www.dkl9.net":

         (async () => {

             const r = await fetch("https://dkl9.net/cgi-bin/fps_curr", { redirect: "follow" });

             puzzleNum = parseInt(r.url.match(/n=(\d+)/)[1]);

@@ -26,6 +25,11 @@ if (false) {

                 navigator.clipboard.writeText(score);

             }

         })();

+        break;

+    default:

+        target = generateExpr();

+        puzzleNum = 0;

+        window.dispatchEvent(new Event("targetReady"));

 }

 const container = document.getElementsByClassName("container")[0];

 const message = document.getElementById("message");