feat(requirements): add tagline with blinking cursor

- 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.
This commit is contained in:
2025-10-04 18:24:11 +08:00
parent b6a192e7eb
commit 9c57194a04
2 changed files with 21 additions and 3 deletions

View File

@@ -84,8 +84,9 @@ Do NOT delegate routine tasks to specialists. Only invoke specialist agents when
### Layout Structure
1. **Center**: ASCII art of "McDonald's" logo as main visual element
2. **Below**: Halloween event information and activity details
3. **Overall**: Terminal/command-line interface aesthetic
2. **Tagline**: Below logo, empty line, then centered "i'm lovin' IT" with blinking cursor
3. **Below**: Halloween event information and activity details
4. **Overall**: Terminal/command-line interface aesthetic
### Technical Requirements
- **Responsive**: Must work seamlessly on both web (desktop) and mobile devices
@@ -245,6 +246,8 @@ See `.claude/time-recording-policy.md` for complete guidelines.
**Step 2.1: Design ASCII Art Logo**
- Create McDonald's ASCII art (desktop version)
- Create McDonald's ASCII art (mobile version)
- Add "i'm lovin' IT" tagline below logo (centered)
- Implement blinking cursor after tagline (CSS animation)
- Test legibility on different screen sizes
- **Owner**: Primary Agent
- **Consultant**: minimalist-geek-webpage-builder (if needed)