#!/bin/bash
echo "UX AUDIT REPORT"
echo "==============="
echo ""

# 1. Check all pages for consistent fonts
echo "1. FONT CONSISTENCY:"
for f in /var/www/html/*.html; do
  NAME=$(basename "$f")
  FONTS=$(grep -oP "font-family:[^;'}]+" "$f" 2>/dev/null | sort -u | tr '
' ' ')
  if [ -n "$FONTS" ]; then
    echo "  $NAME: $FONTS"
  fi
done | head -15

echo ""

# 2. Color scheme consistency
echo "2. COLOR VARIABLES:"
for f in /var/www/html/*.html; do
  NAME=$(basename "$f")
  VARS=$(grep -oP '--[a-z-]+:#[0-9a-fA-F]+' "$f" 2>/dev/null | wc -l)
  BG=$(grep -oP 'background:#[0-9a-fA-F]+' "$f" 2>/dev/null | sort -u | head -3 | tr '
' ' ')
  if [ "$VARS" -gt 0 ]; then
    echo "  $NAME: $VARS CSS vars | $BG"
  fi
done | head -15

echo ""

# 3. Responsive check
echo "3. RESPONSIVE:"
for f in /var/www/html/*.html; do
  NAME=$(basename "$f")
  MEDIA=$(grep -c "@media" "$f" 2>/dev/null)
  VP=$(grep -c "viewport" "$f" 2>/dev/null)
  if [ "$VP" -gt 0 ]; then
    echo "  $NAME: viewport=$VP media=$MEDIA"
  fi
done | head -15

echo ""

# 4. Accessibility
echo "4. ACCESSIBILITY:"
TOTAL=$(find /var/www/html -maxdepth 1 -name '*.html' | wc -l)
ALT=$(grep -rl 'alt=' /var/www/html/*.html 2>/dev/null | wc -l)
ARIA=$(grep -rl 'aria-' /var/www/html/*.html 2>/dev/null | wc -l)
echo "  Pages: $TOTAL | With alt: $ALT | With aria: $ARIA"

echo ""

# 5. Page sizes
echo "5. PAGE SIZES (top 10 heaviest):"
ls -lS /var/www/html/*.html 2>/dev/null | head -10 | awk '{printf "  %s: %sKB\n", $9, int($5/1024)}'

echo ""
echo "SCORE: analyzed $TOTAL pages"