INSTALL.md

Installation

• Install and configure HACS

• Within HACS Frontend, add the following custom cards:

  • button-card
  • layout-card
  • card-mod
  • navbar-card
  • kiosk-mode
  • wallpanel

• With HACS Frontend, download and add the following integration:

  • Browser Mod, used to e.g. show popup windows

• Install and configure Samba share to access HA folders from your computer using SMB/CIFS.

• Using the Samba share, copy over these files from cvonk/hass-config to the config/ folder on your HA:

  • lovelace.yaml
  • themes/ folder
  • packages/ folder
  • www/ folder
  • automations.yaml
  • scripts.yaml
  • groups.yaml
  • secrets-redacted.yaml

• Rename secrets-redacted.yaml to secrets.yaml. Edit the file.

• In configuration.yaml add lines [docs]

  frontend:
    extra_module_url:
      - /hacsfiles/lovelace-card-mod/card-mod.js
    themes: !include_dir_merge_named themes

• Restart Home Assistant

• Select dark mode and Frosted Glass cvonk ← DON'T SKIP THIS STEP!

Then add your entities, browser_mod for popups etc...

For your information

• I use the following addons:

  • Let's Encrypt, to be enable to HTTPS to HA
  • Mosquito broker, a MQTT broker
  • Node-RED, for fire alarm flow

• These are the key integrations that I use:

  • From HA Integrations, I added:

    • ecobee, thermostat
    • Flo, water shutoff
    • Leviton Decora Wi-Fi
    • Mobile App
    • MQTT, for OPNpool
    • Network UPS Tools (NUT)
    • OPNsense, router
    • Ping (ICMP)
    • PurpleAir, air quality
    • Synology DSM

  • From HACS, I downloaded and then added:

    • Arlo Camera Support, security cameras
    • Cable Modem Monitor
    • Nest Protect, for smoke detectors
    • Node-RED Companion
    • Noonlight Alarm, calls E911 in the USA
    • OpenSprinkler
    • Pirate Weather
    • SNMP Printer

FAQ

Something isn't working!

1. Read the documentation for that card e.g. https://github.com/custom-cards/button-card
2. Search forum topic e.g. https://community.home-assistant.io/t/lovelace-button-card/65981
3. This is not a help center for everything Home Assistant

Why is the text in popups inverted?
You didn't select dark mode in your user profile

Why does a broken icon appear when I toggle a button?
You need to add www/loader.svg

In the update popup I get an error saying "marked"
Add www/marked.min.js and under resources add that file as a module

How do I get the tilt effect?
Add www/vanilla-tilt.min.js and under resources add that file as a module

How do I add fonts?
Copy www/fonts.css and read the comment in that file and under resources add that file as css

How do I get popups to work?
Read the the browser_mod documentation