fix(contact): add contact and sponsor page in the website

Author: kshitijrajsharma

api/duck.py

@@ -8,6 +8,7 @@
 import asyncio
 import contextlib
 import datetime as dt
+import logging
 import os
 import queue
 import threading
@@ -23,6 +24,7 @@
 from osmsg.history import fetch_manifest
 from osmsg.query import Sources
 
+_log = logging.getLogger("osmsg.api.duck")
 _PG_ATTACH = "pg"
 
 # Warm connections (extensions + Postgres attached) reused across requests so cold-start is paid once;
@@ -127,8 +129,8 @@ def _warm(fn, hashtag, kwargs, key) -> None:
     con = _connect()
     try:
         fn(con, hashtag, _sources(), **kwargs)
-    except duckdb.Error:
-        pass
+    except duckdb.Error as e:
+        _log.warning("cache warm rerun of %s for %r failed: %s", fn.__name__, hashtag, e)
     finally:
         con.close()
         with _warm_lock:
@@ -148,6 +150,31 @@ def _enqueue_warm(fn, hashtag, kwargs) -> None:
     _warm_pool.submit(_warm, fn, hashtag, kwargs, key)
 
 
+def _warm_all_time_job(hashtag, key) -> None:
+    con = _connect()
+    try:
+        query.warm_all_time(con, hashtag, _sources())
+    except duckdb.Error as e:
+        _log.warning("all-time warm for %r failed: %s", hashtag, e)
+    finally:
+        con.close()
+        with _warm_lock:
+            _warm_inflight.discard(key)
+
+
+def _maybe_warm_all_time(hashtag) -> None:
+    """Fire a background warm of the all-time history caches (leaderboard per-user tags, trending
+    co-occurring) for this hashtag when any is still cold, deduped per hashtag. No-op when caching is off."""
+    if _QUERY_CACHE_DIR is None or not query.all_time_warm_pending(_sources(), hashtag):
+        return
+    key = ("warm_all_time", repr(hashtag))
+    with _warm_lock:
+        if key in _warm_inflight:
+            return
+        _warm_inflight.add(key)
+    _warm_pool.submit(_warm_all_time_job, hashtag, key)
+
+
 def _run(fn, hashtag, **kwargs):
     """Borrow a warm pooled connection (429 past _POOL_WAIT caps concurrency), run under a watchdog that
     interrupts a query past _QUERY_TIMEOUT, and return it (replaced if it errored or was interrupted)."""
@@ -202,7 +229,7 @@ async def leaderboard(
     start: dt.datetime | None = None,
     end: dt.datetime | None = None,
 ):
-    return await asyncio.to_thread(
+    res = await asyncio.to_thread(
         _run,
         query.leaderboard,
         hashtag,
@@ -214,6 +241,9 @@ async def leaderboard(
         start=start,
         end=end,
     )
+    if start is None and end is None:
+        _maybe_warm_all_time(hashtag)
+    return res
 
 
 async def tags(
@@ -229,7 +259,10 @@ async def editors(hashtag: str | list[str], *, start: dt.datetime | None = None,
 async def hashtags(
     hashtag: str | list[str], *, limit: int = 15, start: dt.datetime | None = None, end: dt.datetime | None = None
 ):
-    return await asyncio.to_thread(_run, query.hashtags, hashtag, limit=limit, start=start, end=end)
+    res = await asyncio.to_thread(_run, query.hashtags, hashtag, limit=limit, start=start, end=end)
+    if start is None and end is None:
+        _maybe_warm_all_time(hashtag)
+    return res
 
 
 async def trends(

frontend/app.js

@@ -1192,7 +1192,7 @@ function openUserModal(username) {
     .filter(Boolean)
     .map((h) => "#" + String(h).replace(/^#/, ""));
   const hashtagLine = userHashtags.length
-    ? `<div class="modal-hashtags">${userHashtags.map((h) => `<span class="mh-chip">${escapeHtml(h)}</span>`).join("")}</div>`
+    ? `<div class="modal-field"><span class="modal-label">Recent hashtags</span><div class="modal-hashtags">${userHashtags.map((h) => `<span class="mh-chip">${escapeHtml(h)}</span>`).join("")}</div></div>`
     : "";
   const modalEditors = (r.editors || []).filter(Boolean);
   const editorText = modalEditors.length ? groupEditorsText(modalEditors) : "Unknown";

frontend/index.html

@@ -281,6 +281,18 @@ <h3><i data-lucide="database"></i> Where the data comes from</h3>
   </div>
 
   <footer>
+    <div class="support">
+      <div class="support-lead">
+        <span class="support-title"><i data-lucide="heart-handshake"></i> Contact &amp; Support</span>
+        <p>OSMSG is a free, community-driven project built and maintained by volunteers. If it is useful to
+          you, help sustain it: contribute, sponsor, or partner with us.</p>
+      </div>
+      <div class="support-actions">
+        <a class="support-btn" href="mailto:info@osgeonepal.org"><i data-lucide="mail"></i> info@osgeonepal.org</a>
+        <a class="support-btn primary" href="https://osgeonepal.org" target="_blank" rel="noopener"><i
+            data-lucide="heart"></i> Support / Donate</a>
+      </div>
+    </div>
     <div class="footer-inner">
       <div>
         <div class="text-ink-2 font-medium mb-1">OSMSG · OSM Stats Generator</div>

frontend/style.css

@@ -1099,6 +1099,42 @@ span.flatpickr-weekday {
     color: #fff;
 }
 
+/* Today can coincide with a selected or range-end day; flatpickr's .today rule otherwise repaints the number
+   a low-contrast green over the green fill, so keep the selected styling winning here. */
+.flatpickr-day.today.selected,
+.flatpickr-day.today.startRange,
+.flatpickr-day.today.endRange {
+    background: var(--green);
+    border-color: var(--green);
+    color: #fff;
+}
+
+.flatpickr-day.today.inRange {
+    background: var(--green-pale);
+    border-color: var(--green-pale);
+    color: var(--green-deep);
+}
+
+/* The dark-mode green is light, so white numbers on a filled day read weakly; use dark ink instead. */
+:root[data-theme="dark"] .flatpickr-day.selected,
+:root[data-theme="dark"] .flatpickr-day.startRange,
+:root[data-theme="dark"] .flatpickr-day.endRange,
+:root[data-theme="dark"] .flatpickr-day.today.selected,
+:root[data-theme="dark"] .flatpickr-day.today.startRange,
+:root[data-theme="dark"] .flatpickr-day.today.endRange {
+    color: #10231a;
+}
+
+/* Selecting the hour/minute field otherwise shows the browser's default blue highlight in a green picker. */
+.flatpickr-calendar input::selection {
+    background: var(--green-pale);
+    color: var(--green-deep);
+}
+
+.flatpickr-time input:focus {
+    background: var(--green-tint);
+}
+
 .flatpickr-day.week.selected {
     background: var(--green);
     border-color: var(--green);
@@ -1598,6 +1634,19 @@ button.ht-tag-add:hover {
     word-break: break-word;
 }
 
+.modal-field {
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+}
+
+.modal-label {
+    font-size: 10.5px;
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    color: var(--muted);
+}
+
 .modal-hashtags {
     display: flex;
     flex-wrap: wrap;
@@ -2866,6 +2915,13 @@ button.ht-tag-add:hover {
     color: var(--muted);
 }
 
+/* With only the placeholder or error row, the header columns would force a horizontal scroll and push the
+   message off-centre; drop the header until real rows size the table. */
+.table-scroll:has(.empty) thead,
+.table-scroll:has(.errbox) thead {
+    display: none;
+}
+
 .empty [data-lucide] {
     width: 40px;
     height: 40px;
@@ -2929,6 +2985,81 @@ footer {
     color: var(--muted);
 }
 
+.support {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 24px;
+    flex-wrap: wrap;
+    padding-bottom: 24px;
+    margin-bottom: 24px;
+    border-bottom: 1px solid var(--bd);
+}
+
+.support-lead {
+    max-width: 540px;
+}
+
+.support-title {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    color: var(--ink-2);
+    font-weight: 600;
+    font-size: 14px;
+    margin-bottom: 6px;
+}
+
+.support-title [data-lucide] {
+    width: 16px;
+    height: 16px;
+    color: var(--green);
+}
+
+.support-lead p {
+    margin: 0;
+    line-height: 1.6;
+}
+
+.support-actions {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+}
+
+.support-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 7px 12px;
+    border: 1px solid var(--bd);
+    border-radius: 8px;
+    color: var(--ink-2);
+    background: var(--surface);
+    white-space: nowrap;
+}
+
+.support-btn [data-lucide] {
+    width: 15px;
+    height: 15px;
+}
+
+.support-btn:hover {
+    border-color: var(--green-soft);
+    color: var(--green);
+}
+
+.support-btn.primary {
+    background: var(--green);
+    color: #fff;
+    border-color: var(--green);
+}
+
+.support-btn.primary:hover {
+    background: var(--green-deep);
+    color: #fff;
+}
+
 .footer-inner {
     display: flex;
     justify-content: space-between;