docs: update docs index with repos assets

S1M0N38 · S1M0N38 · commit 78e01273e561 · 2026-01-06T16:14:07.000+01:00
diff --git a/docs/assets/balatrobench.svg b/docs/assets/balatrobench.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90">
+  <defs>
+    <mask id="bench-mask" maskContentUnits="userSpaceOnUse">
+      <!-- 1. White base (Reveal everything) -->
+      <rect x="-1000" y="-1000" width="3000" height="3000" fill="white" />
+
+      <!-- 2. Black shapes (Hide/Cutout) -->
+      <g fill="black">
+        <rect x="170.0" y="260" width="380" height="20" />
+      <rect x="190.0" y="265" width="80" height="175" />
+      <rect x="320.0" y="265" width="80" height="255" />
+      <rect x="450.0" y="265" width="80" height="335" />
+      </g>
+    </mask>
+  </defs>
+
+  <style>
+    /* Light mode - dark cards */
+    .cards {
+      fill: #27272a;
+    }
+
+    /* Dark mode - light cards */
+    @media (prefers-color-scheme: dark) {
+      .cards {
+        fill: #fafafa;
+      }
+    }
+  </style>
+
+  <g class="cards" transform="translate(0, 90) scale(0.1, -0.1)">
+    <!-- Front card with masked benchmark symbol -->
+    <path d="M110 790 c-19 -19 -20 -33 -20 -340 0 -307 1 -321 20 -340 19 -19 33 -20 250 -20 217 0 231 1 250 20 19 19 20 33 20 340 0 307 -1 321 -20 340 -19 19 -33 20 -250 20 -217 0 -231 -1 -250 -20z" mask="url(#bench-mask)"/>
+
+    <!-- Back card (offset) -->
+    <path d="M688 459 c2 -281 0 -336 -13 -361 -19 -39 -19 -38 9 -38 50 0 59 28 110 359 47 300 48 312 31 331 -10 11 -34 22 -54 25 -20 4 -47 8 -61 11 l-25 5 3 -332z"/>
+  </g>
+</svg>
diff --git a/docs/assets/balatrobot.svg b/docs/assets/balatrobot.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90">
+  <style>
+    /* Light mode - dark cards */
+    .cards {
+      fill: #27272a;
+    }
+
+    /* Dark mode - light cards */
+    @media (prefers-color-scheme: dark) {
+      .cards {
+        fill: #fafafa;
+      }
+    }
+  </style>
+
+  <g class="cards" transform="translate(0, 90) scale(0.1, -0.1)">
+    <!-- Front card with spade symbol -->
+    <path d="M110 790 c-19 -19 -20 -33 -20 -340 0 -307 1 -321 20 -340 19 -19 33
+-20 250 -20 217 0 231 1 250 20 19 19 20 33 20 340 0 307 -1 321 -20 340 -19 19 -33 20 -250 20 -217 0 -231 -1 -250 -20z
+      M 180 360 L 180 540 A 40 40 0 0 0 220 580 L 500 580 A 40 40 0 0 0 540 540 L 540 360 A 40 40 0 0 0 500 320 L 220 320 A 40 40 0 0 0 180 360 z
+      M 350 580 L 350 631.7 A 30 30 0 1 0 370 631.7 L 370 580 z
+      M 310 480 A 30 30 0 1 0 250 480 A 30 30 0 1 0 310 480 z
+      M 470 480 A 30 30 0 1 0 410 480 A 30 30 0 1 0 470 480 z
+      M 260 390 L 260 370 A 10 10 0 0 1 270 360 L 450 360 A 10 10 0 0 1 460 370 L 460 390 A 10 10 0 0 1 450 400 L 270 400 A 10 10 0 0 1 260 390 z"/>
+
+    <!-- Back card (offset) -->
+    <path d="M688 459 c2 -281 0 -336 -13 -361 -19 -39 -19 -38 9 -38 50 0 59 28
+110 359 47 300 48 312 31 331 -10 11 -34 22 -54 25 -20 4 -47 8 -61 11 l-25 5
+3 -332z"/>
+  </g>
+</svg>
diff --git a/docs/assets/balatrollm.svg b/docs/assets/balatrollm.svg
@@ -0,0 +1,49 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90">
+  <defs>
+    <mask id="network-mask" maskContentUnits="userSpaceOnUse">
+      <!-- 1. White base (Reveal everything) -->
+      <rect x="-1000" y="-1000" width="3000" height="3000" fill="white" />
+
+      <!-- 2. Black shapes (Hide/Cutout) -->
+      <g fill="black" stroke="black" stroke-width="22" stroke-linecap="butt">
+        <line x1="190" y1="340" x2="360" y2="250" />
+      <line x1="190" y1="340" x2="360" y2="440" />
+      <line x1="190" y1="340" x2="360" y2="630" />
+      <line x1="190" y1="540" x2="360" y2="250" />
+      <line x1="190" y1="540" x2="360" y2="440" />
+      <line x1="190" y1="540" x2="360" y2="630" />
+      <line x1="360" y1="250" x2="530" y2="440" />
+      <line x1="360" y1="440" x2="530" y2="440" />
+      <line x1="360" y1="630" x2="530" y2="440" />
+      <circle cx="190" cy="340" r="32" />
+      <circle cx="190" cy="540" r="32" />
+      <circle cx="360" cy="250" r="32" />
+      <circle cx="360" cy="440" r="32" />
+      <circle cx="360" cy="630" r="32" />
+      <circle cx="530" cy="440" r="32" />
+      </g>
+    </mask>
+  </defs>
+
+  <style>
+    /* Light mode - dark cards */
+    .cards {
+      fill: #27272a;
+    }
+
+    /* Dark mode - light cards */
+    @media (prefers-color-scheme: dark) {
+      .cards {
+        fill: #fafafa;
+      }
+    }
+  </style>
+
+  <g class="cards" transform="translate(0, 90) scale(0.1, -0.1)">
+    <!-- Front card with masked neural network symbol -->
+    <path d="M110 790 c-19 -19 -20 -33 -20 -340 0 -307 1 -321 20 -340 19 -19 33 -20 250 -20 217 0 231 1 250 20 19 19 20 33 20 340 0 307 -1 321 -20 340 -19 19 -33 20 -250 20 -217 0 -231 -1 -250 -20z" mask="url(#network-mask)"/>
+
+    <!-- Back card (offset) -->
+    <path d="M688 459 c2 -281 0 -336 -13 -361 -19 -39 -19 -38 9 -38 50 0 59 28 110 359 47 300 48 312 31 331 -10 11 -34 22 -54 25 -20 4 -47 8 -61 11 l-25 5 3 -332z"/>
+  </g>
+</svg>
diff --git a/docs/index.md b/docs/index.md
@@ -1,24 +1,24 @@
-# BalatroLLM
-
-<!-- TODO: This should be uncommented when the balatrollm repo is public -->
-
-<!-- <figure> -->
-
-<!--   <figcaption>BalatroLLM playing Balatro</figcaption> -->
-
-<!--   <video controls playsinline> -->
+<div style="display: flex; justify-content: center;">
+  <figure style="text-align: center; margin: 0;">
+    <a href="https://coder.github.io/balatrollm/">
+      <img src="assets/balatrollm.svg" alt="BalatroLLM" width="170">
+    </a>
+    <figcaption>
+      <a href="https://coder.github.io/balatrollm/">BalatroLLM</a><br>
+      <small>Play Balatro with LLMs</small>
+    </figcaption>
+  </figure>
+</div>
 
-<!--     <source src="https://github.com/user-attachments/assets/777d0c4f-d66a-47dd-9eab-7efb20beaaf2" type="video/mp4"> -->
+---
 
-<!--     Your browser does not support the video tag. -->
+BalatroLLM is a bot that uses Large Language Models (LLMs) to play [Balatro](https://www.playbalatro.com/), the popular roguelike poker deck-building game. The bot analyzes game states, makes strategic decisions, and executes actions through the [BalatroBot](https://github.com/coder/balatrobot) client.
 
-<!--   </video> -->
+!!! warning "Breaking Changes"
 
-<!-- </figure> -->
+    **BalatroLLM 1.0.0 introduces breaking changes:**
 
----
-
-BalatroLLM is a bot that uses Large Language Models (LLMs) to play [Balatro](https://www.playbalatro.com/), the popular roguelike poker deck-building game. The bot analyzes game states, makes strategic decisions, and executes actions through the [BalatroBot](https://github.com/coder/balatrobot) client.
+    - **Requires BalatroBot 1.x**: This version is strictly compatible only with BalatroBot 1.x versions. Ensure your BalatroBot mod is updated.
 
 <div class="grid cards" markdown>
 
@@ -54,8 +54,44 @@ BalatroLLM is a bot that uses Large Language Models (LLMs) to play [Balatro](htt
 
     [:octicons-arrow-right-24: Strategies](strategies.md)
 
-</div>
+- :octicons-sparkle-fill-16:{ .lg .middle } __Documentation for LLM__
+
+    ---
 
-!!! tip "Docs for LLM"
+    Docs in [llms.txt](https://llmstxt.org/) format. Paste the following link (or its content) into the LLM.
 
-    Documentation in [llms.txt](https://llmstxt.org/) format. Just paste [this link](llms-full.txt) (or its content) into the LLM chat.
+    [:octicons-arrow-right-24: llms-full.txt](llms-full.txt)
+
+</div>
+
+## Related Projects
+
+<div style="display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap;">
+  <figure style="text-align: center; margin: 0;">
+    <a href="https://coder.github.io/balatrobot/">
+      <img src="assets/balatrobot.svg" alt="BalatroBot" width="92">
+    </a>
+    <figcaption>
+      <a href="https://coder.github.io/balatrobot/">BalatroBot</a><br>
+      <small>API for developing Balatro bots</small>
+    </figcaption>
+  </figure>
+  <figure style="text-align: center; margin: 0;">
+    <a href="https://coder.github.io/balatrollm/">
+      <img src="assets/balatrollm.svg" alt="BalatroLLM" width="92">
+    </a>
+    <figcaption>
+      <a href="https://coder.github.io/balatrollm/">BalatroLLM</a><br>
+      <small>Play Balatro with LLMs</small>
+    </figcaption>
+  </figure>
+  <figure style="text-align: center; margin: 0;">
+    <a href="https://coder.github.io/balatrobench/">
+      <img src="assets/balatrobench.svg" alt="BalatroBench" width="92">
+    </a>
+    <figcaption>
+      <a href="https://coder.github.io/balatrobench/">BalatroBench</a><br>
+      <small>Benchmark LLMs playing Balatro</small>
+    </figcaption>
+  </figure>
+</div>
