Park_detail updates, making the map smaller, merging "Quick Facts" into the header.

This commit is contained in:
pacnpal
2024-11-03 18:28:14 +00:00
parent 61c5bb7367
commit fa0214e249
3 changed files with 161 additions and 78 deletions

View File

@@ -22,6 +22,28 @@
- Added proper CORS and CSRF configurations for development
- Improved authentication backend configuration
## Park Detail Page Layout Updates
- Moved Quick Facts section from right column into header section for better information visibility
- Relocated map from left column to right column to improve content flow
- Added ride counts (Total Rides and Roller Coasters) to the header status badges
- Made the Location map card dynamically square, matching height to width
- Adjusted grid layout to maintain responsive design
- Added resize handling to ensure map stays square when browser window is resized
### Technical Details
- Modified templates/parks/park_detail.html
- Restructured grid layout classes
- Added JavaScript to maintain square aspect ratio for map
- Added window resize event handler for map container
- Reorganized content sections for better user experience
### Rationale
- Quick Facts are now more immediately visible to users in the header
- Map placement in right column provides better content hierarchy
- Square map provides better visual balance and consistency
- Ride counts in header give immediate overview of park size
- Changes improve overall page readability and information accessibility
## How to Run Development Environment
1. Ensure PostgreSQL is running and database is created
2. Set up your ***REMOVED*** file with necessary environment variables