bryancall opened a new pull request, #6:
URL: https://github.com/apache/trafficserver-site/pull/6
## Overview
This PR introduces a modern, responsive version of the Apache Traffic Server
website under `content/newsite/`. The existing site remains completely
unchanged, allowing for side-by-side comparison and testing before deployment.
## Changes
### New Site Location
- **Path:** `content/newsite/`
- **Documentation:** `docs/` (README, design plan, testing report,
implementation notes)
### Pages Modernized (6 main pages)
- ✅ Homepage (`index.html`)
- ✅ Downloads (`downloads.html`)
- ✅ Customers/Users (`users.html`)
- ✅ Press Kit (`press.html`)
- ✅ Acknowledgements (`acknowledgements.html`)
- ✅ Assistance (`assistance.html`)
### Technical Implementation
- **Framework:** Tailwind CSS v3.4 (via CDN)
- **Design Style:** Modern tech aesthetic with gradients and depth effects
- **Responsive:** Mobile-first design supporting phones, tablets, and desktop
- **Browser Support:** Modern browsers (Chrome, Firefox, Safari, Edge)
- **Layout:** CSS Grid and Flexbox for responsive layouts
- **Navigation:** Hamburger menu for mobile, full navigation for desktop
### Key Features
- 📱 **Fully Responsive:** Optimized for all screen sizes (320px to 1920px+)
- 🎨 **Modern Design:** Clean, contemporary aesthetic with blue gradients
- 🚀 **Prominent CTAs:** Eye-catching download buttons with hover effects
- ♿ **Accessible:** Semantic HTML5, proper ARIA labels, keyboard navigation
- 📦 **Self-Contained:** References existing images from `content/images/` to
avoid duplication
### File Structure
```
content/newsite/
├── index.html
├── downloads.html
├── users.html
├── press.html
├── acknowledgements.html
├── assistance.html
├── js/
│ └── menu.js (mobile navigation)
└── styles/
└── custom.css (brand-specific overrides)
docs/
├── README.md (setup and viewing instructions)
├── DESIGN_PLAN.md (detailed modernization plan)
├── TESTING_REPORT.md (responsive testing results)
└── IMPLEMENTATION_COMPLETE.md (implementation summary)
```
## Not Included (To Be Handled During Deployment)
- Google Search Console verification file
- Log Builder tool
- VIA header analyzer tool
- ABI compatibility reports
- RSS feed
These will be copied/modernized when replacing the existing site.
## Testing
- ✅ Tested on multiple viewport sizes (mobile, tablet, desktop)
- ✅ All navigation links verified
- ✅ Download buttons functional
- ✅ Responsive layout confirmed
- ✅ Cross-browser compatibility verified
## Deployment Notes
When ready to deploy:
1. The new site can be served from `/newsite/` path for testing
2. Additional files (googlec130c091b08ab318.html, favicon.ico, etc.) should
be copied
3. Tools and generated content directories should be migrated
4. Consider modernizing `logbuilder/` and `tools/via.html` or keeping as-is
## Preview
You can test the new site locally by running:
```bash
cd content/newsite
python3 -m http.server 8080
```
Then visit: `http://localhost:8080/`
## Documentation
Full documentation is available in the `docs/` directory:
- Design decisions and rationale
- Responsive testing methodology
- Implementation details
- Setup instructions
--
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]
