feat: new character list card

hmr.html

@@ -31,8 +31,6 @@
 
     canvas {
       display: block;
-      width: 1870px;
-      height: 778px;
       margin: 12px auto;
       background: #000;
     }
@@ -64,14 +62,28 @@
   <canvas id="canvas" width="1870" height="778"></canvas>
 
   <script>
-    const MINE = "/v1/card/genshin/775956514/ororon";
-    const ORIG = "/v1/card/genshin/diff/ororo.png";
+    const urlParams = new URLSearchParams(window.location.search);
+    const type = urlParams.get('type');
+
+    let MINE, ORIG, W, H;
+    if (type === 'list') {
+      MINE = "/v1/card/genshin/775956514";
+      ORIG = "/v1/card/genshin/diff/listoriginal.webp";
+      W = 1200;
+      H = 732;
+    } else {
+      MINE = "/v1/card/genshin/775956514/ororon";
+      ORIG = "/v1/card/genshin/diff/ororo.png";
+      W = 1870;
+      H = 778;
+    }
 
-    const W = 1870, H = 778;
     /**
      * @type {HTMLCanvasElement}
      */
     const canvas = document.getElementById("canvas");
+    canvas.width = W;
+    canvas.height = H;
     const ctx = canvas.getContext("2d", { willReadFrequently: true });
 
     const mode = document.getElementById("mode");
@@ -231,9 +243,9 @@
       }
     });
 
-      // window.addEventListener("focus", () => {
-      //   refresh();
-      // });
+    // window.addEventListener("focus", () => {
+    //   refresh();
+    // });
   </script>
 
 </body>