Giter Site home page Giter Site logo

fineemb / hass-config Goto Github PK

View Code? Open in Web Editor NEW

This project forked from matt8707/hass-config

1.0 0.0 0.0 32.62 MB

Home Page: https://community.home-assistant.io/t/a-different-take-on-designing-a-lovelace-ui/162594

Python 36.26% JavaScript 63.29% CSS 0.45%

hass-config's Introduction

Home Assistant Configuration

Home Assistant Core in docker on a Synology DiskStation DS918+. My use case is a wall mounted tablet [Samsung 10.1"] displaying Home Assistant in Fully Kiosk Browser and on desktop using applicationize (chrome). My configuration is exposed to HomeKit with Apple Tv acting as a hub for remote connection. I also support Nabu Casa.

If you like anything here, Be sure to ๐ŸŒŸ my repo!

screenshot

New April 2020

This config is now fully configurable with code and easier to maintain. I've transitioned from using images to button-card. ๐ŸŽ‰

Features

animations

The sidebar

Markdown Card inside a Picture Elements Card to create dynamic templates.

  • Time and date with greeting based on time of day.
  • Lights and switches that are on, using natural language.
  • Temperature with emoji based on weather conditions.
  • Important calendar information.
  • Other conditional alerts

Sidebar footer

The three icons at the bottom in order

info

Media

Conditionally displaying media player controls based on last active device such as Apple TV, Playstation 4, Google Nest Mini. If nothing is active for 15 minutes then a poster of last downloaded movie/episode is shown (Radarr/Sonarr). Swipe to reveal other than last active media players.

media

Lights and sensors

All Philips Hue lights with sensors in hallway, bathroom and walk-in closet.

  • Now using light-popup-card.
  • Injecting current lamp color to only parts of an icon.
  • Brightness percentage in a circle sensor custom field (SVG+JS).

light


Switches

  • SwitchBot to cold boot computer with, for now, a raspberry as a hub. Numerous shell commands to monitor and control macOS.
  • Belkin WeMo Switch to control studio monitors (speakers) with automations to apply EQ calibration and volume control through AppleScript.
  • Control a pedestal fan, using Belkin WeMo Switch and hue motion sensor temperature data to automate on summer nights.

info_light


Custom icons

I made some custom icons located in www/custom_icons.js. If you want to make your own I recommend reading the material design principles.

custom_icons

Misc

vacuum

misc

tracker


Home Assistant Community Topic
https://community.home-assistant.io/t/a-different-take-on-designing-a-lovelace-ui/

hass-config's People

Contributors

matt8707 avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.