snowprint
9c57194a04
- Add "i'm lovin' IT" tagline below McDonald's ASCII logo - Implement blinking cursor animation after tagline - Update layout structure in CLAUDE.md - Add detailed tagline requirements in project-spec.md - Specify CSS animation for cursor blink (1s interval) - Update Step 2.1 to include tagline implementation New visual element: centered tagline with terminal-style cursor.
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.