24 lines
1.3 KiB
HTML
24 lines
1.3 KiB
HTML
|
<style>
|
||
|
|
@font-face {
|
||
|
|
font-family: 'BlexMono Nerd Font Mono';
|
||
|
|
src: url('/card-templates/upcoming-conditions-live/assets/BlexMonoNerdFontMono-Regular.ttf') format('truetype');
|
||
|
|
font-weight: 400;
|
||
|
|
font-style: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@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;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div data-upcoming-conditions-card style="font-family: var(--card-font, 'Iosevka', 'SF Mono', ui-monospace, Menlo, Consolas, monospace); background:var(--theme-card-neutral-bg); color:var(--theme-card-neutral-text); padding:12px; border:1px solid var(--theme-card-neutral-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-neutral-text); font-weight:700;">Upcoming Events</div>
|
||
|
|
|
||
|
|
<div data-upcoming-empty style="display:none; margin-top:8px; color:var(--theme-card-neutral-subtle); font-size:0.9rem; line-height:1.4;">No upcoming events.</div>
|
||
|
|
<ul data-upcoming-list style="list-style:none; margin:6px 0 0; padding:0; display:flex; flex-direction:column; gap:0;"></ul>
|
||
|
|
</div>
|