Add PASTE-THIS-JAVASCRIPT.txt
This commit is contained in:
26
PASTE-THIS-JAVASCRIPT.txt
Normal file
26
PASTE-THIS-JAVASCRIPT.txt
Normal file
@@ -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.
|
||||
Reference in New Issue
Block a user