bryancall opened a new pull request, #10:
URL: https://github.com/apache/trafficserver-site/pull/10

   ## Critical Fix for PR #9
   
   PR #9 accidentally included the Tailwind **JavaScript runtime compiler** 
instead of a CSS file, causing the site to still render without styling.
   
   ## Problem
   
   The file downloaded from `cdn.tailwindcss.com/3.4.1` was 400KB of minified 
JavaScript code (the Tailwind runtime compiler), not CSS. This JavaScript 
cannot execute due to Apache's Content Security Policy, so no styles are 
applied.
   
   ## Solution
   
   Replace with a **properly built CSS file** using the Tailwind standalone CLI:
   
   ### Changes:
   - ✅ Built with Tailwind CLI v3.4.1
   - ✅ Scans all HTML files to include only used classes
   - ✅ Minified for production
   - ✅ Only 2KB (vs 400KB of JavaScript)
   - ✅ Actual CSS that works with Apache CSP
   - ✅ MIT licensed (properly attributed)
   
   ## Result
   
   After merging, https://trafficserver.apache.org/newsite/ will display 
correctly with:
   - ✅ Proper layout and spacing
   - ✅ Gradient backgrounds
   - ✅ Correct icon sizing
   - ✅ Blue gradient buttons
   - ✅ Full responsive design
   - ✅ All modern styling
   
   ## Testing
   
   Verified locally - the built CSS file works perfectly and includes all 
necessary Tailwind utilities.
   
   ## File Size Comparison
   
   - Before: 412KB (JavaScript)
   - After: 2KB (CSS)
   - 99.5% smaller and actually works! 🎉


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]

Reply via email to