Add Buy me a coffee link (app + README)

CHANGELOG.md

@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+- A "Buy me a coffee" link in the app topbar and the README (support the project).
+
 ## [0.5.0] - 2026-06-05
 
 ### Added

README.md

@@ -15,8 +15,9 @@ face-down multi-material 3D printing (toolchanger / MMU).
 [![License: MIT](https://img.shields.io/badge/license-MIT-A8DFDF?style=for-the-badge&labelColor=231F1D)](LICENSE)
 [![Python 3.10+](https://img.shields.io/badge/python-3.10%2B-ED4324?style=for-the-badge&labelColor=231F1D)](pyproject.toml)
 [![CLI + Web GUI](https://img.shields.io/badge/CLI%20%2B%20Web%20GUI-D11A2A?style=for-the-badge&labelColor=231F1D)](#-web-gui)
+[![Buy me a coffee](https://img.shields.io/badge/buy_me_a_coffee-F9CF26?style=for-the-badge&labelColor=231F1D&logo=buymeacoffee&logoColor=231F1D)](https://buymeacoffee.com/kurito)
 
-🌐 **[Live demo](https://colorplate.spoolr.io/)**  ·  ⚡ **[Quick start](#-quick-start)**  ·  🖥️ **[Web GUI](#-web-gui)**  ·  🛠️ **[How it works](#-how-it-works)**
+🌐 **[Live demo](https://colorplate.spoolr.io/)**  ·  ⚡ **[Quick start](#-quick-start)**  ·  🖥️ **[Web GUI](#-web-gui)**  ·  🛠️ **[How it works](#-how-it-works)**  ·  ☕ **[Buy me a coffee](https://buymeacoffee.com/kurito)**
 
 </div>
 
@@ -256,6 +257,8 @@ Questions, bugs, or ideas? Open an issue on
 [GitHub](https://github.com/kurenn/colorplate/issues) or email
 **[k@altmail.kr](mailto:k@altmail.kr)**.
 
+If ColorPlate saved you some CAD time, you can ☕ **[buy me a coffee](https://buymeacoffee.com/kurito)** — much appreciated!
+
 ## License
 
 [MIT](LICENSE) © Abraham Kuri

colorplate/web/static/app.jsx

@@ -373,6 +373,10 @@ function App() {
         <a className="icon-btn" title="Contact — k@altmail.kr" href="mailto:k@altmail.kr">
           <Icons.mail size={17} />
         </a>
+        <a className="icon-btn coffee-btn" title="Buy me a coffee"
+           href="https://buymeacoffee.com/kurito" target="_blank" rel="noopener noreferrer">
+          <Icons.coffee size={17} />
+        </a>
         <button className="icon-btn" title="Toggle theme"
                 onClick={() => setTheme(theme === "dark" ? "light" : "dark")}>
           {theme === "dark" ? <Icons.moon size={16} /> : <Icons.sun size={16} />}

colorplate/web/static/icons.jsx

@@ -26,6 +26,7 @@ const Icons = {
   mail:   (p) => <Ic {...p}><rect x="3" y="5" width="18" height="14" rx="2" /><path d="m4 7 8 6 8-6" /></Ic>,
   help:   (p) => <Ic {...p}><circle cx="12" cy="12" r="9" /><path d="M9.2 9.2a2.8 2.8 0 0 1 5.4 1c0 1.8-2.6 2-2.6 3.4" /><path d="M12 17h.01" /></Ic>,
   warn:   (p) => <Ic {...p}><path d="M10.3 3.4 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.4a2 2 0 0 0-3.4 0Z" /><path d="M12 9v4" /><path d="M12 17h.01" /></Ic>,
+  coffee: (p) => <Ic {...p}><path d="M17 9h1.5a2.5 2.5 0 0 1 0 5H17" /><path d="M4 9h13v5a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V9Z" /><path d="M7 2v2M11 2v2M15 2v2" /></Ic>,
   github: (p) => (
     <Ic {...p} fill="currentColor" sw={0}>
       <path d="M12 1.5a10.5 10.5 0 0 0-3.32 20.47c.53.1.72-.23.72-.5v-1.75c-2.92.63-3.54-1.4-3.54-1.4-.48-1.22-1.17-1.55-1.17-1.55-.96-.65.07-.64.07-.64 1.06.08 1.62 1.09 1.62 1.09.94 1.61 2.47 1.14 3.07.87.1-.68.37-1.14.67-1.4-2.33-.27-4.78-1.17-4.78-5.2 0-1.15.41-2.09 1.09-2.83-.11-.27-.47-1.34.1-2.8 0 0 .88-.28 2.9 1.08a10 10 0 0 1 5.28 0c2-1.36 2.89-1.08 2.89-1.08.57 1.46.21 2.53.1 2.8.68.74 1.09 1.68 1.09 2.83 0 4.04-2.46 4.93-4.8 5.19.38.33.71.97.71 1.96v2.9c0 .28.19.61.73.5A10.5 10.5 0 0 0 12 1.5Z" />

colorplate/web/static/index.html

@@ -79,6 +79,7 @@
   }
   .icon-btn:hover{ color:var(--text); border-color:var(--border-2); background:var(--bg-3); }
   a.icon-btn{ text-decoration:none; }
+  .coffee-btn:hover{ color:var(--accent-text); background:var(--accent); border-color:var(--accent); }
 
   .layout{
     display:grid; grid-template-columns: minmax(380px, 40%) 1fr;