dashboard settings

config backup & transfer v00

all credentials, custom time zones, and settings live locally in your browser storage. export your config to transfer setup to another machine or browser profile, or import a template.json.

profile & navigation customization

your name

customizes the dashboard header title ("{name}'s personal dashboard").

homepage redirect url

destination for the dashboard header homepage button and logo (default: https://davidlechan.dev).

layout & overflow mode display

widget layout mode

rotating show one row at full fitting height and auto-swap rows

scrolling show all rows simultaneously with page scrolling

select rotating mode to cycle rows at full height, or scrolling mode to display all rows.

rotation delay (seconds)

seconds (default: 30s)

time to display each widget row before rotating to the next row.

spotify integration unconfigured

spotify client id

in developer.spotify.com, add this exact redirect uri:

important: spotify requires https://. whitelist both https://davidlechan.dev/dashboard/ and https://davidlechan.dev/dashboard to prevent matching errors.

custom redirect uri (optional)

override the redirect uri sent to spotify accounts oauth.

pkce flow | no client secrets stored

pin spotify widget while music is playing

when active and music plays, spotify stays pinned in slot 1 while the other slot cycles through all non-pinned widgets.

world clock & primary time zone multi-zone

primary / home time zone

the primary zone receives emphasized visual placement with live seconds and date.

alternate time zones cards list

alternate zones rotation delay (seconds)

seconds (default: 10s)

time to display each set of alternate time zone rows before cycling to the next set.

calendar feeds ical / ics

subscribed ical feeds remote calendars

enter private or public ics feed links from google calendar, apple calendar, or outlook.

calendar display mode

smart today if events remain, otherwise agenda

rotate auto-rotate every 14s between views

agenda always show upcoming scrollable list

today always show 24h timeline with red line

select how the calendar widget displays events on your dashboard.

cors proxy bridge (optional)

most calendar providers block browser requests (cors). provide a custom cors proxy prefix or leave empty for automated fallback.

cloudflare calendar worker setup guide ▾

Google Calendar, Apple iCloud, and Outlook block browser requests (CORS). Deploy a free Cloudflare Worker to proxy calendar feeds securely:

Log in to workers.cloudflare.com and choose Workers & Pages > Create Application > Create Worker.
Name your worker (e.g. calendar-worker) and click Deploy.
Click Edit Code and replace the code with the script below:

export default {
  async fetch(request) {
    const url = new URL(request.url);
    const targetUrl = url.searchParams.get('url');
    if (!targetUrl) {
      return new Response('Missing ?url= parameter', { status: 400 });
    }

    const corsHeaders = {
      'Access-Control-Allow-Origin': '*',
      'Access-Control-Allow-Methods': 'GET, OPTIONS',
      'Access-Control-Allow-Headers': '*',
    };

    if (request.method === 'OPTIONS') {
      return new Response(null, { headers: corsHeaders });
    }

    try {
      const res = await fetch(targetUrl, {
        headers: { 'User-Agent': 'Mozilla/5.0 (compatible; CalendarWorker/1.0)' },
      });
      const body = await res.text();
      return new Response(body, {
        status: res.status,
        headers: {
          ...corsHeaders,
          'Content-Type': 'text/calendar; charset=utf-8',
          'Cache-Control': 'public, max-age=300',
        },
      });
    } catch (err) {
      return new Response('Proxy Error: ' + err.message, {
        status: 502,
        headers: corsHeaders,
      });
    }
  },
};

Click Deploy.
Copy your worker URL (e.g. https://calendar-worker.<subdomain>.workers.dev/?url=) into the input above and click Save Settings.