Calendars
Connect Google to import your calendars, or add any calendar manually using an iCal URL.
For non-Google calendars (Outlook, Apple, Nextcloud, etc.) paste an iCal URL below.
Display Options
Configure how the kiosk screen is laid out. The layout is: clock + today's events on the left, calendar on the right, and an optional weather bar across the bottom.
How often to re-fetch all iCal feeds. Lower = more network requests.
Open-Meteo updates hourly — polling faster than 15min wastes requests.
Automatically dims the screen at night to reduce glare and save energy. The overlay fades to the chosen darkness level between your set times.
Weather
Powered by Open-Meteo — free, no API key required.
Background Images
Use your own image URL, or search Pixabay for auto-rotating photos by keyword.
Any direct .jpg / .png / .webp URL works.
Keywords passed directly to Pixabay search
Custom CSS
Override any styles. Applied on the next refresh (30 sec). All kiosk styles live in kiosk.css — download, edit and re-upload for permanent changes.
Click a snippet to insert a starting point into the editor below.
All variables defined in kiosk.css. Override any in the editor above.
| Variable | Default | Controls |
|---|---|---|
| --accent | #e8c97a | Gold highlights, labels, clock glow |
| --glass | rgba(0,0,0,0.45) | Panel background darkness |
| --glass-border | rgba(255,255,255,0.08) | Panel border colour |
| --text | #f0ede8 | Primary text colour |
| --text-dim | rgba(240,237,232,0.5) | Muted / secondary text |
| --bg-body | #0a0a0f | Page background colour |
| --clock-size | clamp(72px,9vw,118px) | Clock digit size |
| --clock-font | 'Bebas Neue' | Clock typeface |
| --clock-color | var(--text) | Clock digit colour |
| --clock-glow | rgba(232,201,122,0.25) | Glow behind clock |
| --panel-radius | 16px | Panel corner radius |
| --panel-padding | 22px | Panel inner padding |
| --panel-blur | 20px | Backdrop blur amount |
| --app-padding | 26px | Outer page padding |
| --app-gap | 18px | Gap between grid cells |
| --ev-bg | rgba(255,255,255,0.04) | Event row background |
| --ev-radius | 9px | Event row corner radius |
| --weather-temp-size | 2.2rem | Current temp font size |
| --weather-icon-size | 2.2rem | Current weather icon size |
| --cal-month-size | 38px | Month name font size |
| --cal-cell-bg | rgba(255,255,255,0.02) | Calendar cell background |
| --cal-cell-today-bg | rgba(232,201,122,0.10) | Today cell background |
| Selector | What it targets |
|---|---|
#clock | The big clock digits |
#date-line | The date text below the clock |
#clock-panel | Clock container area |
#today-panel | Today's events panel |
#cal-panel | Main calendar grid panel |
#weather-panel | Weather widget panel |
#upcoming-panel | Upcoming events panel |
#month-panel | Mini month view panel |
.glass-panel | All glass panels (shared styles) |
.panel-label | Section headings inside panels |
.ev-item | Today's event rows |
.ev-time | Time column in event rows |
.ev-title | Event title text |
.ev-cal | Calendar name under event |
.cal-cell | Calendar day cells |
.cal-cell.today | Today's calendar cell |
.cal-ev | Event chips in calendar |
.weather-day | Individual forecast day cards |
#weather-temp-now | Current temperature display |
#weather-icon-now | Current weather icon |
#status-bar | Bottom-right sync indicator |
My Kiosk URL
Displays are now paired using a 6-digit code — no long URL needed. Use the base URL below for FullPageOS or browser kiosk mode.
- Enter the base URL above into FullPageOS, or set it as your browser's kiosk startup URL
- The display will show a 6-digit code on screen automatically — no keyboard needed
- Go to Pair Device in this panel, enter the code shown on the display and give it a name
- Click Pair Display — the display loads your calendar within 3 seconds
- The display remembers the pairing after every reboot — no URL parameter needed
chromium-browser --kiosk "YOUR_URL_HERE"
Pair a Display
Your display shows a 6-digit code on screen. Enter it below to pair it to your account.
- Power on your display — a 6-digit code will appear automatically
- Enter that code below along with a name for the display
- Click Pair Display — done
- The display loads your calendar immediately, no keyboard needed
My Profile
Manage your account details and security settings.
Export your display settings to a file, or restore from a previous backup. Calendar URLs and sensitive tokens are excluded.
Permanently delete your account and all associated data — calendars, devices, and settings. This cannot be undone.