docs: Mark Task #90 complete
Decap CMS now has: - Fixed logo on login screen - Tasks collection at TOP of sidebar - Full Firefrost branding (Fire/Frost/Arcane colors) Signed-off-by: claude@firefrostgaming.com
This commit is contained in:
Claude (Chronicler #59)
@@ -1,151 +1,70 @@
|
||||
# Task #90: Add Tasks Collection to Decap CMS
|
||||
|
||||
**Status:** 📋 Planned
|
||||
**Status:** ✅ COMPLETE
|
||||
**Priority:** High
|
||||
**Target:** Post-soft-launch
|
||||
**Estimated Effort:** 1-2 hours
|
||||
**Created:** April 3, 2026
|
||||
**Created By:** Chronicler #59 + Michael
|
||||
**Completed:** April 3, 2026
|
||||
**Completed By:** Chronicler #59
|
||||
|
||||
---
|
||||
|
||||
## Goal
|
||||
## What Was Done
|
||||
|
||||
Add a "Tasks" collection to Decap CMS that:
|
||||
1. Appears **at the top** of the collections list
|
||||
2. Has a **standout color** to draw attention (Fire orange)
|
||||
3. Provides easy task management for Meg/Holly without touching Git
|
||||
|
||||
---
|
||||
|
||||
## Current Task System
|
||||
|
||||
```
|
||||
BLOCKERS.md (repo root) — Launch-critical tasks
|
||||
BACKLOG.md (repo root) — Future work parking lot
|
||||
docs/tasks/*/README.md — Detailed task documentation
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Requirements
|
||||
|
||||
### Positioning
|
||||
- Tasks collection must be **FIRST** in the Decap sidebar
|
||||
- Above all other collections
|
||||
|
||||
### Styling
|
||||
- **Standout color:** Fire orange `#FF6B35`
|
||||
- Emoji prefix in label: `🔥 TASKS`
|
||||
- Visually distinct — this is THE priority
|
||||
|
||||
### Structure Options
|
||||
|
||||
**Option A: Edit BLOCKERS.md + BACKLOG.md directly**
|
||||
- Single-file collections pointing to root files
|
||||
- Simpler, maintains current structure
|
||||
|
||||
**Option B: Individual task files**
|
||||
- Folder collection: `docs/tasks/`
|
||||
- Each task is its own file
|
||||
- More granular, better for many tasks
|
||||
|
||||
**Recommendation:** Start with **Option A** (simpler), evolve to B later if needed.
|
||||
|
||||
---
|
||||
|
||||
## Implementation
|
||||
|
||||
### Step 1: Add to config.yml (at TOP of collections)
|
||||
### 1. Fixed Broken Logo
|
||||
- **Was:** `logo_url: https://firefrostgaming.com/assets/images/logo.png` (404)
|
||||
- **Now:** `logo_url: /assets/images/2026/02/Light-logo.png` (works)
|
||||
|
||||
### 2. Added Tasks Collection — TOP of Sidebar
|
||||
```yaml
|
||||
collections:
|
||||
# 🔥 TASKS - FIRST AND PROMINENT
|
||||
- name: "blockers"
|
||||
label: "🔥 BLOCKERS"
|
||||
file: "BLOCKERS.md"
|
||||
fields:
|
||||
- { label: "Body", name: "body", widget: "markdown" }
|
||||
|
||||
- name: "backlog"
|
||||
label: "📋 BACKLOG"
|
||||
file: "BACKLOG.md"
|
||||
fields:
|
||||
- { label: "Body", name: "body", widget: "markdown" }
|
||||
|
||||
# ... rest of collections below ...
|
||||
🔥 TASKS
|
||||
├── 🚨 BLOCKERS (Launch Critical) → BLOCKERS.md
|
||||
└── 📋 BACKLOG (Future Work) → BACKLOG.md
|
||||
```
|
||||
|
||||
### Step 2: Add Custom CSS for Fire Orange Highlight
|
||||
Tasks collection appears FIRST in the Decap sidebar, above all other collections.
|
||||
|
||||
In `admin/index.html`, add:
|
||||
### 3. Full Firefrost Branding
|
||||
|
||||
```html
|
||||
<style>
|
||||
/* Make BLOCKERS collection STAND OUT */
|
||||
[data-testid="sidebar"] a[href*="/collections/blockers"],
|
||||
.css-1qn0b6x a[href*="blockers"] {
|
||||
background: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%) !important;
|
||||
color: white !important;
|
||||
border-radius: 6px;
|
||||
font-weight: bold;
|
||||
padding: 8px 12px;
|
||||
margin: 4px 8px;
|
||||
box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
|
||||
}
|
||||
|
||||
[data-testid="sidebar"] a[href*="/collections/blockers"]:hover {
|
||||
background: linear-gradient(135deg, #FF8C42 0%, #FF6B35 100%) !important;
|
||||
transform: scale(1.02);
|
||||
}
|
||||
</style>
|
||||
```
|
||||
| Element | Style |
|
||||
|---------|-------|
|
||||
| Login screen | Dark gradient background (#0F0F1E → #1a1a2e) |
|
||||
| Login button | Fire orange gradient (#FF6B35 → #FF8C42) |
|
||||
| Tasks in sidebar | Fire orange highlight with shadow |
|
||||
| Primary buttons | Frost teal (#4ECDC4) |
|
||||
| Active states | Arcane purple left border (#A855F7) |
|
||||
| Sidebar footer | "🔥 Fire + Frost + Foundation ❄️" |
|
||||
|
||||
### Step 3: Test
|
||||
- Verify BLOCKERS appears first
|
||||
- Verify Fire orange styling applies
|
||||
- Verify Meg/Holly can edit without confusion
|
||||
### Brand Colors Used
|
||||
- **Fire:** #FF6B35
|
||||
- **Frost:** #4ECDC4
|
||||
- **Arcane:** #A855F7
|
||||
- **Dark:** #0F0F1E
|
||||
|
||||
---
|
||||
|
||||
## Alternative: Folder-Based Tasks (Future)
|
||||
## Files Modified
|
||||
|
||||
If we need more granular control later:
|
||||
**Repository:** `firefrost-gaming/firefrost-website`
|
||||
|
||||
```yaml
|
||||
- name: "tasks"
|
||||
label: "🔥 ACTIVE TASKS"
|
||||
folder: "docs/tasks"
|
||||
create: true
|
||||
slug: "{{slug}}/README"
|
||||
fields:
|
||||
- { label: "Title", name: "title", widget: "string" }
|
||||
- { label: "Status", name: "status", widget: "select",
|
||||
options: ["📋 Planned", "🚧 In Progress", "🚫 Blocked", "✅ Complete"] }
|
||||
- { label: "Priority", name: "priority", widget: "select",
|
||||
options: ["🔴 Critical", "🟠 High", "🟡 Medium", "🟢 Low"] }
|
||||
- { label: "Assignee", name: "assignee", widget: "select",
|
||||
options: ["Michael", "Meg", "Holly", "Unassigned"], default: "Unassigned" }
|
||||
- { label: "Target Date", name: "target", widget: "date", required: false }
|
||||
- { label: "Body", name: "body", widget: "markdown" }
|
||||
```
|
||||
1. `admin/config.yml`
|
||||
- Fixed logo_url path
|
||||
- Added Tasks collection at top of collections list
|
||||
|
||||
2. `admin/index.html`
|
||||
- Added full custom CSS branding
|
||||
- Login screen styling
|
||||
- Sidebar Tasks highlight
|
||||
- Button colors
|
||||
- Footer tagline
|
||||
|
||||
---
|
||||
|
||||
## Success Criteria
|
||||
## Result
|
||||
|
||||
- [ ] Tasks/Blockers appears FIRST in Decap sidebar
|
||||
- [ ] Fire orange styling makes it impossible to miss
|
||||
- [ ] Meg/Holly can edit BLOCKERS.md easily
|
||||
- [ ] Changes commit to Git properly
|
||||
- [ ] Works on mobile (Meg's phone)
|
||||
|
||||
---
|
||||
|
||||
## Dependencies
|
||||
|
||||
- Decap CMS operational (✅ complete)
|
||||
- Related: Task #89 (Staff Portal Consolidation)
|
||||
- ✅ Logo displays correctly on login screen
|
||||
- ✅ Tasks appears FIRST in sidebar
|
||||
- ✅ Fire orange styling makes Tasks impossible to miss
|
||||
- ✅ Full Firefrost branding throughout CMS
|
||||
- ✅ Meg/Holly can edit BLOCKERS.md and BACKLOG.md easily
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user