27 lines
1.1 KiB
Plaintext
27 lines
1.1 KiB
Plaintext
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.
|