From 3f9a2cdfed46689b03d58b70ddd6edc6d0621fd4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=B6kay=20G=C3=BCrcan?= <github@gokaygurcan.com>
Date: Tue, 2 Sep 2025 23:08:13 +0200
Subject: [PATCH 1/3] chore: update styles

---
 index.html | 204 +++++++++++++++++++++++++++++------------------------
 1 file changed, 110 insertions(+), 94 deletions(-)
diff --git a/index.html b/index.html
index 6b418c6..528ff42 100644
--- a/index.html
+++ b/index.html
@@ -23,11 +23,11 @@
   <style>
     @font-face {
       font-family: 'm6x11';
-      src: url('/m6x11plus.ttf') format('truetype');
+      src: url('./m6x11plus.ttf') format('truetype');
       font-weight: normal;
       font-style: normal;
     }
-    
+
     body, h1, p {
       margin: 0;
       padding: 0;
@@ -47,7 +47,7 @@
       background-color: #006025;
       color: #ffffff;
     }
-    
+
     h2 {
       text-align: center;
       font-weight: normal;
@@ -112,7 +112,6 @@
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
-      background-image: url('path/to/custom-arrow.png');
       background-repeat: no-repeat;
       background-position: right 8px center;
       padding-right: 25px; /* Adjust as needed to accommodate the custom arrow */
@@ -124,6 +123,7 @@
       padding: 6px 10px;
       border-radius: 4px;
     }
+
     button {
       border: 1px solid #ccc;
       padding: 6px 10px;
@@ -148,7 +148,6 @@
     /* Add border, padding, and rounded corners */
     input {
       border: 1px solid #ccc;
-      padding: 6px 10px;
       border-radius: 4px;
     }
 
@@ -159,19 +158,6 @@
       box-shadow: 0 0 5px rgba(100, 149, 237, 0.5);
     }
 
-    /* Style the number input box */
-    input[type="number"] {
-      width: 60px; /* Adjust as needed */
-    }
-
-    /* Style the text input box */
-    input[type="text"] {
-      width: 200px; /* Adjust as needed */
-    }
-    input[id="seed"] {
-      width: 80px; /* Adjust as needed */
-    }
-
     #checkboxesOverlay {
       display: none;
       position: fixed;
@@ -209,6 +195,30 @@
       clear: both;
       display: table;
     }
+
+    div.input-section > label {
+      width: 120px;
+      display: inline-block;
+    }
+
+    div.input-section > input, div.input-section > select {
+      /* width: 200px; */
+      margin-bottom: 4px;
+    }
+
+    div.input-section > input {
+      padding-inline-start: 10px;
+      height: 28.5px;
+      width: 186px;
+    }
+
+    div.input-section > select {
+      width: 200px;
+    }
+
+    button#analyzeButton {
+      margin-top: 12px;
+    }
   </style>
   <head>
     <meta charset="UTF-8">
@@ -227,7 +237,7 @@ <h2>Settings</h2>
         <input type="number" id="ante" min="1" max="999" value="8" required>
         <br>
         <label for="cardsPerAnte">Cards per Ante:</label>
-        <input type="text" id="cardsPerAnte" value = "15,50,50,50,50,50,50,50" required>
+        <input type="number" id="cardsPerAnte" min="0" max="100" value="15" required>
         <br>
         <label for="deck">Deck:</label>
         <select id="deck" required>
@@ -264,12 +274,14 @@ <h2>Settings</h2>
         <br>
         <label for="version">Version:</label>
         <select id="version" required>
+          <option value="10115">1.0.1o-full</option>
+          <option value="10014">1.0.0n</option>
           <option value="10106">1.0.1f</option>
           <option value="10103">1.0.1c</option>
-          <option value="10014">1.0.0n</option>
           <!-- Add version options here -->
         </select>
         <br>
+        <button id="analyzeButton">Analyze</button>
         <button id="openCheckboxesBtn">Modify Unlocks</button>
         <div id="checkboxesOverlay">
           <div id="checkboxesPopup">
@@ -280,82 +292,82 @@ <h2>Unlocked Items</h2>
             <button id="lockBtn">Lock All</button>
           </div>
         </div>
-        <br>
-        <button id="analyzeButton">Analyze</button>
         <button id="copyButton">Copy Link</button>
       </div>
       <div class="output-section">
         <h2>Output</h2>
         <textarea id="outputBox" rows="16" readonly></textarea>
         <br>
-        <button id="downloadButton" style="font-size: 1em">Download</button>
+        <button id="downloadButton">Download</button>
       </div>
     </div>
   </body>
   <script>
-    //Unlocks stuff
+    // Unlocks stuff
     // Option values
-    const options = ["Negative Tag",
-                    "Foil Tag",
-                    "Holographic Tag",
-                    "Polychrome Tag",
-                    "Rare Tag",
-                    "Golden Ticket",
-                    "Mr. Bones",
-                    "Acrobat",
-                    "Sock and Buskin",
-                    "Swashbuckler",
-                    "Troubadour",
-                    "Certificate",
-                    "Smeared Joker",
-                    "Throwback",
-                    "Hanging Chad",
-                    "Rough Gem",
-                    "Bloodstone",
-                    "Arrowhead",
-                    "Onyx Agate",
-                    "Glass Joker",
-                    "Showman",
-                    "Flower Pot",
-                    "Blueprint",
-                    "Wee Joker",
-                    "Merry Andy",
-                    "Oops! All 6s",
-                    "The Idol",
-                    "Seeing Double",
-                    "Matador",
-                    "Hit the Road",
-                    "The Duo",
-                    "The Trio",
-                    "The Family",
-                    "The Order",
-                    "The Tribe",
-                    "Stuntman",
-                    "Invisible Joker",
-                    "Brainstorm",
-                    "Satellite",
-                    "Shoot the Moon",
-                    "Driver's License",
-                    "Cartomancer",
-                    "Astronomer",
-                    "Burnt Joker",
-                    "Bootstraps",
-                    "Overstock Plus",
-                    "Liquidation",
-                    "Glow Up",
-                    "Reroll Glut",
-                    "Omen Globe",
-                    "Observatory",
-                    "Nacho Tong",
-                    "Recyclomancy",
-                    "Tarot Tycoon",
-                    "Planet Tycoon",
-                    "Money Tree",
-                    "Antimatter",
-                    "Illusion",
-                    "Petroglyph",
-                    "Retcon",
-                    "Palette"]
+    const options = [
+      "Negative Tag",
+      "Foil Tag",
+      "Holographic Tag",
+      "Polychrome Tag",
+      "Rare Tag",
+      "Golden Ticket",
+      "Mr. Bones",
+      "Acrobat",
+      "Sock and Buskin",
+      "Swashbuckler",
+      "Troubadour",
+      "Certificate",
+      "Smeared Joker",
+      "Throwback",
+      "Hanging Chad",
+      "Rough Gem",
+      "Bloodstone",
+      "Arrowhead",
+      "Onyx Agate",
+      "Glass Joker",
+      "Showman",
+      "Flower Pot",
+      "Blueprint",
+      "Wee Joker",
+      "Merry Andy",
+      "Oops! All 6s",
+      "The Idol",
+      "Seeing Double",
+      "Matador",
+      "Hit the Road",
+      "The Duo",
+      "The Trio",
+      "The Family",
+      "The Order",
+      "The Tribe",
+      "Stuntman",
+      "Invisible Joker",
+      "Brainstorm",
+      "Satellite",
+      "Shoot the Moon",
+      "Driver's License",
+      "Cartomancer",
+      "Astronomer",
+      "Burnt Joker",
+      "Bootstraps",
+      "Overstock Plus",
+      "Liquidation",
+      "Glow Up",
+      "Reroll Glut",
+      "Omen Globe",
+      "Observatory",
+      "Nacho Tong",
+      "Recyclomancy",
+      "Tarot Tycoon",
+      "Planet Tycoon",
+      "Money Tree",
+      "Antimatter",
+      "Illusion",
+      "Petroglyph",
+      "Retcon",
+      "Palette"
+    ];
     selectedOptions = Array(61).fill(true);
 
     // Get references to elements
@@ -403,6 +415,7 @@ <h2>Output</h2>
       // Do something with the selected options
       closeOverlay();
     }
+
     function handleLock() {
       const checkboxes = checkboxesContainer.querySelectorAll('input[type="checkbox"]');
       selectedOptions = [];
@@ -410,6 +423,7 @@ <h2>Output</h2>
         checkbox.checked = false
       });
     }
+
     function handleUnlock() {
       const checkboxes = checkboxesContainer.querySelectorAll('input[type="checkbox"]');
       selectedOptions = [];
@@ -453,7 +467,7 @@ <h2>Output</h2>
     const copyLinkButton = document.getElementById('copyButton');
     const downloadButton = document.getElementById('downloadButton');
     const outputBox = document.getElementById('outputBox');
-    
+
     // Add event listener for the "Copy Link" button
     copyLinkButton.addEventListener('click', copyLink);
 
@@ -484,10 +498,10 @@ <h2>Output</h2>
 
       // Add non-default input values as URL parameters
       if (anteInput.value !== '8') params.append('ante', anteInput.value);
-      if (cardsPerAnteInput.value !== '15,50,50,50,50,50,50,50') params.append('cardsPerAnte', cardsPerAnteInput.value);
+      if (cardsPerAnteInput.value !== '15') params.append('cardsPerAnte', cardsPerAnteInput.value);
       if (deckSelect.value !== 'Red Deck') params.append('deck', deckSelect.value);
       if (stakeSelect.value !== 'White Stake') params.append('stake', stakeSelect.value);
-      if (versionSelect.value != '10106') params.append('version', versionSelect.value);
+      if (versionSelect.value !== '10115') params.append('version', versionSelect.value);
       if (seedInput.value !== '') params.append('seed', seedInput.value);
       if (base64Unlocks != '/////////x/4') params.append('unlocks', base64Unlocks);
 
@@ -524,7 +538,7 @@ <h2>Output</h2>
     function performAnalysis() {
       // Get input values
       const ante = parseInt(anteInput.value, 10);
-      const cardsPerAnte = cardsPerAnteInput.value.split(',').map(Number);
+      const cardsPerAnte = Array(ante).fill(cardsPerAnteInput.value);
       const deck = deckSelect.value;
       const stake = stakeSelect.value;
       const version = parseInt(versionSelect.value);
@@ -710,8 +724,8 @@ <h2>Output</h2>
         anteInput.value = urlAnte;
         anteInput.value = Math.min(anteInput.value, 999);
         anteInput.value = Math.max(anteInput.value, 1);
-        cardsPerAnteInput.value = "15,50,50,50,50,50,50,50";
-        var input = cardsPerAnteInput.value.split(',').map(Number);
+        cardsPerAnteInput.value = "15";
+        var input = Array(anteInput.value).fill(cardsPerAnteInput.value);
         var fixedInput = []
         for (let i = 0; i < anteInput.value; i++) {
           if (input.length < i) {
@@ -726,7 +740,7 @@ <h2>Output</h2>
       }
       if (urlCardsPerAnte) {
         cardsPerAnteInput.value = urlCardsPerAnte;
-        var input = cardsPerAnteInput.value.split(',').map(Number);
+        var input = Array(anteInput.value).fill(cardsPerAnteInput.value);
         var fixedInput = []
         for (let i = 0; i < anteInput.value; i++) {
           if (input.length < i) {
@@ -757,10 +771,11 @@ <h2>Output</h2>
       seedInput.addEventListener('input', () => {
         seedInput.value = filterSeed(seedInput.value);
       });
+
       anteInput.addEventListener('input', () => {
         anteInput.value = Math.min(anteInput.value, 999);
         anteInput.value = Math.max(anteInput.value, 1);
-        var input = cardsPerAnteInput.value.split(',').map(Number);
+        var input = Array(anteInput.value).fill(cardsPerAnteInput.value);
         var fixedInput = []
         for (let i = 0; i < anteInput.value; i++) {
           if (input.length < i) {
@@ -773,8 +788,9 @@ <h2>Output</h2>
         }
         cardsPerAnteInput.value = fixedInput;
       });
+
       cardsPerAnteInput.addEventListener('input', () => {
-        var input = cardsPerAnteInput.value.split(',').map(Number);
+        var input = Array(anteInput.value).fill(cardsPerAnteInput.value);
         var fixedInput = []
         for (let i = 0; i < anteInput.value; i++) {
           if (input.length < i) {

From 1604dfe56e8c73b985170723480e54037cf6352a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=B6kay=20G=C3=BCrcan?= <github@gokaygurcan.com>
Date: Tue, 2 Sep 2025 23:44:03 +0200
Subject: [PATCH 2/3] fix: cards per ante

---
 index.html | 64 ++++++++++--------------------------------------------
 1 file changed, 11 insertions(+), 53 deletions(-)

diff --git a/index.html b/index.html
index 528ff42..c0ae6d9 100644
--- a/index.html
+++ b/index.html
@@ -219,6 +219,10 @@
     button#analyzeButton {
       margin-top: 12px;
     }
+
+    button#downloadButton {
+      margin-top: 4px;
+    }
   </style>
   <head>
     <meta charset="UTF-8">
@@ -296,7 +300,7 @@ <h2>Unlocked Items</h2>
       </div>
       <div class="output-section">
         <h2>Output</h2>
-        <textarea id="outputBox" rows="16" readonly></textarea>
+        <textarea id="outputBox" rows="14" readonly></textarea>
         <br>
         <button id="downloadButton">Download</button>
       </div>
@@ -454,7 +458,6 @@ <h2>Output</h2>
     lockBtn.addEventListener('click', handleLock);
     unlockBtn.addEventListener('click', handleUnlock);
 
-
     instantAnalysis = false;
 
     const anteInput = document.getElementById('ante');
@@ -538,7 +541,7 @@ <h2>Output</h2>
     function performAnalysis() {
       // Get input values
       const ante = parseInt(anteInput.value, 10);
-      const cardsPerAnte = Array(ante).fill(cardsPerAnteInput.value);
+      const cardsPerAnte = Array(ante).fill(Number(cardsPerAnteInput.value));
       const deck = deckSelect.value;
       const stake = stakeSelect.value;
       const version = parseInt(versionSelect.value);
@@ -724,34 +727,10 @@ <h2>Output</h2>
         anteInput.value = urlAnte;
         anteInput.value = Math.min(anteInput.value, 999);
         anteInput.value = Math.max(anteInput.value, 1);
-        cardsPerAnteInput.value = "15";
-        var input = Array(anteInput.value).fill(cardsPerAnteInput.value);
-        var fixedInput = []
-        for (let i = 0; i < anteInput.value; i++) {
-          if (input.length < i) {
-            fixedInput.push(0);
-          } else {
-            fixedInput.push(input[i]);
-          }
-          if (fixedInput[i] == undefined) fixedInput[i] = 0;
-          if (isNaN(fixedInput[i])) fixedInput[i] = 0;
-        }
-        cardsPerAnteInput.value = fixedInput;
+        cardsPerAnteInput.value = Array(anteInput.value).fill(Number(urlCardsPerAnte ? urlCardsPerAnte : "15"));
       }
       if (urlCardsPerAnte) {
-        cardsPerAnteInput.value = urlCardsPerAnte;
-        var input = Array(anteInput.value).fill(cardsPerAnteInput.value);
-        var fixedInput = []
-        for (let i = 0; i < anteInput.value; i++) {
-          if (input.length < i) {
-            fixedInput.push(0);
-          } else {
-            fixedInput.push(input[i]);
-          }
-          if (fixedInput[i] == undefined) fixedInput[i] = 0;
-          if (isNaN(fixedInput[i])) fixedInput[i] = 0;
-        }
-        cardsPerAnteInput.value = fixedInput;
+        cardsPerAnteInput.value = Array(anteInput.value).fill(Number(urlCardsPerAnte));
       }
       if (urlDeck) {
         deckInput.value = urlDeck;
@@ -775,33 +754,12 @@ <h2>Output</h2>
       anteInput.addEventListener('input', () => {
         anteInput.value = Math.min(anteInput.value, 999);
         anteInput.value = Math.max(anteInput.value, 1);
-        var input = Array(anteInput.value).fill(cardsPerAnteInput.value);
-        var fixedInput = []
-        for (let i = 0; i < anteInput.value; i++) {
-          if (input.length < i) {
-            fixedInput.push(0);
-          } else {
-            fixedInput.push(input[i]);
-          }
-          if (fixedInput[i] == undefined) fixedInput[i] = 0;
-          if (isNaN(fixedInput[i])) fixedInput[i] = 0;
-        }
-        cardsPerAnteInput.value = fixedInput;
       });
 
       cardsPerAnteInput.addEventListener('input', () => {
-        var input = Array(anteInput.value).fill(cardsPerAnteInput.value);
-        var fixedInput = []
-        for (let i = 0; i < anteInput.value; i++) {
-          if (input.length < i) {
-            fixedInput.push(0);
-          } else {
-            fixedInput.push(input[i]);
-          }
-          if (fixedInput[i] == undefined) fixedInput[i] = 0;
-          if (isNaN(fixedInput[i])) fixedInput[i] = 0;
-        }
-        cardsPerAnteInput.value = fixedInput;
+        cardsPerAnteInput.value = Math.min(cardsPerAnteInput.value, 100);
+        cardsPerAnteInput.value = Math.max(cardsPerAnteInput.value, 0);
+        cardsPerAnteInput.value = Array(anteInput.value).fill(Number(cardsPerAnteInput.value));
       });
 
       function filterSeed(seed) {

From 8343999e75cee7069ab5294b4c93661e95baf0c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=B6kay=20G=C3=BCrcan?= <github@gokaygurcan.com>
Date: Wed, 3 Sep 2025 13:56:26 +0200
Subject: [PATCH 3/3] fix: change the order of tags and boss elements

---
 UI.js | 48 ++++++++++++++++++++++++------------------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/UI.js b/UI.js
index 6c59901..5c01424 100644
--- a/UI.js
+++ b/UI.js
@@ -842,30 +842,6 @@ function searchAndHighlight() {
             }
             queueInfo.appendChild(voucherElement);
 
-            const bossElement = document.createElement('div');
-            bossElement.innerHTML = '<b><u>Boss</u></b>';
-            bossElement.style = "font-size: 16px";
-
-            if (boss) {
-                const bossContainer = document.createElement('div');
-                bossContainer.className = 'bossContainer';
-
-                const bossCanvas = document.createElement('canvas');
-                bossCanvas.width = 34;
-                bossCanvas.height = 34;
-                renderBoss(bossCanvas, boss);
-                bossContainer.appendChild(bossCanvas);
-
-                const bossNameElement = document.createElement('div');
-                bossNameElement.textContent = boss;
-                bossNameElement.classList.add('bossName');
-                bossContainer.appendChild(bossNameElement);
-
-                bossElement.appendChild(bossContainer);
-            }
-
-            queueInfo.appendChild(bossElement);
-
             const tagsElement = document.createElement('div');
             tagsElement.innerHTML = '<b><u>Tags</u></b>';
             tagsElement.style = "font-size: 16px";
@@ -894,6 +870,30 @@ function searchAndHighlight() {
             tagsElement.appendChild(tagsContainer);
             queueInfo.appendChild(tagsElement);
 
+            const bossElement = document.createElement('div');
+            bossElement.innerHTML = '<b><u>Boss</u></b>';
+            bossElement.style = "font-size: 16px";
+
+            if (boss) {
+                const bossContainer = document.createElement('div');
+                bossContainer.className = 'bossContainer';
+
+                const bossCanvas = document.createElement('canvas');
+                bossCanvas.width = 34;
+                bossCanvas.height = 34;
+                renderBoss(bossCanvas, boss);
+                bossContainer.appendChild(bossCanvas);
+
+                const bossNameElement = document.createElement('div');
+                bossNameElement.textContent = boss;
+                bossNameElement.classList.add('bossName');
+                bossContainer.appendChild(bossNameElement);
+
+                bossElement.appendChild(bossContainer);
+            }
+
+            queueInfo.appendChild(bossElement);
+
             queueContainer.appendChild(queueInfo);
 
             const scrollable = document.createElement('div');
