docs(requirements): add complete event details and specifications
Event Details: - Date: October 31, 2025, 18:00-21:00 GMT+8 - Location: MITA Building 2F Pantry - Organizer: Jessi Pan (jessi.pan@cn.mcd.com) - Attendees: 300 China IT team members Features Added: - Countdown timer (JavaScript, GMT+8 timezone) - Bilingual content (English/Chinese alternating lines) - Halloween emojis and ASCII art decorations - Golden Arches M in ASCII logo - Programmer humor and tech references - Browser title: "2025 MITA Halloween" - Favicon: 🎃 emoji - Footer: McDonald's IT Academy Activities: - Cosplay encouraged - Bug debugging games - Lucky draw prizes - Food and drinks provided Design: - Terminal green (#00FF00) primary color - Amber (#FFBF00) for key information - Meta description added for SEO Updated CLAUDE.md and project-spec.md with complete requirements.
This commit is contained in:
@@ -54,8 +54,8 @@ Single-page website for McDonald's IT department Halloween event announcement, f
|
||||
|
||||
### Color Palette
|
||||
- Background: `#000000` (pure black)
|
||||
- Primary Text: `#00FF00` (terminal green) or `#FFFFFF` (white)
|
||||
- Accent: `#FFBF00` (amber) for highlights
|
||||
- Primary Text: `#00FF00` (terminal green)
|
||||
- Accent: `#FFBF00` (amber) for key information (dates, times, contact)
|
||||
- No gradients, shadows, or transparency
|
||||
|
||||
### Typography
|
||||
@@ -63,31 +63,42 @@ Single-page website for McDonald's IT department Halloween event announcement, f
|
||||
- Base Font Size: 16px (desktop), 14px (mobile)
|
||||
- Line Height: 1.6
|
||||
- Letter Spacing: Normal (monospace default)
|
||||
- Chinese Font Support: System default monospace with Chinese fallback
|
||||
|
||||
### Layout
|
||||
```
|
||||
+----------------------------------+
|
||||
| 🎃👻🦇 2025 MITA Halloween 🦇👻🎃 |
|
||||
| |
|
||||
| [ASCII LOGO] |
|
||||
| McDonald's |
|
||||
| [Halloween ASCII Art] |
|
||||
| |
|
||||
| i'm lovin' IT_ |
|
||||
| |
|
||||
| 🎃 Halloween Event |
|
||||
| [COUNTDOWN TIMER] |
|
||||
| XX Days XX:XX:XX |
|
||||
| |
|
||||
| Date: [TBD] |
|
||||
| Time: [TBD] |
|
||||
| Location: IT Department |
|
||||
| Date: October 31, 2025 |
|
||||
| 日期:2025年10月31日 |
|
||||
| Time: 18:00 - 21:00 GMT+8 |
|
||||
| 时间:18:00 - 21:00 |
|
||||
| Location: MITA 2F Pantry |
|
||||
| 地点:MITA大椂2F Pantry |
|
||||
| |
|
||||
| Activities: |
|
||||
| • Costume Contest |
|
||||
| • Code & Candy |
|
||||
| • Spooky Debugging Challenge |
|
||||
| Activities / 活动: |
|
||||
| • Cosplay / Cosplay装扮 |
|
||||
| • Bug Debugging / 调试游戏 |
|
||||
| • Lucky Draw / 现场抽奖 |
|
||||
| |
|
||||
| Organizer: Jessi Pan |
|
||||
| jessi.pan@cn.mcd.com |
|
||||
| |
|
||||
| McDonald's IT Academy |
|
||||
+----------------------------------+
|
||||
|
||||
Note: The underscore (_) after "IT" represents
|
||||
a blinking cursor animation (CSS keyframes)
|
||||
Note: _ = blinking cursor (CSS animation)
|
||||
Countdown updates in real-time (JS)
|
||||
```
|
||||
|
||||
### ASCII Art Requirements
|
||||
@@ -95,7 +106,10 @@ a blinking cursor animation (CSS keyframes)
|
||||
- Approximately 40-60 characters wide (desktop)
|
||||
- Scaled version for mobile (20-30 characters)
|
||||
- Uses only standard ASCII characters
|
||||
- Maintains McDonald's brand recognition
|
||||
- Include Golden Arches M shape if possible
|
||||
- Maintains McDonald's brand recognition (note the apostrophe)
|
||||
- Add Halloween ASCII decorations (pumpkins, ghosts, bats)
|
||||
- Include Halloween emojis: 🎃👻🦇
|
||||
|
||||
### Tagline Requirements
|
||||
- Text: "i'm lovin' IT" (lowercase, with apostrophe)
|
||||
@@ -104,33 +118,55 @@ a blinking cursor animation (CSS keyframes)
|
||||
- Animation: CSS @keyframes for cursor blink (1s interval)
|
||||
- Style: Same monospace font, terminal green color
|
||||
|
||||
### Countdown Timer Requirements
|
||||
- Target: October 31, 2025 18:00:00 GMT+8
|
||||
- Display: Days, Hours, Minutes, Seconds
|
||||
- Update: Real-time (JavaScript)
|
||||
- Timezone: GMT+8 (Asia/Shanghai)
|
||||
- Style: Terminal green, monospace font
|
||||
|
||||
### Bilingual Content Requirements
|
||||
- Language: English and Chinese (Simplified)
|
||||
- Format: Alternating lines (English first, Chinese second)
|
||||
- Example:
|
||||
```
|
||||
Date: October 31, 2025
|
||||
日期:2025年10月31日
|
||||
```
|
||||
|
||||
## Content Requirements
|
||||
|
||||
### Event Details
|
||||
- Event name: "McDonald's IT Halloween Event"
|
||||
- Date: TBD (To be confirmed by McDonald's IT)
|
||||
- Time: TBD (To be confirmed by McDonald's IT)
|
||||
- Location: McDonald's IT Department (specific location TBD)
|
||||
- Event name: "2025 MITA Halloween"
|
||||
- Date: October 31, 2025 (Halloween)
|
||||
- Time: 18:00 - 21:00 (6:00 PM - 9:00 PM) GMT+8
|
||||
- Location: MITA Building 2F Pantry
|
||||
- Organizer: Jessi Pan
|
||||
- Contact: jessi.pan@cn.mcd.com
|
||||
- Expected Attendees: 300 (China IT team)
|
||||
|
||||
### Activities (Example - to be confirmed)
|
||||
1. Costume Contest - Best tech-themed costume wins
|
||||
2. Code & Candy - Solve coding challenges for treats
|
||||
3. Spooky Debugging Challenge - Find the bugs, win prizes
|
||||
4. Halloween Trivia - Tech and pop culture questions
|
||||
### Activities
|
||||
1. Cosplay - Encouraged, dress up in Halloween costumes
|
||||
2. Bug Debugging Games - Interactive debugging challenges
|
||||
3. Lucky Draw - On-site raffle with prizes
|
||||
4. Food & Drinks - Provided by event organizers
|
||||
|
||||
### Call to Action
|
||||
- RSVP instructions
|
||||
- Contact information
|
||||
- Dress code (optional costumes)
|
||||
### Special Notes
|
||||
- Costumes encouraged (Halloween theme)
|
||||
- Food and beverages will be provided
|
||||
- Lucky draw prizes available
|
||||
- Contact Jessi Pan for questions
|
||||
|
||||
## Technical Constraints
|
||||
|
||||
- No external CSS files
|
||||
- No external JavaScript libraries
|
||||
- No image files (ASCII art only)
|
||||
- No image files (ASCII art and emojis only)
|
||||
- No web fonts (system fonts only)
|
||||
- No backend/server-side code required
|
||||
- CSS animations allowed (for blinking cursor effect)
|
||||
- Vanilla JavaScript allowed (for countdown timer)
|
||||
- Emoji favicon allowed (🎃)
|
||||
|
||||
## Success Criteria
|
||||
|
||||
@@ -138,9 +174,12 @@ a blinking cursor animation (CSS keyframes)
|
||||
2. ASCII art is legible on iPhone SE (375px width)
|
||||
3. Passes HTML5 validation
|
||||
4. Achieves WCAG 2.1 AA contrast ratios
|
||||
5. Works without JavaScript enabled
|
||||
5. Countdown timer works correctly in GMT+8 timezone
|
||||
6. Blinking cursor animation works smoothly
|
||||
7. Receives positive feedback from IT staff
|
||||
7. Bilingual content displays correctly
|
||||
8. Halloween decorations enhance geek aesthetic
|
||||
9. Programmer humor resonates with IT audience
|
||||
10. Receives positive feedback from MITA team
|
||||
|
||||
## Out of Scope
|
||||
|
||||
|
||||
Reference in New Issue
Block a user