Add Astro GitHub Pages site showcasing the extensions#14
Merged
Conversation
Scaffold an Astro site under site/ that showcases the six Copilot canvas extensions, with per-card copy-to-clipboard install prompts and screenshot placeholders that fall back to a shared SVG until real images are added. Deploys via the official withastro/action flow from a root workflow pointed at the site/ subfolder; base path is set to /copilot-extensions/. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Capture each of the six canvas extensions running with real, seeded content (live Yahoo quotes, Google News headlines, a Wikipedia article, a generated Spanish course, a random animal, and the code-tutor onboarding) and drop them into site/public/screenshots/ so the cards render real product shots instead of the placeholder. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Clicking a card now opens a lightbox with a big version of it (large screenshot, title, description, install prompt + copy, View on GitHub) and prev/next navigation across all extensions via side arrows, arrow keys, Esc to close, and a position counter. Reorder into three groups — Tutors (code-tutor first, then language-tutor), Live & discover (stock-ticker, news-aggregator, wiki-discover), and Just for fun (random-animal) — each rendered as its own labeled section. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Cover the new interactive site: a build-and-assert smoke test (test/smoke.test.mjs, npm test) verifies the base path, all six extension cards, group order with code-tutor first, the embedded lightbox data, the lightbox markup, and that every card has a real screenshot. Add a site job to the Validate workflow so it runs on every push and PR. Matches the repo's zero-dependency, self-contained test style. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Replace the empty onboarding shot with a populated Learn view (five topics, reading-level slider, progress chips, code-review findings) so the card reflects what the extension does once a codebase is analyzed. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Card thumbnails scale to 1.08 on hover/focus with a smooth transition (and a reduced-motion guard). Recapture the language-tutor shot anchored at the top so the profile bar and course header aren't clipped. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Match the other gh-pages sites: a sticky header with a brand, nav, a persisted light/dark theme switcher (no-flash, data-theme + localStorage), and a GitHub repo icon. Add a 'by Jon Gallant (jongio)' byline + footer credit. Extend the smoke test to assert the title, theme toggle, and repo link. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
# Conflicts: # .github/workflows/validate.yml
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.
What
Adds an Astro site under
site/that showcases the six Copilot canvas extensions, and wires up GitHub Pages deployment.Highlights
news-aggregator,stock-ticker,random-animal,language-tutor,wiki-discover,code-tutor), each linking to its folder, with aCANVASbadge and description pulled from the README.install the stock-ticker canvas from jongio/copilot-extensions/extensions/stock-ticker.site/public/screenshots/<slug>.png, falling back to a sharedplaceholder.svg("Screenshot coming soon") until real images are dropped in. Seesite/public/screenshots/README.mdfor the filename map.Deploy plumbing
.github/workflows/deploy.ymlat the repo root useswithastro/action@v2(pointed at./site) →actions/deploy-pages@v4, withpermissions: { contents: read, pages: write, id-token: write }andconcurrency: { group: pages }.mainfor changes undersite/**(or the workflow itself)./copilot-extensions/(project site) inastro.config.mjs; built output uses base-aware URLs for assets and internal links.Verification
npm run buildsucceeds (2 pages + client bundle)./copilot-extensions/prefix on assets and links (no bare/...).Co-authored-by: Copilot 223556219+Copilot@users.noreply.github.com