validate_css.php

<?php
$css = file_get_contents('./scrollytelling/styles.css');
$errors = [];

// Simple CSS validation - check for common issues
$lines = explode(PHP_EOL, $css);
$braceCount = 0;
$inComment = false;
$lineNum = 1;

foreach ($lines as $line) {
    $line = trim($line);
    
    // Track multi-line comments
    if (strpos($line, '/*') !== false) $inComment = true;
    if (strpos($line, '*/') !== false) $inComment = false;
    
    if (!$inComment && !empty($line)) {
        $braceCount += substr_count($line, '{');
        $braceCount -= substr_count($line, '}');
        
        // Check for unmatched braces
        if ($braceCount < 0) {
            $errors[] = "Line $lineNum: Extra closing brace '}'";
        }
    }
    $lineNum++;
}

if ($braceCount !== 0) {
    $errors[] = "Unmatched braces - final count: $braceCount";
}

if (empty($errors)) {
    echo "✓ CSS file is VALID - No syntax errors detected.\n";
    echo "✓ Brace count is balanced (0)\n";
} else {
    echo "✗ CSS file has ERRORS:\n";
    foreach ($errors as $err) {
        echo "  - $err\n";
    }
}
?>