From da27513334d21b8d0f2a1d0f4e7744cad835c584 Mon Sep 17 00:00:00 2001
From: w <waifuism@tutanota.com>
Date: Sun, 20 Jul 2025 00:17:28 -0300
Subject: [PATCH] Enhance card creator UI with instructions and clarifications
 for users

---
 web/templates/card_creator.html | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/templates/card_creator.html b/web/templates/card_creator.html
index 5977472..256963c 100644
--- a/web/templates/card_creator.html
+++ b/web/templates/card_creator.html
@@ -34,13 +34,18 @@
   <h1 style="margin-bottom: 2rem;">Card Creator</h1>
 
   <div style="display: flex; gap: 2rem; align-items: flex-start;">
-  
+    
     <!-- Left: Inputs -->
     <div style="flex: 1;">
 
+      <p>Use this tool to create custom Kemoverse cards! Fill in the details below, upload your art, and generate a card image.</p>
+      <p>Note: The card ID is generated based on the details, so make sure to fill them out!</p>
+
+    
+
 
       <input type="text" id="nameInput" placeholder="Card Name" style="width: 100%; margin-bottom: 0.5rem;"><br>
-      <input type="text" id="packInput" placeholder="Card Name" style="width: 100%; margin-bottom: 0.5rem;"><br>
+      <input type="text" id="packInput" placeholder="Pack name" style="width: 100%; margin-bottom: 0.5rem;"><br>
       <input type="number" id="powerInput" placeholder="⚡ Power" min="0" max="999" style="width: 100%; margin-bottom: 0.5rem;"><br>
       <input type="number" id="charmInput" placeholder="❤️ Charm" min="0" max="999" style="width: 100%; margin-bottom: 0.5rem;"><br>
       <input type="number" id="witInput" placeholder="💫 Wit" min="0" max="999" style="width: 100%; margin-bottom: 0.5rem;"><br>
@@ -55,6 +60,7 @@
         <option value="v1_legendary.png">Legendary</option>
       </select>
       <button id="downloadBtn" onclick="generateCard()">✨ Create Card</button>
+            <p>All the processing is done in your browser, no data is sent to the server.</p>
     </div>
  <!-- Right: SVG Card Output -->
     <div id="cardOutput" style="flex: 1; border: 1px solid #ccc; border-radius: 16px; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">