bgrolleman
eac496be0e
- Force 24h time format; switch date to DD/MM (Gothic 28 Bold) - Replace effect-layer invert with explicit black background + white text - Add 8px top bar counting down to next :00/:30; preempts to nearest calendar appointment when one arrives via AppMessage within 30 min - Add pkjs with Google Calendar API integration (falls back gracefully if no API key is configured) - Move battery indicator to a 4px full-width strip at screen bottom - Drop pebble-effect-layer dependency; add APPOINTMENT_MINUTES messageKey - Write README with feature overview, build instructions, and calendar setup Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Countdown Watchface
A clean Pebble watchface with a top progress bar that counts down to your next half-hour mark or upcoming calendar appointment.
Features
- Time — large 24-hour format (
HH:MM) using the Roboto Bold 49 font - Date — day/month number (
DD/MM) in Gothic 28 Bold below the time - Countdown bar — 8px bar across the top of the screen:
- Starts full at the top of each half hour and drains to empty as it approaches
:00or:30 - If a calendar appointment is within the next 30 minutes, the bar counts down to that instead
- Requires Google Calendar API setup (see below); falls back to half-hour countdown without it
- Starts full at the top of each half hour and drains to empty as it approaches
- Battery bar — thin 4px indicator along the bottom edge
Supported platforms
aplite, basalt, diorite, emery, flint
Building
Requires the Pebble SDK (version 3).
cd countdown_watchface
pebble build
Install on a connected watch or emulator:
pebble install --phone <watch-ip>
# or
pebble install --emulator basalt
Calendar integration (optional)
The watchface uses Google Calendar API to detect appointments within the next 30 minutes. Without this, the bar simply counts down to the next :00 or :30.
Setup:
- Create a Google Cloud project and enable the Google Calendar API.
- Generate an API key (restrict it to the Calendar API and your IP/app if desired).
- In the Pebble phone app's JS console (or via a config page), run:
localStorage.setItem('gcal_api_key', 'YOUR_API_KEY_HERE');
The calendar ID defaults to primary. To use a different calendar, edit src/pkjs/index.js and change the CALENDAR_ID variable.
The phone-side JS polls for events every minute and sends the minutes-to-appointment to the watch via AppMessage. If the API call fails or no key is set, the watch falls back to the half-hour countdown automatically.