Pool Schedules is a simulated scheduling application, divided into two parts: an admin page (index.html) for managing schedule data, and a public-facing chart page (daily-pool-chart.html) for viewing the results. This setup mimics a common intranet-to-web publishing model.
The admin interface is optimized for tablet and desktop devices, reflecting the assumption that staff or administrators are more likely to manage complex scheduling tasks on larger screens. Its table has a fixed width and scrolls horizontally on smaller viewports to remain usable. In contrast, the chart page is designed with mobile responsiveness in mind - its layout and tables adapt fluidly to small screens for easier public access on phones or tablets.
How to use
Admin Page (index.html)
- Select schedule items for each day using radio buttons grouped by time slot and activity type.
- Use the tab interface to switch between days (Monday through Sunday).
- On form submission, changes are automatically saved to
localStorage, so data is retained on page reload.
Chart Page (daily-pool-chart.html)
- View the current schedule in a tabbed interface, one tab per day.
- The table highlights different activity types using color-coded cells.
- Use the back button at the bottom to return to the admin page.