Commit Graph

6 Commits

Author SHA1 Message Date
cproudlock
c9bc2c68a8 Feature: Responsive sizing for 4K and 1080p displays
- Added CSS media query for screens 2560px+ width (4K displays)
- 4K displays automatically scale up all elements:
  * Logo: 90px → 180px (2x)
  * Main title: 42px → 84px (2x)
  * Clock: 28px → 56px (2x)
  * Section titles: 36px → 72px (2x)
  * Event titles: 32px → 64px (2x)
  * Event times: 22px → 44px (2x)
  * Color bar: 60px → 100px (1.67x)
  * LIVE badge: 18px → 32px (1.78x)
  * Footer: 18px → 36px (2x)
- 1080p displays use default optimized sizes
- Responsive design adapts automatically based on screen resolution
- No configuration needed - works out of the box

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-24 09:55:59 -04:00
cproudlock
fbdb39ce13 Feature: Dynamic severity-based badge colors and UI improvements
- Implemented dynamic Current Events badge color based on severity hierarchy:
  * RED (danger) if any Incident exists
  * YELLOW (warning) if any Change exists (and no incidents)
  * GREEN (success) if only Awareness/TBD exists
- Added getHighestSeverity() function to determine badge color
- Removed all emojis from UI for cleaner professional appearance
- Increased event card height (padding: 20px→30px vertical, 30px→40px horizontal)
- Increased color bar thickness from 40px to 60px for better visibility
- Improved visual hierarchy and clarity for TV display

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-24 09:54:49 -04:00
cproudlock
ca46c9a404 Feature: Add type-based color coding and optimize for TV display
- Extended time window from 48 hours to 72 hours
- Added isshopfloor filter - only show notifications marked for shopfloor
- Added JOIN with notificationtypes table to get type colors
- Implemented type-based color coding with 40px thick left border:
  * Green (#0ad64f) for Awareness and TBD types
  * Yellow (#ffc107) for Change type
  * Red (#dc3545) for Incident type
- Optimized layout for single-screen TV display (no scrolling):
  * Reduced all font sizes and spacing significantly
  * Set overflow: hidden and height: 100vh on body
  * Reduced header, section titles, event cards, and footer sizes
- Limited display to 3 current + 3 upcoming events max
- Shows "+ X more event(s)" indicator when needed
- Positioned LIVE badge in absolute top-right corner
- Updated all text references from 48 hours to 72 hours

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-24 09:46:43 -04:00
cproudlock
81cb74cdef Improve TV display visibility and add Windows deployment guide
- Increased font sizes across dashboard for better TV readability
  - Headers: 72px (was 48px)
  - Event titles: 56px (was 38px)
  - Clock: 48px (was 36px)
  - Connection status: 28px (was 18px)
- Enhanced spacing and padding throughout
- Larger logo (160px vs 100px)
- Thicker borders for better visibility
- Added comprehensive Windows deployment documentation

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-23 15:53:25 -04:00
cproudlock
8e52a05c57 Add Git repository and SSH key documentation to README 2025-10-21 16:22:44 -04:00
cproudlock
6a9bb8c7a4 Initial commit - Shopfloor Dashboard
- Node.js Express server with MySQL integration
- Real-time event dashboard with live updates
- GE Aerospace branding and design
- Auto-refresh every 10 seconds (AJAX)
- Shows current and upcoming events (48 hour window)
- Connection status monitoring
- Optimized for TV display

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-21 16:17:45 -04:00