chore: add BMC widget, GitHub icon; docs: live demo + offline zip instructions

Author: snakewa

README.md

@@ -6,6 +6,17 @@ A lightweight web tool to convert SQL INSERT statements into JSON and a rendered
 
 Note: This is a 100% client-side web app (pure HTML/JS). It requires no backend and works perfectly on GitHub Pages.
 
+[![GitHub Pages](https://img.shields.io/badge/Deploy-GitHub%20Pages-2ea44f?logo=github)](https://snakewa.github.io/html5-sql-insert-tools/)
+![Static](https://img.shields.io/badge/Client--side-Static-blue)
+![Language](https://img.shields.io/badge/i18n-EN%2FZH-informational)
+![Theme](https://img.shields.io/badge/Theme-Light%20%7C%20Dark%20%7C%20System-7952B3)
+![License](https://img.shields.io/badge/License-MIT-green)
+![Last Commit](https://img.shields.io/github/last-commit/snakewa/html5-sql-insert-tools)
+
+## Live Demo
+
+- URL: https://snakewa.github.io/html5-sql-insert-tools/
+
 ## Features
 
 - Robust parsing of `INSERT INTO ... VALUES (...), (...);` across multiple tables
@@ -88,6 +99,24 @@ Produces grouped JSON:
 - All logic is in `script.js`; UI is in `index.html`.
 - No external build tools required. Bootstrap CDN is used for styling.
 
+## Offline Usage (Download ZIP)
+
+Use the app locally without any server:
+
+1. Go to the repository page: https://github.com/snakewa/html5-sql-insert-tools
+2. Click the green "Code" button → "Download ZIP".
+3. Extract the ZIP to a folder on your computer.
+4. Open the extracted folder and double‑click `index.html` to launch in your browser.
+5. Paste your SQL and click Convert.
+
 ## License
 
 MIT
+
+## Support
+
+If this tool helps you, consider buying me a coffee ☕️
+
+<a href="https://www.buymeacoffee.com/snakewa" target="_blank">
+  <img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" height="48" width="173">
+  </a>

README.zh.md

@@ -6,6 +6,17 @@
 
 说明：本项目为 100% 纯前端（纯 HTML/JS），无需后端，适合 GitHub Pages 静态托管。
 
+[![GitHub Pages](https://img.shields.io/badge/Deploy-GitHub%20Pages-2ea44f?logo=github)](https://snakewa.github.io/html5-sql-insert-tools/)
+![Static](https://img.shields.io/badge/Client--side-Static-blue)
+![Language](https://img.shields.io/badge/i18n-EN%2FZH-informational)
+![Theme](https://img.shields.io/badge/Theme-Light%20%7C%20Dark%20%7C%20System-7952B3)
+![License](https://img.shields.io/badge/License-MIT-green)
+![Last Commit](https://img.shields.io/github/last-commit/snakewa/html5-sql-insert-tools)
+
+## 在线演示
+
+- 网址：<https://snakewa.github.io/html5-sql-insert-tools/>
+
 ## 功能特点
 
 - 可靠解析 `INSERT INTO ... VALUES (...), (...);`，支持多表多语句
@@ -88,6 +99,24 @@ INSERT INTO products VALUES
 - 逻辑在 `script.js`，界面在 `index.html`。
 - 无需构建工具；样式使用 Bootstrap CDN。
 
+## 离线使用（下载 ZIP）
+
+无需服务器，本地即可运行：
+
+1. 仓库地址：<https://github.com/snakewa/html5-sql-insert-tools>
+2. 点击绿色 “Code” 按钮 → “Download ZIP”。
+3. 解压 ZIP 到本地任意文件夹。
+4. 打开该文件夹，直接双击 `index.html` 即可在浏览器中使用。
+5. 粘贴 SQL，点击 Convert 开始转换。
+
 ## 许可
 
 MIT
+
+## 支持
+
+如果这个工具对你有帮助，欢迎请我喝杯咖啡 ☕️
+
+<a href="https://www.buymeacoffee.com/snakewa" target="_blank">
+  <img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" height="48" width="173">
+</a>

index.html

@@ -51,6 +51,11 @@ <h1 id="title" class="m-0">SQL to JSON/Table Converter</h1>
                     <option value="light">Light</option>
                     <option value="dark">Dark</option>
                 </select>
+                <a href="https://github.com/snakewa/html5-sql-insert-tools" class="btn btn-outline-secondary btn-sm ms-2" target="_blank" rel="noopener" aria-label="GitHub Repository" title="GitHub Repository">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" role="img" aria-hidden="true">
+                        <path d="M12 .5a12 12 0 0 0-3.79 23.4c.6.11.82-.26.82-.58v-2.03c-3.34.73-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.09-.74.08-.73.08-.73 1.2.08 1.83 1.24 1.83 1.24 1.07 1.83 2.8 1.3 3.48.99.11-.78.42-1.3.76-1.6-2.66-.3-5.46-1.33-5.46-5.93 0-1.31.47-2.38 1.24-3.22-.12-.3-.54-1.52.12-3.17 0 0 1.01-.32 3.3 1.23a11.5 11.5 0 0 1 6 0c2.28-1.55 3.29-1.23 3.29-1.23.66 1.65.24 2.87.12 3.17.77.84 1.23 1.91 1.23 3.22 0 4.61-2.8 5.62-5.47 5.92.43.37.81 1.1.81 2.22v3.29c0 .32.22.7.83.58A12 12 0 0 0 12 .5z"/>
+                    </svg>
+                </a>
             </div>
         </div>