commit ef823976ffc5b9fd5d43481235d6899c23d817c1 Author: kyle Date: Wed Dec 31 04:26:14 2025 -0800 Add DASHBOARD-INSTRUCTIONS.txt diff --git a/DASHBOARD-INSTRUCTIONS.txt b/DASHBOARD-INSTRUCTIONS.txt new file mode 100644 index 0000000..9c3e7df --- /dev/null +++ b/DASHBOARD-INSTRUCTIONS.txt @@ -0,0 +1,66 @@ +Home Assistant Kiosk Dashboard Setup +===================================== + +I've created 3 dashboard YAML files for you to choose from: + +1. dashboard-kiosk-simple.yaml + - Basic dashboard with weather and sun info + - Works with standard Home Assistant cards + - Manual scrolling (content is tall enough to scroll) + - RECOMMENDED if you don't have custom cards + +2. dashboard-kiosk.yaml + - Enhanced with styling and colors + - Uses card-mod for styling (requires card-mod custom card) + - Manual scrolling with nice visual sections + +3. dashboard-kiosk-auto-scroll.yaml + - Auto-scrolling with CSS animation + - Requires card-mod custom card + - Continuously scrolls automatically + +HOW TO USE: +----------- + +1. Copy the YAML content from one of the files +2. In Home Assistant: + - Go to Settings > Dashboards + - Click "Add Dashboard" or edit existing + - Click the 3-dot menu > "Edit Dashboard" + - Click "Raw Configuration Editor" (YAML icon) + - Paste the YAML content + - Save + +3. The dashboard will be available at: + http://homeassistant.local:8123/dashboard-kiosk/0 + +4. Your Firefox kiosk is already configured to point to this URL! + +FOR AUTO-SCROLLING: +------------------- + +If you want true auto-scrolling, you have a few options: + +Option A: Use browser-based auto-scroll + - Add this JavaScript to the dashboard (via browser console or custom card): + setInterval(() => window.scrollBy(0, 1), 50); + +Option B: Install card-mod custom card + - Install from HACS: "card-mod" + - Then use dashboard-kiosk-auto-scroll.yaml + +Option C: Use a custom auto-scroll card + - Install from HACS: "auto-scroll-card" or similar + - Wrap your dashboard content in it + +CUSTOMIZATION: +------------- + +To add more entities, edit the YAML and add them to the entities sections. +You can add: +- Camera entities +- Sensor entities +- Binary sensor entities +- Any other entities you want to display + +The dashboard will automatically scroll if content is tall enough!