BranchesTags

Latest commit

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
3d_print
3d_print
img
img
LICENSE
LICENSE
README.md
README.md
clockbox.yaml
clockbox.yaml

Repository files navigation

clockbox

An always-on kids' bedside clock with red/green wake-up LEDs. Designed around an ESP8266 microcontroller running ESPHome and driving an Adafruit 1.2" 4-digit 7-segment display (HT16K33) over I2C. Inspired by Lee Hutchinson's Raspberry Pi Zero-based appliance, with the following modifications:

  • ESP8266-based hardware running ESPHome
  • Red/green wake-up LEDs so my kids know when breakfast is ready
  • Home Assistant integration for time synchronization and LED control
  • Simplified enclosure assembly with fewer parts.

The LEDs are exposed to Home Assistant as "light" devices and are dimmable; the clock itself is also dimmable. The clock software includes the ability to enable a "breathing" animation inspired by Apple Mac power indicators circa 2010.

This repo does not include Home Assistant automations to activate/deactivate the LEDs. These depend on your needs (and existing HA sensors/automations) and so are up to you. Run wild!

Clockbox headshot

Hardware

  • 1x ESP8266 dev board; I use a Wemos D1 mini. An ESP-32 could also be used with minor software modifications, though it is overkill for this application. More adventurous tinkerers could use a simpler board without the USB TTL, but the D1 mini is inexpensive enough that it is my go-to board.
  • 1x Adafruit 1.2" 4-digit 7-segment display with I1C backpack. Note that Vin needs to be connected to the ESP's 5V pin, and Vio needs to be connected to 3.3V (logic level).
  • 3x 5-12V red-green combination LEDs. I made the mistake of buying common-cathode LEDs and hence have a more elaborate 5V high-side driver ciruit; see below. Common-anode LEDs would permit a simpler low-side driver circuit using only NPN transistors.
  • 3x NPN transistors (2N3904 or similar)
  • 3x PNP transistors (2N3906 or similar)
  • 3x 470 Ω resistors
  • 3x 430 Ω resistors
  • 4x 1k Ω resistors

You could increase/decrease the number of LEDs to suit your needs. You could also drive them individually from 3.3V logic-level pins if brightness is not a concern.

A basic circuit diagram is included below. In the as-built circuit, the LED driver circuit is on the main board, and the LEDs and their resistors are mounted on a separate daughterboard that is attached to the front bezel.

Schematic of the clockbox circuit

The as-built main board, LED daughterboard, case, and front bezel. CAD source and 3d-printable files (STL) are available in 3d_print/. I used 1/8" smoked acrylic (not shown; cut to 2" x 5") between the 7-segment display and the front bezel.

As-built circuit

Software

clockbox.yaml provides the ESPHome configuration. You will also need secrets.yaml providing your WiFi SSID, WiFi password, and an ESPHome OTA password.

Assuming you use ESPHome via the Docker image, plug the ESP dev board into a USB port and flash the code:

docker run --rm --privileged -v /opt/esphome/config:/config \
--device=/dev/ttyUSB0 -it ghcr.io/esphome/esphome run clockbox.yaml

Verify in the terminal output (serial monitor) that the ESP connects to your WiFi network. At this point, Home Assistant should detect the clock (navigate to Settings / Devices & Services). Adding the clock to Home Assistant will update its time and will expose the light entities.

After the initial flash, changes can be flashed over WiFi using the same command (useful for updating the clock's software at night without waking your kids).

About

Seven-segment kids' bedside clock with red/green wake-up LEDs

Topics

alarm-clockclockesp8266esphomeht16k33i2c

Resources

Readme
GPL-3.0 license
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
BranchesTags
Latest commit
History
7 Commits
Folders and files
NameName
Last commit message
Last commit date
3d_print
3d_print
img
img
LICENSE
LICENSE
README.md
README.md
clockbox.yaml
clockbox.yaml
Repository files navigation
clockbox
An always-on kids' bedside clock with red/green wake-up LEDs. Designed around an ESP8266 microcontroller running ESPHome and driving an Adafruit 1.2" 4-digit 7-segment display (HT16K33) over I2C. Inspired by Lee Hutchinson's Raspberry Pi Zero-based appliance, with the following modifications:
  • ESP8266-based hardware running ESPHome
  • Red/green wake-up LEDs so my kids know when breakfast is ready
  • Home Assistant integration for time synchronization and LED control
  • Simplified enclosure assembly with fewer parts.
The LEDs are exposed to Home Assistant as "light" devices and are dimmable; the clock itself is also dimmable. The clock software includes the ability to enable a "breathing" animation inspired by Apple Mac power indicators circa 2010.
This repo does not include Home Assistant automations to activate/deactivate the LEDs. These depend on your needs (and existing HA sensors/automations) and so are up to you. Run wild!
Clockbox headshot
Hardware
  • 1x ESP8266 dev board; I use a Wemos D1 mini. An ESP-32 could also be used with minor software modifications, though it is overkill for this application. More adventurous tinkerers could use a simpler board without the USB TTL, but the D1 mini is inexpensive enough that it is my go-to board.
  • 1x Adafruit 1.2" 4-digit 7-segment display with I1C backpack. Note that Vin needs to be connected to the ESP's 5V pin, and Vio needs to be connected to 3.3V (logic level).
  • 3x 5-12V red-green combination LEDs. I made the mistake of buying common-cathode LEDs and hence have a more elaborate 5V high-side driver ciruit; see below. Common-anode LEDs would permit a simpler low-side driver circuit using only NPN transistors.
  • 3x NPN transistors (2N3904 or similar)
  • 3x PNP transistors (2N3906 or similar)
  • 3x 470 Ω resistors
  • 3x 430 Ω resistors
  • 4x 1k Ω resistors
You could increase/decrease the number of LEDs to suit your needs. You could also drive them individually from 3.3V logic-level pins if brightness is not a concern.
A basic circuit diagram is included below. In the as-built circuit, the LED driver circuit is on the main board, and the LEDs and their resistors are mounted on a separate daughterboard that is attached to the front bezel.
Schematic of the clockbox circuit
The as-built main board, LED daughterboard, case, and front bezel. CAD source and 3d-printable files (STL) are available in 3d_print/. I used 1/8" smoked acrylic (not shown; cut to 2" x 5") between the 7-segment display and the front bezel.
As-built circuit
Software
clockbox.yaml provides the ESPHome configuration. You will also need secrets.yaml providing your WiFi SSID, WiFi password, and an ESPHome OTA password.
Assuming you use ESPHome via the Docker image, plug the ESP dev board into a USB port and flash the code:
docker run --rm --privileged -v /opt/esphome/config:/config \
--device=/dev/ttyUSB0 -it ghcr.io/esphome/esphome run clockbox.yaml
Verify in the terminal output (serial monitor) that the ESP connects to your WiFi network. At this point, Home Assistant should detect the clock (navigate to Settings / Devices & Services). Adding the clock to Home Assistant will update its time and will expose the light entities.
After the initial flash, changes can be flashed over WiFi using the same command (useful for updating the clock's software at night without waking your kids).
About
Seven-segment kids' bedside clock with red/green wake-up LEDs
Topics
alarm-clockclockesp8266esphomeht16k33i2c
Resources
Readme
GPL-3.0 license
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
7 Commits
Folders and files
NameName
Last commit message
Last commit date
3d_print
3d_print
img
img
LICENSE
LICENSE
README.md
README.md
clockbox.yaml
clockbox.yaml
Repository files navigation
clockbox
An always-on kids' bedside clock with red/green wake-up LEDs. Designed around an ESP8266 microcontroller running ESPHome and driving an Adafruit 1.2" 4-digit 7-segment display (HT16K33) over I2C. Inspired by Lee Hutchinson's Raspberry Pi Zero-based appliance, with the following modifications:
  • ESP8266-based hardware running ESPHome
  • Red/green wake-up LEDs so my kids know when breakfast is ready
  • Home Assistant integration for time synchronization and LED control
  • Simplified enclosure assembly with fewer parts.
The LEDs are exposed to Home Assistant as "light" devices and are dimmable; the clock itself is also dimmable. The clock software includes the ability to enable a "breathing" animation inspired by Apple Mac power indicators circa 2010.
This repo does not include Home Assistant automations to activate/deactivate the LEDs. These depend on your needs (and existing HA sensors/automations) and so are up to you. Run wild!
Clockbox headshot
Hardware
  • 1x ESP8266 dev board; I use a Wemos D1 mini. An ESP-32 could also be used with minor software modifications, though it is overkill for this application. More adventurous tinkerers could use a simpler board without the USB TTL, but the D1 mini is inexpensive enough that it is my go-to board.
  • 1x Adafruit 1.2" 4-digit 7-segment display with I1C backpack. Note that Vin needs to be connected to the ESP's 5V pin, and Vio needs to be connected to 3.3V (logic level).
  • 3x 5-12V red-green combination LEDs. I made the mistake of buying common-cathode LEDs and hence have a more elaborate 5V high-side driver ciruit; see below. Common-anode LEDs would permit a simpler low-side driver circuit using only NPN transistors.
  • 3x NPN transistors (2N3904 or similar)
  • 3x PNP transistors (2N3906 or similar)
  • 3x 470 Ω resistors
  • 3x 430 Ω resistors
  • 4x 1k Ω resistors
You could increase/decrease the number of LEDs to suit your needs. You could also drive them individually from 3.3V logic-level pins if brightness is not a concern.
A basic circuit diagram is included below. In the as-built circuit, the LED driver circuit is on the main board, and the LEDs and their resistors are mounted on a separate daughterboard that is attached to the front bezel.
Schematic of the clockbox circuit
The as-built main board, LED daughterboard, case, and front bezel. CAD source and 3d-printable files (STL) are available in 3d_print/. I used 1/8" smoked acrylic (not shown; cut to 2" x 5") between the 7-segment display and the front bezel.
As-built circuit
Software
clockbox.yaml provides the ESPHome configuration. You will also need secrets.yaml providing your WiFi SSID, WiFi password, and an ESPHome OTA password.
Assuming you use ESPHome via the Docker image, plug the ESP dev board into a USB port and flash the code:
docker run --rm --privileged -v /opt/esphome/config:/config \
--device=/dev/ttyUSB0 -it ghcr.io/esphome/esphome run clockbox.yaml
Verify in the terminal output (serial monitor) that the ESP connects to your WiFi network. At this point, Home Assistant should detect the clock (navigate to Settings / Devices & Services). Adding the clock to Home Assistant will update its time and will expose the light entities.
After the initial flash, changes can be flashed over WiFi using the same command (useful for updating the clock's software at night without waking your kids).
About
Seven-segment kids' bedside clock with red/green wake-up LEDs
Topics
alarm-clockclockesp8266esphomeht16k33i2c
Resources
Readme
GPL-3.0 license
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
7 Commits
Folders and files
NameName
Last commit message
Last commit date
3d_print
3d_print
img
img
LICENSE
LICENSE
README.md
README.md
clockbox.yaml
clockbox.yaml
Repository files navigation
clockbox
An always-on kids' bedside clock with red/green wake-up LEDs. Designed around an ESP8266 microcontroller running ESPHome and driving an Adafruit 1.2" 4-digit 7-segment display (HT16K33) over I2C. Inspired by Lee Hutchinson's Raspberry Pi Zero-based appliance, with the following modifications:
  • ESP8266-based hardware running ESPHome
  • Red/green wake-up LEDs so my kids know when breakfast is ready
  • Home Assistant integration for time synchronization and LED control
  • Simplified enclosure assembly with fewer parts.
The LEDs are exposed to Home Assistant as "light" devices and are dimmable; the clock itself is also dimmable. The clock software includes the ability to enable a "breathing" animation inspired by Apple Mac power indicators circa 2010.
This repo does not include Home Assistant automations to activate/deactivate the LEDs. These depend on your needs (and existing HA sensors/automations) and so are up to you. Run wild!
Clockbox headshot
Hardware
  • 1x ESP8266 dev board; I use a Wemos D1 mini. An ESP-32 could also be used with minor software modifications, though it is overkill for this application. More adventurous tinkerers could use a simpler board without the USB TTL, but the D1 mini is inexpensive enough that it is my go-to board.
  • 1x Adafruit 1.2" 4-digit 7-segment display with I1C backpack. Note that Vin needs to be connected to the ESP's 5V pin, and Vio needs to be connected to 3.3V (logic level).
  • 3x 5-12V red-green combination LEDs. I made the mistake of buying common-cathode LEDs and hence have a more elaborate 5V high-side driver ciruit; see below. Common-anode LEDs would permit a simpler low-side driver circuit using only NPN transistors.
  • 3x NPN transistors (2N3904 or similar)
  • 3x PNP transistors (2N3906 or similar)
  • 3x 470 Ω resistors
  • 3x 430 Ω resistors
  • 4x 1k Ω resistors
You could increase/decrease the number of LEDs to suit your needs. You could also drive them individually from 3.3V logic-level pins if brightness is not a concern.
A basic circuit diagram is included below. In the as-built circuit, the LED driver circuit is on the main board, and the LEDs and their resistors are mounted on a separate daughterboard that is attached to the front bezel.
Schematic of the clockbox circuit
The as-built main board, LED daughterboard, case, and front bezel. CAD source and 3d-printable files (STL) are available in 3d_print/. I used 1/8" smoked acrylic (not shown; cut to 2" x 5") between the 7-segment display and the front bezel.
As-built circuit
Software
clockbox.yaml provides the ESPHome configuration. You will also need secrets.yaml providing your WiFi SSID, WiFi password, and an ESPHome OTA password.
Assuming you use ESPHome via the Docker image, plug the ESP dev board into a USB port and flash the code:
docker run --rm --privileged -v /opt/esphome/config:/config \
--device=/dev/ttyUSB0 -it ghcr.io/esphome/esphome run clockbox.yaml
Verify in the terminal output (serial monitor) that the ESP connects to your WiFi network. At this point, Home Assistant should detect the clock (navigate to Settings / Devices & Services). Adding the clock to Home Assistant will update its time and will expose the light entities.
After the initial flash, changes can be flashed over WiFi using the same command (useful for updating the clock's software at night without waking your kids).
About
Seven-segment kids' bedside clock with red/green wake-up LEDs
Topics
alarm-clockclockesp8266esphomeht16k33i2c
Resources
Readme
GPL-3.0 license
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
BranchesTags
Latest commit
History
7 Commits
Folders and files
NameName
Last commit message
Last commit date
3d_print
3d_print
img
img
LICENSE
LICENSE
README.md
README.md
clockbox.yaml
clockbox.yaml
Repository files navigation
clockbox
An always-on kids' bedside clock with red/green wake-up LEDs. Designed around an ESP8266 microcontroller running ESPHome and driving an Adafruit 1.2" 4-digit 7-segment display (HT16K33) over I2C. Inspired by Lee Hutchinson's Raspberry Pi Zero-based appliance, with the following modifications:
  • ESP8266-based hardware running ESPHome
  • Red/green wake-up LEDs so my kids know when breakfast is ready
  • Home Assistant integration for time synchronization and LED control
  • Simplified enclosure assembly with fewer parts.
The LEDs are exposed to Home Assistant as "light" devices and are dimmable; the clock itself is also dimmable. The clock software includes the ability to enable a "breathing" animation inspired by Apple Mac power indicators circa 2010.
This repo does not include Home Assistant automations to activate/deactivate the LEDs. These depend on your needs (and existing HA sensors/automations) and so are up to you. Run wild!
Clockbox headshot
Hardware
  • 1x ESP8266 dev board; I use a Wemos D1 mini. An ESP-32 could also be used with minor software modifications, though it is overkill for this application. More adventurous tinkerers could use a simpler board without the USB TTL, but the D1 mini is inexpensive enough that it is my go-to board.
  • 1x Adafruit 1.2" 4-digit 7-segment display with I1C backpack. Note that Vin needs to be connected to the ESP's 5V pin, and Vio needs to be connected to 3.3V (logic level).
  • 3x 5-12V red-green combination LEDs. I made the mistake of buying common-cathode LEDs and hence have a more elaborate 5V high-side driver ciruit; see below. Common-anode LEDs would permit a simpler low-side driver circuit using only NPN transistors.
  • 3x NPN transistors (2N3904 or similar)
  • 3x PNP transistors (2N3906 or similar)
  • 3x 470 Ω resistors
  • 3x 430 Ω resistors
  • 4x 1k Ω resistors
You could increase/decrease the number of LEDs to suit your needs. You could also drive them individually from 3.3V logic-level pins if brightness is not a concern.
A basic circuit diagram is included below. In the as-built circuit, the LED driver circuit is on the main board, and the LEDs and their resistors are mounted on a separate daughterboard that is attached to the front bezel.
Schematic of the clockbox circuit
The as-built main board, LED daughterboard, case, and front bezel. CAD source and 3d-printable files (STL) are available in 3d_print/. I used 1/8" smoked acrylic (not shown; cut to 2" x 5") between the 7-segment display and the front bezel.
As-built circuit
Software
clockbox.yaml provides the ESPHome configuration. You will also need secrets.yaml providing your WiFi SSID, WiFi password, and an ESPHome OTA password.
Assuming you use ESPHome via the Docker image, plug the ESP dev board into a USB port and flash the code:
docker run --rm --privileged -v /opt/esphome/config:/config \
--device=/dev/ttyUSB0 -it ghcr.io/esphome/esphome run clockbox.yaml
Verify in the terminal output (serial monitor) that the ESP connects to your WiFi network. At this point, Home Assistant should detect the clock (navigate to Settings / Devices & Services). Adding the clock to Home Assistant will update its time and will expose the light entities.
After the initial flash, changes can be flashed over WiFi using the same command (useful for updating the clock's software at night without waking your kids).
About
Seven-segment kids' bedside clock with red/green wake-up LEDs
Topics
alarm-clockclockesp8266esphomeht16k33i2c
Resources
Readme
GPL-3.0 license
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
7 Commits
Folders and files
NameName
Last commit message
Last commit date
3d_print
3d_print
img
img
LICENSE
LICENSE
README.md
README.md
clockbox.yaml
clockbox.yaml
Repository files navigation
clockbox
An always-on kids' bedside clock with red/green wake-up LEDs. Designed around an ESP8266 microcontroller running ESPHome and driving an Adafruit 1.2" 4-digit 7-segment display (HT16K33) over I2C. Inspired by Lee Hutchinson's Raspberry Pi Zero-based appliance, with the following modifications:
  • ESP8266-based hardware running ESPHome
  • Red/green wake-up LEDs so my kids know when breakfast is ready
  • Home Assistant integration for time synchronization and LED control
  • Simplified enclosure assembly with fewer parts.
The LEDs are exposed to Home Assistant as "light" devices and are dimmable; the clock itself is also dimmable. The clock software includes the ability to enable a "breathing" animation inspired by Apple Mac power indicators circa 2010.
This repo does not include Home Assistant automations to activate/deactivate the LEDs. These depend on your needs (and existing HA sensors/automations) and so are up to you. Run wild!
Clockbox headshot
Hardware
  • 1x ESP8266 dev board; I use a Wemos D1 mini. An ESP-32 could also be used with minor software modifications, though it is overkill for this application. More adventurous tinkerers could use a simpler board without the USB TTL, but the D1 mini is inexpensive enough that it is my go-to board.
  • 1x Adafruit 1.2" 4-digit 7-segment display with I1C backpack. Note that Vin needs to be connected to the ESP's 5V pin, and Vio needs to be connected to 3.3V (logic level).
  • 3x 5-12V red-green combination LEDs. I made the mistake of buying common-cathode LEDs and hence have a more elaborate 5V high-side driver ciruit; see below. Common-anode LEDs would permit a simpler low-side driver circuit using only NPN transistors.
  • 3x NPN transistors (2N3904 or similar)
  • 3x PNP transistors (2N3906 or similar)
  • 3x 470 Ω resistors
  • 3x 430 Ω resistors
  • 4x 1k Ω resistors
You could increase/decrease the number of LEDs to suit your needs. You could also drive them individually from 3.3V logic-level pins if brightness is not a concern.
A basic circuit diagram is included below. In the as-built circuit, the LED driver circuit is on the main board, and the LEDs and their resistors are mounted on a separate daughterboard that is attached to the front bezel.
Schematic of the clockbox circuit
The as-built main board, LED daughterboard, case, and front bezel. CAD source and 3d-printable files (STL) are available in 3d_print/. I used 1/8" smoked acrylic (not shown; cut to 2" x 5") between the 7-segment display and the front bezel.
As-built circuit
Software
clockbox.yaml provides the ESPHome configuration. You will also need secrets.yaml providing your WiFi SSID, WiFi password, and an ESPHome OTA password.
Assuming you use ESPHome via the Docker image, plug the ESP dev board into a USB port and flash the code:
docker run --rm --privileged -v /opt/esphome/config:/config \
--device=/dev/ttyUSB0 -it ghcr.io/esphome/esphome run clockbox.yaml
Verify in the terminal output (serial monitor) that the ESP connects to your WiFi network. At this point, Home Assistant should detect the clock (navigate to Settings / Devices & Services). Adding the clock to Home Assistant will update its time and will expose the light entities.
After the initial flash, changes can be flashed over WiFi using the same command (useful for updating the clock's software at night without waking your kids).
About
Seven-segment kids' bedside clock with red/green wake-up LEDs
Topics
alarm-clockclockesp8266esphomeht16k33i2c
Resources
Readme
GPL-3.0 license
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
7 Commits
Folders and files
NameName
Last commit message
Last commit date
3d_print
3d_print
img
img
LICENSE
LICENSE
README.md
README.md
clockbox.yaml
clockbox.yaml
Repository files navigation
clockbox
An always-on kids' bedside clock with red/green wake-up LEDs. Designed around an ESP8266 microcontroller running ESPHome and driving an Adafruit 1.2" 4-digit 7-segment display (HT16K33) over I2C. Inspired by Lee Hutchinson's Raspberry Pi Zero-based appliance, with the following modifications:
  • ESP8266-based hardware running ESPHome
  • Red/green wake-up LEDs so my kids know when breakfast is ready
  • Home Assistant integration for time synchronization and LED control
  • Simplified enclosure assembly with fewer parts.
The LEDs are exposed to Home Assistant as "light" devices and are dimmable; the clock itself is also dimmable. The clock software includes the ability to enable a "breathing" animation inspired by Apple Mac power indicators circa 2010.
This repo does not include Home Assistant automations to activate/deactivate the LEDs. These depend on your needs (and existing HA sensors/automations) and so are up to you. Run wild!
Clockbox headshot
Hardware
  • 1x ESP8266 dev board; I use a Wemos D1 mini. An ESP-32 could also be used with minor software modifications, though it is overkill for this application. More adventurous tinkerers could use a simpler board without the USB TTL, but the D1 mini is inexpensive enough that it is my go-to board.
  • 1x Adafruit 1.2" 4-digit 7-segment display with I1C backpack. Note that Vin needs to be connected to the ESP's 5V pin, and Vio needs to be connected to 3.3V (logic level).
  • 3x 5-12V red-green combination LEDs. I made the mistake of buying common-cathode LEDs and hence have a more elaborate 5V high-side driver ciruit; see below. Common-anode LEDs would permit a simpler low-side driver circuit using only NPN transistors.
  • 3x NPN transistors (2N3904 or similar)
  • 3x PNP transistors (2N3906 or similar)
  • 3x 470 Ω resistors
  • 3x 430 Ω resistors
  • 4x 1k Ω resistors
You could increase/decrease the number of LEDs to suit your needs. You could also drive them individually from 3.3V logic-level pins if brightness is not a concern.
A basic circuit diagram is included below. In the as-built circuit, the LED driver circuit is on the main board, and the LEDs and their resistors are mounted on a separate daughterboard that is attached to the front bezel.
Schematic of the clockbox circuit
The as-built main board, LED daughterboard, case, and front bezel. CAD source and 3d-printable files (STL) are available in 3d_print/. I used 1/8" smoked acrylic (not shown; cut to 2" x 5") between the 7-segment display and the front bezel.
As-built circuit
Software
clockbox.yaml provides the ESPHome configuration. You will also need secrets.yaml providing your WiFi SSID, WiFi password, and an ESPHome OTA password.
Assuming you use ESPHome via the Docker image, plug the ESP dev board into a USB port and flash the code:
docker run --rm --privileged -v /opt/esphome/config:/config \
--device=/dev/ttyUSB0 -it ghcr.io/esphome/esphome run clockbox.yaml
Verify in the terminal output (serial monitor) that the ESP connects to your WiFi network. At this point, Home Assistant should detect the clock (navigate to Settings / Devices & Services). Adding the clock to Home Assistant will update its time and will expose the light entities.
After the initial flash, changes can be flashed over WiFi using the same command (useful for updating the clock's software at night without waking your kids).
About
Seven-segment kids' bedside clock with red/green wake-up LEDs
Topics
alarm-clockclockesp8266esphomeht16k33i2c
Resources
Readme
GPL-3.0 license
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
BranchesTags
Latest commit
History
7 Commits
Folders and files
NameName
Last commit message
Last commit date
3d_print
3d_print
img
img
LICENSE
LICENSE
README.md
README.md
clockbox.yaml
clockbox.yaml
Repository files navigation
clockbox
An always-on kids' bedside clock with red/green wake-up LEDs. Designed around an ESP8266 microcontroller running ESPHome and driving an Adafruit 1.2" 4-digit 7-segment display (HT16K33) over I2C. Inspired by Lee Hutchinson's Raspberry Pi Zero-based appliance, with the following modifications:
  • ESP8266-based hardware running ESPHome
  • Red/green wake-up LEDs so my kids know when breakfast is ready
  • Home Assistant integration for time synchronization and LED control
  • Simplified enclosure assembly with fewer parts.
The LEDs are exposed to Home Assistant as "light" devices and are dimmable; the clock itself is also dimmable. The clock software includes the ability to enable a "breathing" animation inspired by Apple Mac power indicators circa 2010.
This repo does not include Home Assistant automations to activate/deactivate the LEDs. These depend on your needs (and existing HA sensors/automations) and so are up to you. Run wild!
Clockbox headshot
Hardware
  • 1x ESP8266 dev board; I use a Wemos D1 mini. An ESP-32 could also be used with minor software modifications, though it is overkill for this application. More adventurous tinkerers could use a simpler board without the USB TTL, but the D1 mini is inexpensive enough that it is my go-to board.
  • 1x Adafruit 1.2" 4-digit 7-segment display with I1C backpack. Note that Vin needs to be connected to the ESP's 5V pin, and Vio needs to be connected to 3.3V (logic level).
  • 3x 5-12V red-green combination LEDs. I made the mistake of buying common-cathode LEDs and hence have a more elaborate 5V high-side driver ciruit; see below. Common-anode LEDs would permit a simpler low-side driver circuit using only NPN transistors.
  • 3x NPN transistors (2N3904 or similar)
  • 3x PNP transistors (2N3906 or similar)
  • 3x 470 Ω resistors
  • 3x 430 Ω resistors
  • 4x 1k Ω resistors
You could increase/decrease the number of LEDs to suit your needs. You could also drive them individually from 3.3V logic-level pins if brightness is not a concern.
A basic circuit diagram is included below. In the as-built circuit, the LED driver circuit is on the main board, and the LEDs and their resistors are mounted on a separate daughterboard that is attached to the front bezel.
Schematic of the clockbox circuit
The as-built main board, LED daughterboard, case, and front bezel. CAD source and 3d-printable files (STL) are available in 3d_print/. I used 1/8" smoked acrylic (not shown; cut to 2" x 5") between the 7-segment display and the front bezel.
As-built circuit
Software
clockbox.yaml provides the ESPHome configuration. You will also need secrets.yaml providing your WiFi SSID, WiFi password, and an ESPHome OTA password.
Assuming you use ESPHome via the Docker image, plug the ESP dev board into a USB port and flash the code:
docker run --rm --privileged -v /opt/esphome/config:/config \
--device=/dev/ttyUSB0 -it ghcr.io/esphome/esphome run clockbox.yaml
Verify in the terminal output (serial monitor) that the ESP connects to your WiFi network. At this point, Home Assistant should detect the clock (navigate to Settings / Devices & Services). Adding the clock to Home Assistant will update its time and will expose the light entities.
After the initial flash, changes can be flashed over WiFi using the same command (useful for updating the clock's software at night without waking your kids).
About
Seven-segment kids' bedside clock with red/green wake-up LEDs
Topics
alarm-clockclockesp8266esphomeht16k33i2c
Resources
Readme
GPL-3.0 license
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors