From 87861ac287265347bb407a64fd5d13e0a995d234 Mon Sep 17 00:00:00 2001 From: Tran Duc Anh Dang Date: Wed, 11 Nov 2026 13:00:02 +1100 Subject: [PATCH] feat: CalDAV line on the Planner Calendar card, phone tail spacing Planner's Calendar card gets 'Use it with your other calendar apps.' with the Planned pill. Phone feature cards sit in a 12px-padded, 8px-gap column, as drawn in the designs. --- scripts/build-site.mjs | 4 ++-- site/src/styles.css | 2 ++ 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/scripts/build-site.mjs b/scripts/build-site.mjs index 4e14dc54..e8805fc8 100755 --- a/scripts/build-site.mjs +++ b/scripts/build-site.mjs @@ -55,7 +55,7 @@ const PLATFORMS = { const APPS = [ { key: "planner", name: "Orbyn Planner", cls: "ap-pl", icon: "i-calcheck", line: "Tasks, lists, projects and calendar. Offline and encrypted end to end.", group: "Everyday", plan: "Planned plan: Free on one device, Plus to sync", - features: [["Today", "Events and tasks for the day, in order."], ["Calendar", "Week, day, agenda and month, with your other calendars."], ["Projects", "Boards and lists for anything from a trip to a launch."], ["Booking", "Pages that read only your busy times. Planned."]] }, + features: [["Today", "Events and tasks for the day, in order."], ["Calendar", "Week, day, agenda and month, with your other calendars.", "Use it with your other calendar apps."], ["Projects", "Boards and lists for anything from a trip to a launch."], ["Booking", "Pages that read only your busy times. Planned."]] }, { key: "notes", name: "Orbyn Notes", cls: "ap-no", icon: "i-note", line: "Encrypted notes and pages that link to your tasks and events.", group: "Everyday", plan: "Planned plan: Free on one device, Plus to sync", features: [["Notes and pages", "A plain, fast editor that works offline."], ["Links to tasks", "A task links to a note, and a note to an event."], ["Study", "Flashcards from your notes, reviewed on a schedule."], ["Clip and Journal", "Save pages to read later; keep a private daily page."]] }, @@ -349,7 +349,7 @@ ${fig(PREVIEWS[a.key].walk[0], b("Walkthrough", PREVIEWS[a.key].walk[1]), { cls: ${PREVIEWS[a.key].gallery.map(([f, t, c]) => fig(f, b(t, c), { open: t })).join("")} ${PREVIEWS[a.key].phoneLast ? fig(PREVIEWS[a.key].phoneLast[0], b("Phone", PREVIEWS[a.key].phoneLast[1])) : ""} -
${a.features.map(([t, d]) => `

${t}

${d}

`).join("")}
+
${a.features.map(([t, d, extra]) => `

${t}

${d}

${extra ? `

${extra} ${planned}

` : ""}
`).join("")}
See it workReal screens from the design, played as a short walkthrough.
${fig(PREVIEWS[a.key].walk[0], b("Walkthrough", PREVIEWS[a.key].walk[1]), { cls: "pvwalk" }).replace('class="pvb', 'class="pvb pvw')}
diff --git a/site/src/styles.css b/site/src/styles.css index 740023e9..7627c6f7 100644 --- a/site/src/styles.css +++ b/site/src/styles.css @@ -104,6 +104,7 @@ button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0} .acard.slim h2{font-size:13px} .acard.feat{background:var(--raise)} .acard.feat h2{font-size:13.5px} +.acard .caldav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px} .acard[hidden]{display:none} .acard h2{margin:0;font-size:15px;font-weight:500;color:var(--t1);display:flex;align-items:center;gap:8px} .acard .head{display:flex;align-items:center;gap:8px;font-size:15px} @@ -393,6 +394,7 @@ html.th-anim,html.th-anim *,html.th-anim *::before,html.th-anim *::after{transit .frow.fend{margin-left:0} .prin{gap:14px}.prin div{gap:4px}.prin h2{font-size:14px} /* phone tails (designer spec): compact feature cards, promises and family rows, 28px between groups */ + .cards.c4:has(.acard.feat){padding:12px;gap:8px} .acard.feat{padding:12px;gap:8px} .gap28,.gap22,.gap34{height:28px} .family{padding:28px 6px 6px}