Add Metal Cluster Cat and raise the frame width limit to 300px

.github/pull_request_template.md

@@ -18,8 +18,8 @@
 - [ ] The runner is my original work, or I hold the rights to it, and I consent to its distribution under this repository's license (Apache-2.0).
 - [ ] The runner does NOT contain third-party intellectual property (e.g., Pokémon, Mario, or other copyrighted/trademarked characters).
 - [ ] Files are placed at `runners/<runner-name>/` as `<runner-name>-frames.zip`, `metadata.json`, and `preview.png`.
-- [ ] All frames are PNG files named `<runner-name>-frame-<N>.png` (numbered from 0), with a height of exactly 36px, a width between 10px and 100px, and all frames share the same size.
+- [ ] All frames are PNG files named `<runner-name>-frame-<N>.png` (numbered from 0), with a height of exactly 36px, a width between 10px and 300px, and all frames share the same size.
 - [ ] The zip contains only the frames — no `.DS_Store`, `__MACOSX/`, or `._*` entries.
 - [ ] `metadata.json` contains the correct `author`, `displayName`, `type` (`monochrome` or `color`), and `tags`.
-- [ ] `preview.png` is an animated PNG (APNG), 36px tall, at most 100px wide, and animates correctly.
+- [ ] `preview.png` is an animated PNG (APNG), 36px tall, at most 300px wide, and animates correctly.
 - [ ] `runners/manifest.json` includes the new runner name and stays sorted alphabetically.

.github/scripts/validate_runners.py

@@ -43,7 +43,7 @@
 
 FRAME_HEIGHT = 36
 MIN_WIDTH = 10
-MAX_WIDTH = 100
+MAX_WIDTH = 300
 MIN_FRAMES = 2
 
 RUNNER_NAME_RE = re.compile(r"^[a-z0-9]+(?:-[a-z0-9]+)*$")

CONTRIBUTING.md

@@ -37,7 +37,7 @@ Frame requirements:
 - Format: PNG, not interlaced
 - File name: `<runner-name>-frame-<N>.png`, numbered consecutively from `0`
 - Height: exactly 36px
-- Width: between 10px and 100px
+- Width: between 10px and 300px
 - All frames must have the same size
 - A transparent background is recommended
 - The zip must contain nothing but the frames — no Finder-generated files such as `.DS_Store`, `__MACOSX/`, or `._*`
@@ -86,7 +86,7 @@ An animated PNG (APNG) used for the gallery preview:
 
 - Format: APNG, not interlaced (a static PNG will not animate in the gallery)
 - Height: 36px
-- Width: at most 100px
+- Width: at most 300px
 
 ### 3. Update the manifest
 

runners/manifest.json

@@ -28,6 +28,7 @@
     "jack-russell-terrier",
     "lift-bro",
     "light-stick-dance",
+    "metal-cluster-cat",
     "otter",
     "rabbit",
     "record-player",

runners/metal-cluster-cat/metadata.json

@@ -0,0 +1,8 @@
+{
+  "author": "Takuto Nakamura (Kyome22)",
+  "displayName": "Metal Cluster Cat",
+  "type": "monochrome",
+  "tags": [
+    "animal"
+  ]
+}

style.css

@@ -173,6 +173,7 @@ div.runner-preview {
 div.runner-preview img {
   height: 54px;
   max-width: 100%;
+  object-fit: contain;
 }
 
 p.runner-name {