Optimize landscape layout: 4-column grid, transport icons, improved sizing and spacing

This commit is contained in:
2025-12-31 16:27:55 +01:00
parent a0c997f7d4
commit 738a422dc9
14 changed files with 2173 additions and 1629 deletions

View File

@@ -1,6 +1,6 @@
# SL Transport Departures Display
A digital signage system for displaying transit departures, weather information, and news tickers. Perfect for Raspberry Pi-based information displays.
A digital signage system for displaying transit departures and weather information. Perfect for Raspberry Pi-based information displays.
![SL Transport Departures Display](https://example.com/screenshot.png)
@@ -8,11 +8,9 @@ A digital signage system for displaying transit departures, weather information,
- Real-time transit departure information
- Current weather and hourly forecast
- News ticker with RSS feed integration
- Multiple screen orientation support (0°, 90°, 180°, 270°)
- Dark mode with automatic switching based on sunrise/sunset
- Custom background image support
- Configurable ticker speed
- Responsive design for various screen sizes
## Quick Start
@@ -75,14 +73,6 @@ window.weatherManager = new WeatherManager({
});
```
### Changing RSS Feed
To display a different news source, modify the RSS_URL in server.js:
```javascript
const RSS_URL = 'https://your-rss-feed-url.xml';
```
## UI Settings
The gear icon in the top-right corner opens the settings panel where you can configure:
@@ -90,7 +80,7 @@ The gear icon in the top-right corner opens the settings panel where you can con
- Screen orientation
- Dark mode (auto/on/off)
- Background image and opacity
- Ticker speed
- Transit sites
Settings are saved to localStorage and persist across sessions.
@@ -102,7 +92,7 @@ The system consists of the following components:
2. **Configuration Manager** - Manages system settings and UI customization
3. **Weather Component** - Displays weather data and manages dark mode
4. **Clock Component** - Shows current time and date
5. **Ticker Component** - Displays scrolling news from RSS feeds
5. **Departures Component** - Displays transit departure information
6. **Main UI** - Responsive layout with multiple orientation support
## Documentation
@@ -127,10 +117,6 @@ For detailed documentation, see [documentation.md](documentation.md).
- Verify internet connection
- Look for errors in browser console
4. **Ticker not scrolling**
- Check if RSS feed is accessible
- Verify ticker speed setting is not set to 0
- Look for JavaScript errors in console
## License