# Tasks: McDonald's IT Halloween Event Page **Input**: Design documents from `/specs/001-mcdonald-s-it/` **Prerequisites**: plan.md ✅, research.md ✅, data-model.md ✅, contracts/ ✅, quickstart.md ✅ **File to Create**: `index.html` (single self-contained HTML file) ## Execution Flow (main) ``` 1. Load plan.md from feature directory ✅ → Tech stack: HTML5, CSS3, JavaScript ES6+ → Structure: Single self-contained HTML file 2. Load optional design documents ✅ → data-model.md: 4 entities (Event, Countdown, VisualTheme, Content) → contracts/: page-content.schema.json → research.md: 10 technical decisions → quickstart.md: 10 test categories 3. Generate tasks by category ✅ → Setup: HTML skeleton, structure → Content: ASCII art, bilingual text → Styling: CSS, responsive design → Functionality: Countdown timer → Accessibility: ARIA, WCAG compliance → Testing: Validation, performance → Polish: Documentation 4. Apply task rules ✅ → Same file (index.html) = sequential for core structure → Different sections = can plan in parallel [P] → Tests before implementation (TDD principle) 5. Number tasks sequentially (T001-T032) ✅ 6. Generate dependency graph ✅ 7. Create parallel execution examples ✅ 8. Validate task completeness ✅ → Schema has validation? Yes → All entities covered? Yes → All test scenarios included? Yes 9. Return: SUCCESS (tasks ready for execution) ✅ ``` ## Format: `[ID] [P?] Description` - **[P]**: Can run in parallel (independent planning/preparation tasks) - Include exact file paths in descriptions - All implementation tasks modify `index.html` ## Path Conventions - **Single file project**: `index.html` at repository root - **Specs directory**: `/specs/001-mcdonald-s-it/` - **Tests**: Manual testing via `quickstart.md` --- ## Phase 3.1: Setup & Structure - [ ] **T001** Create `index.html` with HTML5 doctype and basic structure - File: `index.html` - Add: ``, ``, ``, `` - Add viewport meta tag: `` - Dependencies: None - Blocks: All other tasks - [ ] **T002** Add page metadata and favicon - File: `index.html` → `` section - Add: `2025 MITA Halloween` - Add: `` - Add: Meta description (see spec.md FR-035) - Add: Data URI favicon with 🎃 emoji - Dependencies: T001 - Reference: `research.md` decision #10 - [ ] **T003** Set up semantic HTML5 structure - File: `index.html` → `` section - Add: `
`, `
`, `
` for countdown, event info, activities, decorations - Add: `