docs: add "terminal trove tool of the week" message

Author: antoniorodr

docs/stylesheets/home.css

@@ -58,6 +58,9 @@
   --cb-cursor: #cba6f7;
   --cb-terminal-bg: #181825;
   --cb-terminal-bar: #11111b;
+  --cb-glow: rgba(229, 144, 168, 0.08);
+  --cb-glow-hover: rgba(229, 144, 168, 0.15);
+  --cb-accent: #E590A8;
 }
 
 /* ============================================================================
@@ -81,6 +84,9 @@
   --cb-cursor: #8839ef;
   --cb-terminal-bg: #e6e9ef;
   --cb-terminal-bar: #dce0e8;
+  --cb-glow: rgba(184, 116, 138, 0.1);
+  --cb-glow-hover: rgba(184, 116, 138, 0.18);
+  --cb-accent: #b8748a;
 }
 
 /* ============================================================================
@@ -270,8 +276,65 @@
 }
 
 /* ============================================================================
-   Demo Section
-   ============================================================================ */
+    Announcement Banner
+    ============================================================================ */
+
+.hero-announcement-card {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  background: linear-gradient(135deg, var(--cb-surface) 0%, var(--cb-surface-alt) 100%);
+  border: 1px solid var(--cb-accent);
+  border-radius: 0.5rem;
+  padding: 0.75rem 1rem;
+  max-width: 480px;
+  box-shadow: 0 0 20px var(--cb-glow);
+  transition: all 0.2s ease;
+}
+
+.hero-announcement-card:hover {
+  border-color: var(--cb-accent);
+  box-shadow: 0 0 24px var(--cb-glow-hover);
+  transform: translateY(-1px);
+}
+
+.announcement-badge {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  background: var(--cb-accent);
+  color: var(--cb-bg);
+  border-radius: 50%;
+  font-size: 0.9rem;
+  font-weight: 700;
+  flex-shrink: 0;
+}
+
+.announcement-text {
+  margin: 0;
+  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
+  font-size: 0.85rem;
+  line-height: 1.5;
+  color: var(--cb-text);
+}
+
+.announcement-text a {
+  color: var(--cb-accent);
+  text-decoration: none;
+  font-weight: 600;
+  border-bottom: 1px solid transparent;
+  transition: border-color 0.15s;
+}
+
+.announcement-text a:hover {
+  border-bottom-color: var(--cb-accent);
+}
+
+/* ============================================================================
+    Demo Section
+    ============================================================================ */
 
 .demo-section {
   padding: 1rem 3rem 3rem;

overrides/home.html

@@ -24,7 +24,11 @@
     </div>
     <div class="hero-right">
       <h1 class="hero-title">Manage cron jobs<br>from the terminal</h1>
-      <p class="hero-subtitle">A keyboard-driven TUI dashboard for local and remote cron management. Built with <a href=https://textual.textualize.io>Textual</a>. No web UI, no extra services.</p>
+      <p class="hero-subtitle">A keyboard-driven TUI dashboard for local and remote cron management. Built with <a href=https://textual.textualize.io target="_blank">Textual</a>. No web UI, no extra services.</p>
+      <div class="hero-announcement-card">
+        <span class="announcement-badge">✦</span>
+        <p class="announcement-text">Selected as <a href=https://terminaltrove.com/cronboard target="_blank">Terminal Trove Tool of the Week</a> — October 28th, 2025</p>
+      </div>
       <div class="hero-actions">
         <a href="installation/" class="btn btn-primary">Get Started</a>
       </div>