snowprint
3b355148b7
Created comprehensive task breakdown with 32 tasks across 7 phases: Phase 3.1: Setup & Structure (T001-T004) - HTML5 skeleton and semantic structure - Metadata, favicon, and CSS framework - Foundation for all subsequent tasks Phase 3.2: Content Creation (T005-T011) - ASCII art for desktop and mobile versions - Bilingual event information (EN/CN) - Halloween decorations and activities - Footer content Phase 3.3: Styling & Visual Design (T012-T017) - Terminal color scheme (#000000, #00FF00, #FFBF00) - Monospace typography and layout - Blinking cursor animation (CSS @keyframes) - Responsive media queries (mobile/tablet/desktop) Phase 3.4: Countdown Functionality (T018-T022) - Countdown timer structure and JavaScript - GMT+8 timezone handling - State management (before/active/ended) - Edge case testing Phase 3.5: Accessibility & Compliance (T023-T025) - ARIA labels for screen readers - Language attributes for bilingual content - WCAG 2.1 AA verification (21:1 contrast) Phase 3.6: Testing & Validation (T026-T031) - HTML5 validation - Cross-browser testing (Chrome/Firefox/Safari/Edge) - Responsive design testing - Performance testing (< 50KB, < 1s load) - Accessibility testing (WAVE, contrast checker) - Full quickstart validation Phase 3.7: Polish & Documentation (T032) - Update README with deployment instructions - Version 1.0.0 release notes in CHANGELOG Task Organization: - 32 tasks total, dependency-ordered - Single-file constraint (all modify index.html) - Content preparation can be planned in parallel - Testing tasks can run concurrently - Clear dependencies and blocking relationships Key Constraints: - File size must be < 50KB - Load time must be < 1 second - WCAG 2.1 AA compliance required - Works on Chrome, Firefox, Safari, Edge - Responsive: 320px to 1920px+ Ready for: /implement command or manual execution 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
McDonald's IT Halloween Event Page 🎃
Project Created: 2025-10-04 08:50:35 UTC / 2025-10-04 16:50:35 GMT+8
A minimalist, geek-style Halloween event webpage for McDonald's IT department, inspired by Homebrew's terminal aesthetic.
Project Description
This single-page website announces Halloween activities for McDonald's IT staff. It features:
- Pure black background with terminal-style interface
- ASCII art McDonald's logo as centerpiece
- High-contrast monospace typography
- Full responsive design (desktop + mobile)
- Zero external dependencies
Design Philosophy
Extreme Minimalism + Geek Aesthetic
- No shadows, gradients, or decorative effects
- Monospace fonts only
- Command-line/terminal interface look
- Homebrew-inspired design language
Quick Start
- Open
index.htmlin any modern browser - That's it! No build process, no dependencies.
File Structure
test-project/
├── .claude/ # AI agent configurations
│ ├── agents/ # Specialized AI agents
│ └── constitution.md # Agent system principles
├── CLAUDE.md # Project guidance for Claude AI
├── README.md # This file
└── index.html # Main event page (to be created)
Technical Specifications
- HTML5: Semantic markup
- CSS: Inline styles for portability
- JavaScript: Vanilla JS (minimal, if needed)
- Fonts: System monospace fonts
- Encoding: UTF-8
- Target Browsers: Chrome, Firefox, Safari, Edge (latest versions)
Responsive Breakpoints
- Desktop: 1024px and above
- Tablet: 768px - 1023px
- Mobile: 320px - 767px
Development
Prerequisites
- Any modern web browser
- Text editor (VS Code, Sublime, etc.)
- Git for version control
Repository
- Remote:
ssh://gitea@git.shihong.me:2222/snowprint/halloween-test.git - Workflow: Feature branches with pull requests
- See
CONTRIBUTING.mdfor detailed Git workflow
Testing
- Test on multiple screen sizes
- Verify ASCII art legibility on mobile
- Check color contrast ratios
- Validate HTML5 compliance
Deployment
Simply upload index.html to any web hosting service:
- GitHub Pages
- Netlify
- Vercel
- AWS S3
- Traditional web hosting
Browser Support
- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+
License
Internal use for McDonald's IT department.
Version Control
This project uses Git for version control. All team members must:
- Follow the branching strategy in
CONTRIBUTING.md - Write clear, conventional commit messages
- Never commit sensitive data
- Request code review before merging to main
Contributing
See CONTRIBUTING.md for detailed guidelines on:
- Git workflow and branching strategy
- Commit message conventions
- Code review process
- DevOps responsibilities
Contact
For questions or updates, contact the McDonald's IT team.