From f426f1a91071f39818ce44a56f26431ff822063f Mon Sep 17 00:00:00 2001
From: "Claude (Chronicler #59)" <claude@firefrostgaming.com>
Date: Sat, 4 Apr 2026 03:33:20 +0000
Subject: [PATCH] feat: Add Tasks collection + Firefrost branding to Decap CMS
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

TASK #90 COMPLETE

Changes:
- Added 🔥 TASKS collection at TOP of sidebar
  - BLOCKERS.md (launch critical)
  - BACKLOG.md (future work)
- Fixed logo_url path (was broken)
  - Now: /assets/images/2026/02/Light-logo.png
- Full Firefrost branding:
  - Dark login screen with gradient
  - Fire orange (#FF6B35) login button
  - Fire orange Tasks highlight in sidebar
  - Frost teal (#4ECDC4) primary buttons
  - Arcane purple (#A855F7) active states
  - Footer tagline: Fire + Frost + Foundation

Brand colors:
- Fire: #FF6B35
- Frost: #4ECDC4
- Arcane: #A855F7
- Dark: #0F0F1E

Signed-off-by: claude@firefrostgaming.com
---
 admin/config.yml |  20 +++++++-
 admin/index.html | 123 +++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 142 insertions(+), 1 deletion(-)

diff --git a/admin/config.yml b/admin/config.yml
index 07e9da7..692809c 100644
--- a/admin/config.yml
+++ b/admin/config.yml
@@ -12,13 +12,31 @@ backend:
 # Site settings
 site_url: https://firefrostgaming.com
 display_url: https://firefrostgaming.com
-logo_url: https://firefrostgaming.com/assets/images/logo.png
+logo_url: /assets/images/2026/02/Light-logo.png
 
 # Optional: Where to save images if they upload any to docs
 media_folder: "docs/assets/images"
 public_folder: "/assets/images"
 
 collections:
+  # ═══════════════════════════════════════════════════════════
+  # 🔥 TASKS - ALWAYS FIRST, ALWAYS VISIBLE
+  # ═══════════════════════════════════════════════════════════
+  - name: "tasks"
+    label: "🔥 TASKS"
+    files:
+      - label: "🚨 BLOCKERS (Launch Critical)"
+        name: "blockers"
+        file: "BLOCKERS.md"
+        fields:
+          - {label: "Content", name: "body", widget: "markdown"}
+          
+      - label: "📋 BACKLOG (Future Work)"
+        name: "backlog"
+        file: "BACKLOG.md"
+        fields:
+          - {label: "Content", name: "body", widget: "markdown"}
+
   # ═══════════════════════════════════════════════════════════
   # CORE DOCUMENTS (Single Files)
   # ═══════════════════════════════════════════════════════════
diff --git a/admin/index.html b/admin/index.html
index 2a86bcb..27f28b0 100644
--- a/admin/index.html
+++ b/admin/index.html
@@ -6,9 +6,132 @@
   <meta name="robots" content="noindex" />
   <title>Firefrost CMS</title>
   <style>
+    /* ═══════════════════════════════════════════════════════════
+       FIREFROST GAMING - DECAP CMS BRANDING
+       Fire: #FF6B35 | Frost: #4ECDC4 | Arcane: #A855F7
+    ═══════════════════════════════════════════════════════════ */
+    
     body {
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
     }
+
+    /* Login screen background - dark with subtle gradient */
+    [class*="AuthenticationPage"] {
+      background: linear-gradient(135deg, #0F0F1E 0%, #1a1a2e 50%, #0F0F1E 100%) !important;
+    }
+
+    /* Logo on login screen - make it bigger */
+    [class*="AuthenticationPage"] img {
+      max-width: 280px !important;
+      margin-bottom: 24px !important;
+    }
+
+    /* Login button - Fire orange */
+    [class*="AuthenticationPage"] button {
+      background: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%) !important;
+      border: none !important;
+      color: white !important;
+      font-weight: 600 !important;
+      padding: 12px 32px !important;
+      border-radius: 8px !important;
+      box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4) !important;
+      transition: all 0.3s ease !important;
+    }
+
+    [class*="AuthenticationPage"] button:hover {
+      transform: translateY(-2px) !important;
+      box-shadow: 0 6px 20px rgba(255, 107, 53, 0.5) !important;
+    }
+
+    /* ═══════════════════════════════════════════════════════════
+       SIDEBAR - Make TASKS stand out
+    ═══════════════════════════════════════════════════════════ */
+    
+    /* Tasks collection - Fire orange highlight */
+    [data-testid="sidebar"] a[href*="/collections/tasks"],
+    nav a[href*="/collections/tasks"] {
+      background: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%) !important;
+      color: white !important;
+      border-radius: 6px !important;
+      font-weight: bold !important;
+      margin: 8px !important;
+      padding: 10px 14px !important;
+      box-shadow: 0 2px 10px rgba(255, 107, 53, 0.35) !important;
+      display: block !important;
+    }
+
+    [data-testid="sidebar"] a[href*="/collections/tasks"]:hover,
+    nav a[href*="/collections/tasks"]:hover {
+      background: linear-gradient(135deg, #FF8C42 0%, #FF6B35 100%) !important;
+      transform: scale(1.02) !important;
+    }
+
+    /* Sidebar header - Firefrost branding */
+    [class*="Sidebar"] > div:first-child,
+    nav > div:first-child {
+      background: linear-gradient(180deg, #0F0F1E 0%, #1a1a2e 100%) !important;
+      border-bottom: 2px solid #4ECDC4 !important;
+    }
+
+    /* ═══════════════════════════════════════════════════════════
+       HEADER BAR
+    ═══════════════════════════════════════════════════════════ */
+    
+    /* Top header bar */
+    header, [class*="AppHeader"] {
+      background: #0F0F1E !important;
+      border-bottom: 1px solid rgba(78, 205, 196, 0.3) !important;
+    }
+
+    /* ═══════════════════════════════════════════════════════════
+       BUTTONS & ACCENTS
+    ═══════════════════════════════════════════════════════════ */
+    
+    /* Primary buttons - Frost teal */
+    button[class*="primary"], 
+    [class*="ToolbarButton"],
+    [class*="PublishButton"] {
+      background: linear-gradient(135deg, #4ECDC4 0%, #3DBDB5 100%) !important;
+      border: none !important;
+      color: #0F0F1E !important;
+      font-weight: 600 !important;
+    }
+
+    /* Save/Publish button */
+    [class*="PublishButton"]:not(:disabled) {
+      background: linear-gradient(135deg, #4ECDC4 0%, #3DBDB5 100%) !important;
+    }
+
+    /* Active/selected states - Arcane purple */
+    [class*="active"], [aria-current="true"] {
+      border-left: 3px solid #A855F7 !important;
+    }
+
+    /* Links */
+    a:not([class*="sidebar"]):not([href*="/collections"]) {
+      color: #4ECDC4;
+    }
+
+    a:hover {
+      color: #FF6B35;
+    }
+
+    /* ═══════════════════════════════════════════════════════════
+       FOOTER BRANDING
+    ═══════════════════════════════════════════════════════════ */
+    
+    /* Add Firefrost branding text at bottom of sidebar */
+    [class*="Sidebar"]::after,
+    nav::after {
+      content: "🔥 Fire + Frost + Foundation ❄️";
+      display: block;
+      text-align: center;
+      padding: 16px;
+      font-size: 11px;
+      color: rgba(255, 255, 255, 0.4);
+      border-top: 1px solid rgba(78, 205, 196, 0.2);
+      margin-top: auto;
+    }
   </style>
 </head>
 <body>