39 lines
2.3 KiB
HTML
39 lines
2.3 KiB
HTML
|
<style>
|
||
|
|
@font-face {
|
||
|
|
font-family: 'IBM Plex Sans Condensed';
|
||
|
|
src: url('/card-templates/todo-item-live/assets/ibm-plex-sans-condensed-700.ttf') format('truetype');
|
||
|
|
font-weight: 700;
|
||
|
|
font-style: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'M-1m Code';
|
||
|
|
src: url('/card-templates/todo-item-live/assets/mplus-1m-regular-sub.ttf') format('truetype');
|
||
|
|
font-weight: 400;
|
||
|
|
font-style: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div data-calendar-timeline-card style="font-family: var(--card-font, 'Iosevka', 'SF Mono', ui-monospace, Menlo, Consolas, monospace); background:var(--theme-card-warm-bg); color:var(--theme-card-warm-text); padding:12px; border:1px solid var(--theme-card-warm-border);">
|
||
|
|
<div style="font-family:'IBM Plex Sans Condensed', 'Arial Narrow', sans-serif; font-size:0.86rem; line-height:1.02; letter-spacing:-0.01em; color:var(--theme-card-warm-text); font-weight:700;">Today Calendar</div>
|
||
|
|
|
||
|
|
<div style="display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-top:8px;">
|
||
|
|
<div style="min-width:0; flex:1 1 auto;">
|
||
|
|
<div data-calendar-headline style="font-family:'IBM Plex Sans Condensed', 'Arial Narrow', sans-serif; font-size:1.08rem; line-height:0.98; letter-spacing:-0.03em; color:var(--theme-card-warm-text); font-weight:700;">Loading today…</div>
|
||
|
|
<div data-calendar-detail style="margin-top:4px; font-size:0.72rem; line-height:1.18; color:var(--theme-card-warm-muted);">Checking your calendar.</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div data-calendar-all-day-wrap style="display:none; margin-top:8px;">
|
||
|
|
<div style="font-family:'M-1m Code', ui-monospace, Menlo, Consolas, monospace; font-size:0.58rem; line-height:1.1; letter-spacing:0.09em; text-transform:uppercase; color:var(--theme-card-warm-muted); margin-bottom:5px;">All day</div>
|
||
|
|
<div data-calendar-all-day style="display:flex; flex-wrap:wrap; gap:4px;"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div data-calendar-empty style="display:none; margin-top:10px; padding:10px 0 2px; color:var(--theme-card-warm-muted); font-size:0.92rem; line-height:1.35;">No events for today.</div>
|
||
|
|
|
||
|
|
<div data-calendar-timeline-shell style="display:none; margin-top:10px;">
|
||
|
|
<div data-calendar-timeline style="position:relative; min-height:160px;"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|