diff --git a/PASTE-THIS-JAVASCRIPT.txt b/PASTE-THIS-JAVASCRIPT.txt new file mode 100644 index 0000000..06bbc16 --- /dev/null +++ b/PASTE-THIS-JAVASCRIPT.txt @@ -0,0 +1,26 @@ +COPY AND PASTE THIS INTO FIREFOX CONSOLE (F12): +================================================ + +let c=Array.from(document.querySelectorAll('ha-card'));c.forEach(card=>{card.style.minHeight=window.innerHeight+'px';card.style.fontSize='2.5em'});let i=0;setInterval(()=>{i=(i+1)%c.length;c[i].scrollIntoView({behavior:'smooth',block:'start'})},5000);window.scrollTo({top:0,behavior:'smooth'});console.log('Auto-scroll enabled: '+c.length+' cards, text enlarged'); + + +WHAT THIS DOES: +--------------- +1. Makes all cards full screen height +2. Enlarges text to 2.5em (much bigger) +3. Auto-scrolls to next card every 5 seconds +4. Smooth scrolling animation + +HOW TO USE: +----------- +1. Open Firefox (even in kiosk mode) +2. Press F12 (or Alt to show menu, then Tools > Web Developer > Console) +3. Paste the code above +4. Press Enter +5. Dashboard will start scrolling and text will be bigger! + + +ALTERNATIVE: If you can't access console, update the dashboard YAML: +-------------------------------------------------------------------- +Use the file: dashboard-kiosk-simple-large.yaml +This has inline styles that work without card-mod.