#!/bin/bash # Build optimized CSS for Raspberry Pi deployment echo "Building optimized CSS for Raspberry Pi..." # Ensure output directory exists mkdir -p static/css/dist # Build Tailwind CSS with optimizations npx tailwindcss -c tailwind.config.optimized.js -i static/css/input.css -o static/css/dist/output-optimized.css --minify # Combine optimized CSS files echo "/* MYP Platform Optimized CSS for Raspberry Pi */" > static/css/dist/combined-optimized.css echo "/* Generated on $(date) */" >> static/css/dist/combined-optimized.css echo "" >> static/css/dist/combined-optimized.css # Add Tailwind output cat static/css/dist/output-optimized.css >> static/css/dist/combined-optimized.css echo "" >> static/css/dist/combined-optimized.css # Add optimized component styles echo "/* Glassmorphism Optimized */" >> static/css/dist/combined-optimized.css cat static/css/glassmorphism-optimized.css >> static/css/dist/combined-optimized.css echo "" >> static/css/dist/combined-optimized.css echo "/* Professional Theme Optimized */" >> static/css/dist/combined-optimized.css cat static/css/professional-theme-optimized.css >> static/css/dist/combined-optimized.css echo "" >> static/css/dist/combined-optimized.css echo "/* Components Optimized */" >> static/css/dist/combined-optimized.css cat static/css/components-optimized.css >> static/css/dist/combined-optimized.css echo "" >> static/css/dist/combined-optimized.css echo "/* Animations Disabled */" >> static/css/dist/combined-optimized.css cat static/css/animations-optimized.css >> static/css/dist/combined-optimized.css # Minify the combined file npx cssnano static/css/dist/combined-optimized.css static/css/dist/combined-optimized.min.css echo "Build complete! Optimized CSS saved to static/css/dist/combined-optimized.min.css" echo "File size comparison:" ls -lh static/css/dist/output.css static/css/dist/combined-optimized.min.css 2>/dev/null || echo "Original file not found for comparison"