[PR] Fix: Use complete Tailwind CSS for proper site styling [trafficserver-site]

["bryancall (via GitHub)" <gi...@apache.org>]

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: github-unsubscribe@trafficserver.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org

Re: [PR] Fix: Use complete Tailwind CSS for proper site styling [trafficserver-site]

["bryancall (via GitHub)" <gi...@apache.org>]

bryancall closed pull request #8: Fix: Use complete Tailwind CSS for proper site styling
URL: https://github.com/apache/trafficserver-site/pull/8


-- 
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: github-unsubscribe@trafficserver.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org

Re: [PR] Fix: Use complete Tailwind CSS for proper site styling [trafficserver-site]

["bryancall (via GitHub)" <gi...@apache.org>]

bryancall commented on PR #8:
URL: https://github.com/apache/trafficserver-site/pull/8#issuecomment-3690581896

   Closing in favor of clean PR without conflicts


-- 
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: github-unsubscribe@trafficserver.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org