Skip to content

Instantly share code, notes, and snippets.

c-kick / hnl_hass_package.yaml
Last active April 11, 2024 10:22
Blueprint for Home Asssistant that manages basic smart home states (home, sleep & activity)
#Blueprint by Klaas Leussink / (c) 2024 - Part of hass_package - version
# REQUIRES this package:
name: Manage smart home basics
description: |
Blueprint for Home Asssistant that manages basic smart home states (home, sleep & activity). REQUIRES this package:
domain: automation
c-kick / hnl_hass_package.yaml
Last active April 11, 2024 10:19
This package is a required part of the HNL HASS pabkage blueprint:
# This package is a required part of the HNL HASS package blueprint:
# -------------------------------------------- Primary states
name: "Thuis"
icon: mdi:home-account
name: "Slapen"
icon: mdi:bed
c-kick / _hnldesign-extend-bs-utils.scss
Last active January 25, 2024 10:33
Extends Bootstrap (padding, margin, gap, etc.) utilities with css variables
// Extends Bootstrap utilities defined in map '$add_css_variables_to' with css variables
// containing their respective units. Also adds additional values,
// if specified as 'name: variable' pairs in '$add_values'
// example:
// $add_css_variables_to: (
// padding-x
// )
// $add_values: (
c-kick / appliance-status-monitor.yaml
Last active January 25, 2024 10:09
Appliance Status Monitor - Blueprint for Home Assistant - Forked from (v2.1.1) leofabri's appliance status monitor ( with a few added features: job_planned state, power/standby state indicator, job complete indicator. See description inside blueprint for instructions and added features.
name: Monitor the state of an appliance - modded by hnldesign
description: "`- Version: 0.0.5 -`\n\nThis automation can detect and monitor the
state of your appliances by observing their power consumption.\nThis automation
blueprint is universal and very versatile. You can use it with anything that consumes
energy: a washing machine, a dishwasher, your fridge, the TV, etc. I refer to
the appliance's operations with the generic word job. A job could be anything
(washing, rinsing...).\n\nYou can pair this project with other automations and
services. I designed it with flexibility in mind. For instance, if you want to
c-kick / hnl.mobileConsole.js
Last active January 14, 2024 18:24
NOTE: V2 Released! See hnl.mobileConsole.js - extends JavaScript's console to display a visual console inside the webpage. Very usefull for debugging JS on mobile devices with no real console. Info and demo:
* hnl.mobileConsole - javascript mobile console - v1.3.8 - 04/01/2021
* Adds html console to webpage. Especially useful for debugging JS on mobile devices.
* Supports 'log', 'trace', 'info', 'warn', 'error', 'group', 'groupEnd', 'table', 'assert', 'clear'
* Inspired by code by Jakub Fiala (
* Licensed under the MIT license
c-kick / zha_ikea_tradfri_4button_remote_color.yaml
Last active January 6, 2024 09:30 — forked from orcema/zha_ikea_tradfri_4button_remote_color.yaml
blueprint zha_ikea_tradfri_4button_remote_color
#Blueprint by Klaas Leussink / (c) 2022
name: ZHA - IKEA TRADFRI - 4 Button Remote - Color Lights
description: This automation simulates the use of the IKEA TRADFRI remote control
connected through ZHA. Original blueprint by orcema, modified by hnldesign/c-kick,
- added brightness and color control inputs (for usage with IKEA TRADFRI bulbs)
- more fine-grained dimming
- color_temp changing
domain: automation
c-kick / hnl.isVisible.mjs
Last active November 27, 2023 11:05
Check if an element is visible
/** isVisible
* Determines whether an element is visible within the (specified, or Window) viewport. Executes the callback based
* on that result. The callback is called with three parameters:
* - visible: a boolean that's true if ANY pixels of the element are visible
* - fullyVisible: a boolean that's true if the ENTIRE element fits the viewport, and thus is wholly visible
* - the element's bounding box, including 'pageY' and 'pageX' which contain the element's position as relative to
* the whole document. Useful for scrolling into view,
* The viewport can either be omitted, specified partially or completely.
c-kick / debouncer.mjs
Last active October 27, 2023 13:24
Rate-limiter/debouncer module for JavaScript. See
* debounceThis ES6 module v1.4 (10-2023)
* Debounces/rate-limits the provided function (callback)
* Provides a way to debounce or rate-limit a function, which can be useful in scenarios where events may be
* triggered frequently and rapidly, such as scrolling or resizing the window.
* Example usage:
c-kick / hnl.stickyStuck
Last active June 23, 2023 13:06
adds class 'stuck' to elements that are stuck. Uses Bootstraps' `position-sticky` class as a selector.
const stickes = document.body.querySelectorAll('.position-sticky');
window.addEventListener('scroll', function(){
let stuck = false;
const rect = el.getBoundingClientRect();
if (window.getComputedStyle(el).bottom == 'auto') {
stuck = === parseInt(window.getComputedStyle(el).top, 10);
} else if (window.getComputedStyle(el).top == 'auto') {
stuck = rect.height + < window.innerHeight;
c-kick / doubleClickHandler.js
Last active May 12, 2023 12:03
doubleClickHandler - handles double-click events on elements
* Handles the click event to detect single or double clicks.
* @param {MouseEvent} event - The click event object.
function doubleClickHandler(event) {
const target =;
if (new Date().getTime() - (target._lastTouch || 0) > 500) {
// Not a double click
target._lastTouch = new Date().getTime();