feat: add telegram notification channel with outbox service and per-user preferences

Extend the notification system with a third channel (telegram) alongside existing in_app and push channels. Add `telegram_enabled` column to `notification_preferences` table, update `NOTIFICATION_CHANNELS` and `_NOTIFICATION_CHANNEL_COLUMNS` mappings, and set telegram default to off (`_NOTIFICATION_CHANNEL_DEFAULTS`). Create `telegram_outbox` table with columns for uid, user_uid, chat_id, text, status, attempts, created_at, and sent_at, plus an index on status/id for efficient polling. Register `TelegramOutboxService` in the service manager lifecycle. Update API documentation strings to describe the new channel and its pairing requirement. Extend admin notification defaults view to include telegram column. Pass `notif_telegram_paired` flag to profile template based on `telegram_store.is_paired()` check. Update `NotificationPrefForm` and `NotificationDefaultForm` model literals to accept "telegram" as a valid channel value.
2026-06-22 20:52:02 +00:00
parent a9d0814c47
commit e0e64c8d9e
36 changed files with 720 additions and 78 deletions
@@ -506,3 +506,135 @@
        text-align: center;
    }
 }
+
+.landing-game {
+    max-width: 960px;
+    margin: 0 auto 3rem;
+    padding: 0 2rem;
+    width: 100%;
+    position: relative;
+    z-index: 1;
+}
+
+.landing-game-body {
+    position: relative;
+    overflow: hidden;
+    border: 1px solid var(--accent);
+    border-radius: var(--radius-xl);
+    background: var(--bg-card);
+    padding: 2.25rem 2rem;
+    text-align: center;
+    box-shadow: var(--shadow-lg);
+}
+
+.landing-game-glow {
+    position: absolute;
+    inset: -40% -10% auto -10%;
+    height: 280px;
+    background: radial-gradient(circle at 50% 0%, var(--accent) 0%, transparent 70%);
+    opacity: 0.18;
+    pointer-events: none;
+    z-index: 0;
+}
+
+.landing-game-body > * {
+    position: relative;
+    z-index: 1;
+}
+
+.landing-game-eyebrow {
+    display: inline-block;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    font-size: 0.75rem;
+    font-weight: 700;
+    color: var(--accent);
+    margin-bottom: 0.5rem;
+}
+
+.landing-game-title {
+    margin: 0 0 0.75rem;
+    font-size: 1.9rem;
+    font-weight: 800;
+    color: var(--text-primary);
+    letter-spacing: -0.02em;
+}
+
+.landing-game-title span {
+    color: var(--text-secondary);
+    font-weight: 600;
+}
+
+.landing-game-tagline {
+    max-width: 640px;
+    margin: 0 auto 1.25rem;
+    color: var(--text-secondary);
+    font-size: 1.02rem;
+    line-height: 1.6;
+}
+
+.landing-game-crops {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 0.75rem;
+    font-size: 1.85rem;
+    margin-bottom: 1.25rem;
+}
+
+.landing-game-points {
+    list-style: none;
+    padding: 0;
+    margin: 0 auto 1.5rem;
+    max-width: 620px;
+    display: flex;
+    flex-direction: column;
+    gap: 0.4rem;
+    text-align: left;
+}
+
+.landing-game-points li {
+    position: relative;
+    padding-left: 1.5rem;
+    color: var(--text-primary);
+    font-size: 0.95rem;
+    line-height: 1.5;
+}
+
+.landing-game-points li::before {
+    content: "\2714";
+    position: absolute;
+    left: 0;
+    color: var(--accent);
+    font-weight: 700;
+}
+
+.landing-game-cta {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.9rem 2.25rem;
+    font-size: 1.05rem;
+    border-radius: var(--radius-lg);
+    background: var(--accent);
+    color: var(--white);
+    font-weight: 700;
+    text-decoration: none;
+    transition: filter 0.15s ease, transform 0.15s ease;
+}
+
+.landing-game-cta:hover {
+    filter: brightness(1.08);
+    transform: translateY(-2px);
+}
+
+@media (max-width: 480px) {
+    .landing-game-title {
+        font-size: 1.5rem;
+    }
+
+    .landing-game-cta {
+        width: 100%;
+        justify-content: center;
+    }
+}