bryancall opened a new pull request, #8: URL: https://github.com/apache/trafficserver-site/pull/8
## Problem After merging PR #7, the site at https://trafficserver.apache.org/newsite/ still displays without proper layout - huge Twitter icon, no spacing, broken responsive design. **Root Cause:** The `tailwind-base.css` file I created in PR #7 was too incomplete. It only had ~200 utility classes, but Tailwind has thousands of classes including: - Icon sizing (`h-6`, `w-6`, etc.) - Focus states (`focus:outline-none`, `focus:ring-*`) - Complex responsive variants - Pseudo-class variants (hover, focus, active) - And many more... ## Solution Use the **complete Tailwind CSS v3.4.1 build** (403KB) which includes ALL utility classes. ### Changes: - ✅ Downloaded complete Tailwind CSS build from CDN (one-time) - ✅ 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) - ✅ Complete gradient and color utilities ### Files Modified: - `content/newsite/styles/tailwind-complete.css` (new, 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` ## Testing After this merge, https://trafficserver.apache.org/newsite/ will display 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 ## Notes This is a complete, static CSS file that works with Apache's CSP. No external dependencies. The file size (403KB) is standard for a full Tailwind build and will compress well with gzip (~50KB). -- 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]
