Task #70: Ghost Page Builder Tool #217

Closed
opened 2026-03-21 15:49:27 -05:00 by mkrause612 · 1 comment
Owner

Description

Interactive React tool for previewing Ghost page HTML with Fire/Frost CSS before publishing. Eliminates edit-paste-preview-repeat cycle.

Full Documentation: docs/tasks/interactive-tools-suite/MASTER-SPECIFICATION.md (Tool #1)

Features

  • Live HTML editor with syntax highlighting
  • Real-time preview with Fire/Frost CSS applied
  • Mobile/desktop viewport toggle
  • Copy-to-clipboard functionality
  • Sample templates dropdown (Blank, Simple Page, Two Column, Card Grid)

Time Estimate

45-60 minutes

Priority Justification

CRITICAL — Directly unblocks Task #69 (6 website pages - soft launch blocker). Provides permanent utility for all future Ghost page creation.

Acceptance Criteria

  • Live HTML editor functional
  • Preview updates within 500ms of typing
  • Fire/Frost CSS renders correctly in preview
  • Viewport toggle works (Desktop/Tablet/Mobile)
  • Copy button successfully copies HTML to clipboard
  • localStorage preserves draft between sessions
  • Michael successfully builds at least 2 Ghost pages using this tool
  • Unblocks: #69 (Ghost Website Core Pages)
  • Uses: Fire/Frost CSS from #68 (Ghost Theme Migration)
  • Complements: #52 (Ghost Homepage Content)
## Description Interactive React tool for previewing Ghost page HTML with Fire/Frost CSS before publishing. Eliminates edit-paste-preview-repeat cycle. **Full Documentation:** `docs/tasks/interactive-tools-suite/MASTER-SPECIFICATION.md` (Tool #1) ## Features - Live HTML editor with syntax highlighting - Real-time preview with Fire/Frost CSS applied - Mobile/desktop viewport toggle - Copy-to-clipboard functionality - Sample templates dropdown (Blank, Simple Page, Two Column, Card Grid) ## Time Estimate 45-60 minutes ## Priority Justification **CRITICAL** — Directly unblocks Task #69 (6 website pages - soft launch blocker). Provides permanent utility for all future Ghost page creation. ## Acceptance Criteria - [ ] Live HTML editor functional - [ ] Preview updates within 500ms of typing - [ ] Fire/Frost CSS renders correctly in preview - [ ] Viewport toggle works (Desktop/Tablet/Mobile) - [ ] Copy button successfully copies HTML to clipboard - [ ] localStorage preserves draft between sessions - [ ] Michael successfully builds at least 2 Ghost pages using this tool ## Related Tasks - **Unblocks:** #69 (Ghost Website Core Pages) - **Uses:** Fire/Frost CSS from #68 (Ghost Theme Migration) - **Complements:** #52 (Ghost Homepage Content)
mkrause612 added the operations
status
backlog
status
to-do
area/development-tools
labels 2026-03-21 15:49:27 -05:00
mkrause612 added this to the Firefrost Operations project 2026-03-21 15:52:13 -05:00
mkrause612 moved this to 🧙 Michael - Tasks in Firefrost Operations on 2026-03-21 15:52:52 -05:00
Author
Owner

This issue is being closed as part of the task system migration on April 1, 2026.

Why: The Gitea Issues + Kanban approach proved too heavyweight for daily operations and lacked accessibility for non-technical team members (Meg, Holly).

New System:

  • BLOCKERS.md - Critical soft launch tasks
  • BACKLOG.md - Future work organized by theme
  • Trinity Console v2 Task Module (planned) - Web-based task management

Archive: All issues preserved in docs/archive/gitea-issues-archive-2026-04-01.md

— Chronicler #54

This issue is being closed as part of the task system migration on April 1, 2026. **Why:** The Gitea Issues + Kanban approach proved too heavyweight for daily operations and lacked accessibility for non-technical team members (Meg, Holly). **New System:** - `BLOCKERS.md` - Critical soft launch tasks - `BACKLOG.md` - Future work organized by theme - Trinity Console v2 Task Module (planned) - Web-based task management **Archive:** All issues preserved in `docs/archive/gitea-issues-archive-2026-04-01.md` — Chronicler #54
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: firefrost-gaming/firefrost-operations-manual#217