bryancall opened a new pull request, #9: URL: https://github.com/apache/trafficserver-site/pull/9
## Problem The site at https://trafficserver.apache.org/newsite/ displays without proper layout: - Huge Twitter icon - No spacing or layout structure - Broken responsive design - Elements not positioned correctly **Root Cause:** The `tailwind-base.css` file from PR #7 was incomplete, containing only ~200 utility classes out of Tailwind's thousands of classes. Missing classes included: - Icon/image sizing (`h-6`, `w-6`, etc.) - Focus states (`focus:outline-none`, `focus:ring-*`) - Many responsive variants - Pseudo-class variants - Layout utilities ## Solution Replace `tailwind-base.css` with the **complete Tailwind CSS v3.4.1 build** (403KB). ### Changes: - ✅ Added `tailwind-complete.css` - full Tailwind v3.4.1 build - ✅ Updated all 6 HTML files to reference `tailwind-complete.css` - ✅ Includes all ~10,000+ Tailwind utility classes - ✅ Full responsive design support - ✅ All interactive states (hover, focus, active) ### Files Modified: - `content/newsite/styles/tailwind-complete.css` (new file, 403KB) - `content/newsite/index.html` - `content/newsite/downloads.html` - `content/newsite/users.html` - `content/newsite/press.html` - `content/newsite/acknowledgements.html` - `content/newsite/assistance.html` ## Result After merging, https://trafficserver.apache.org/newsite/ will display correctly with: - ✅ Proper layout and spacing - ✅ Correct icon/image sizing - ✅ Mobile hamburger menu working - ✅ All gradients and colors - ✅ Full responsive breakpoints - ✅ All hover and focus effects - ✅ Modern card-based layouts - ✅ Professional appearance ## Testing Tested locally at http://zeus.bryancall.com:9090/newsite/ - all styling works correctly. ## Notes - This is a complete, static CSS file (CSP compliant) - No external dependencies - File size: 403KB (will compress to ~50KB with gzip) - Standard size for a full Tailwind build - No conflicts with current `asf-site` branch -- 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]
