diff --git a/dashboard-kiosk-improved.yaml b/dashboard-kiosk-improved.yaml new file mode 100644 index 0000000..0066095 --- /dev/null +++ b/dashboard-kiosk-improved.yaml @@ -0,0 +1,177 @@ +title: Kiosk Dashboard +path: dashboard-kiosk +icon: mdi:view-dashboard +type: custom:vertical-stack +cards: + # Header with Date + - type: markdown + content: | + #
{{ now().strftime('%A, %B %d, %Y') }}
+ ##
{{ now().strftime('%I:%M %p') }}
+ card_mod: + style: | + ha-card { + text-align: center; + padding: 30px; + font-size: 2.5em; + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + color: white; + } + + # Current Weather - Large + - type: weather-forecast + entity: weather.forecast_home + name: Current Weather + show_forecast: true + forecast_type: daily + card_mod: + style: | + ha-card { + font-size: 1.8em; + padding: 25px; + min-height: 300px; + } + + # Sun Information + - type: entities + title: 🌅 Sun Information + entities: + - entity: sun.sun + name: Sun Position + icon: mdi:weather-sunny + - entity: sensor.sun_next_rising + name: Sunrise + icon: mdi:weather-sunset-up + - entity: sensor.sun_next_setting + name: Sunset + icon: mdi:weather-sunset-down + - entity: sensor.sun_next_dawn + name: Dawn + icon: mdi:weather-sunset-up + - entity: sensor.sun_next_dusk + name: Dusk + icon: mdi:weather-sunset-down + card_mod: + style: | + ha-card { + font-size: 1.4em; + padding: 20px; + } + + # Public Transport + - type: entities + title: 🚆 Public Transport + entities: + - entity: sensor.roslagsbanan_line_28_to_stockholms_ostra + name: To Stockholm Östra + icon: mdi:train + - entity: sensor.roslagsbanan_line_28_to_akersberga + name: To Åkersberga + icon: mdi:train + - entity: sensor.sl_departure_sensor_9636_bravalavagen + name: SL Departure + icon: mdi:bus + - entity: sensor.next_departure_time + name: Next Departure + icon: mdi:clock-outline + card_mod: + style: | + ha-card { + font-size: 1.4em; + padding: 20px; + } + + # Camera Motion Status + - type: entities + title: 📹 Camera Status + entities: + - entity: binary_sensor.backyard_motion + name: Backyard Motion + icon: mdi:motion-sensor + - entity: binary_sensor.frontdoor_motion + name: Front Door Motion + icon: mdi:motion-sensor + - entity: binary_sensor.driveway_motion + name: Driveway Motion + icon: mdi:motion-sensor + - entity: binary_sensor.roofcam_motion + name: Roof Camera Motion + icon: mdi:motion-sensor + card_mod: + style: | + ha-card { + font-size: 1.4em; + padding: 20px; + } + + # Occupancy Summary + - type: entities + title: 👥 Occupancy Summary + entities: + - entity: sensor.backyard_person_count + name: Backyard People + icon: mdi:account-group + - entity: sensor.frontdoor_person_count + name: Front Door People + icon: mdi:account-group + - entity: sensor.driveway_person_count + name: Driveway People + icon: mdi:account-group + - entity: sensor.roofcam_person_count + name: Roof Camera People + icon: mdi:account-group + card_mod: + style: | + ha-card { + font-size: 1.4em; + padding: 20px; + } + + # Network Status + - type: entities + title: 🌐 Network Status + entities: + - entity: sensor.xe75_download_speed + name: Download Speed + icon: mdi:download + - entity: sensor.xe75_upload_speed + name: Upload Speed + icon: mdi:upload + - entity: sensor.external_ip + name: External IP + icon: mdi:ip-network + - entity: binary_sensor.xe75_wan_status + name: WAN Status + icon: mdi:router-wireless + card_mod: + style: | + ha-card { + font-size: 1.4em; + padding: 20px; + } + + # RSS Feed - Fox News (requires RSS integration) + - type: markdown + content: | + # 📰 Fox News Breaking + *Install RSS feed integration to see news here* + card_mod: + style: | + ha-card { + font-size: 1.4em; + padding: 20px; + min-height: 200px; + } + + # Spacer for scrolling + - type: markdown + content: | +




+ card_mod: + style: | + ha-card { + height: 500px; + } + +# Auto-scroll will be handled by CSS injection or custom card +# See instructions in kiosk-integration-suggestions.md