feat: add Ko-fi support button to sidebar

Author: jackharrhy

CHANGELOG.md

@@ -1,6 +1,12 @@
-<!-- changelog-id: 6 -->
+<!-- changelog-id: 7 -->
 # Changelog
 
+## 2026-02-23 — Ko-fi Support Button
+A "Support me on Ko-fi" button now appears in the sidebar, if you'd like to
+help keep the servers running.
+
+[View changes](https://github.com/jackharrhy/where-the-plow/compare/05efafa...5184464)
+
 ## 2026-02-23 — Multi-Source Tracking
 The map now tracks plows from Mount Pearl and the Provincial fleet alongside
 St. John's. Toggle sources on and off from the legend, or zoom into a specific

src/where_the_plow/static/index.html

@@ -231,6 +231,7 @@ <h3>where the plow</h3>
                     </div>
                 </div>
             </div>
+            <div id="kofi-container"></div>
             <div id="panel-footer">
                 Data from
                 <a
@@ -433,6 +434,11 @@ <h2>What's New</h2>
                 <div id="changelog-content">Loading...</div>
             </div>
         </div>
+        <script src="https://storage.ko-fi.com/cdn/widget/Widget_2.js"></script>
+        <script>
+            kofiwidget2.init('Support me on Ko-fi', '#4d0e0e', 'N4N0OLPJS');
+            document.getElementById('kofi-container').innerHTML = kofiwidget2.getHTML();
+        </script>
         <script src="/static/app.js"></script>
     </body>
 </html>

src/where_the_plow/static/style.css

@@ -353,6 +353,19 @@ body {
     display: none;
 }
 
+/* ── Ko-fi widget ──────────────────────────────────── */
+
+#kofi-container {
+    margin-top: 10px;
+    padding-top: 10px;
+    border-top: var(--border-subtle);
+    text-align: center;
+}
+
+#kofi-container .btn-container {
+    display: inline-block !important;
+}
+
 /* ── Panel footer ──────────────────────────────────── */
 
 #panel-footer {