feat(landing): add to-calendar button on hero#133
Closed
ryzizub wants to merge 4 commits into
Closed
Conversation
|
Visit the preview URL for this PR (updated for commit f4195f1): https://devfest-public--pr133-claude-cool-shockley-lw8p1dnu.web.app (expires Sat, 20 Jun 2026 21:46:07 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: 012b97aa22a34482dd432649ee74495ebf4fb2e2 |
ryzizub
force-pushed
the
claude/cool-shockley-b6854f
branch
7 times, most recently
from
4a53c05 to
9965df9
Compare
ryzizub
force-pushed
the
claude/cool-shockley-b6854f
branch
from
9965df9 to
5949451
Compare
ryzizub
force-pushed
the
claude/cool-shockley-b6854f
branch
from
5949451 to
8d57226
Compare
Drops in the `add-to-calendar-button` web component above the "See last year's edition" link so visitors can save the event to Google, Apple, Microsoft 365, Outlook.com, Yahoo, or download an .ics file. Configured as an all-day event on 2026-10-30 in the Europe/Prague timezone with custom dark styling that matches the landing palette (red border, transparent background, Share Tech Mono font). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
The previous `buttonStyle="custom"` attribute expects an external `customCss` URL — without one, the web component renders unstyled and is invisible against the dark hero. Switch to `buttonStyle="default"` with `size="3"` so the built-in baseline CSS loads, while keeping the `styleDark` CSS variable overrides for the noir palette. Also drops the undocumented `hideIconButton` attribute. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…link Drops the `add-to-calendar-button` web component in favour of a plain anchor wired to a `webcal://` URL. The browser hands off the link to the user's default calendar app (Apple Calendar, Outlook desktop) or falls back to downloading the `.ics` file. The constant `ICS_URL` inside `AddToCalendar.astro` is a placeholder — replace it with the public iCal URL of the DevFest 2026 calendar event before deploy. Removes the `add-to-calendar-button` dependency and restyles the button as a noir-themed CTA: red bevelled border, Share Tech Mono, clip-path corners that match the landing aesthetic. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
ryzizub
force-pushed
the
claude/cool-shockley-b6854f
branch
from
8d57226 to
2b3f7ef
Compare
Resync package.json and package-lock.json with main (2026) so the branch picks up the a11y CI script, the @axe-core/playwright + playwright devDependencies, and the Astro 6.1.10 bump. The original add-to-calendar feature commit overwrote these files when its conflict was resolved during an earlier rebase. Without the a11y script the axe CI job exits with `npm error Missing script: "a11y"`. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
add-to-calendar-buttonweb component..icsdownload.styleDarkCSS variables to match the landing palette (red border, transparent background, hover tintrgba(204, 0, 0, 0.15), Share Tech Mono font).Why
A user-visible "Add to calendar" affordance lets visitors save the event date as soon as they land on the page, complementing the countdown and newsletter signup. The web component handles all provider URL crafting, ICS generation, accessibility, and i18n out of the box, so future updates only require editing attributes in
AddToCalendar.astro.Updating the event
Edit the attributes in
src/components/AddToCalendar.astro(e.g. dates, times, location) and redeploy. The component regenerates provider links and.icscontent at runtime.