diff --git a/CHANGELOG.md b/CHANGELOG.md index 79c2a4e6..6391c980 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -27,6 +27,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Added +- **Awesome GitHub Site Phase 05: Homepage all 5 blocks wired to live data** — Rebuilt the homepage with the spec-aligned hero, live catalogue counts, feature strip, and Cook+Learn cards. Added the typed catalogue exports used by the homepage counts, copied the Wapuu assets into `website/public/assets/wapuus/`, and added an `onboarding/` alias that redirects to `getting-started/` for the primary CTA. ([#861](https://github.com/lightspeedwp/.github/issues/861), [#862](https://github.com/lightspeedwp/.github/pull/862)) + - **Awesome GitHub Site Phase 02: CSS Token Layer + Global Styles** — Established the complete CSS foundation for the Awesome GitHub site. Added `website/src/styles/site-tokens.css` with app-specific surface tokens (`--panel`, `--panel-2`, `--hair`), font stacks, radius/shadow/transition scales, and `color-scheme` declarations for both light and dark themes. Added `website/src/styles/global.css` with container system (`.wrap` 1320px, `.wrap-prose` 820px), section rhythm via `clamp()`, button system (`.btn-primary`, `.btn-ghost`, `.btn-soft`, `.icon-btn`) with `:focus-visible` rings and browser-compat fallbacks, breadcrumb, kbd chip, burger breakpoints, `.md` prose styles, and scroll-motion accessibility guard. Fixed `BaseLayout.astro` CSS import order and corrected `localStorage` theme key to `ag-theme`. ([#852](https://github.com/lightspeedwp/.github/issues/852), [#853](https://github.com/lightspeedwp/.github/pull/853)) - **Awesome GitHub Site: UI Redesign — Dark Mode, Navigation & Responsive Layout** — Complete navigation and UI overhaul. Added desktop Browse mega-dropdown with 4-column category grid (hover/click open, keyboard Escape dismiss, focus-out close). Added full-height mobile drawer sliding from right with backdrop overlay, scroll-lock, and `inert` guard. Fixed dark-mode nav header (was showing light background). Added fluid responsive CSS tokens for spacing and font sizes across breakpoints. Improved accessibility: Disclosure pattern (`aria-expanded`/`aria-controls`, no `role="menu"`), `aria-pressed` on theme toggle buttons, `inert` on closed drawer, nav z-index raised above drawer so hamburger stays accessible. ([#847](https://github.com/lightspeedwp/.github/issues/847), [#845](https://github.com/lightspeedwp/.github/pull/845)) diff --git a/website/public/assets/wapuus/wapuu-astropuu.png b/website/public/assets/wapuus/wapuu-astropuu.png new file mode 100644 index 00000000..b6c829b9 Binary files /dev/null and b/website/public/assets/wapuus/wapuu-astropuu.png differ diff --git a/website/public/assets/wapuus/wapuu-rocket.svg b/website/public/assets/wapuus/wapuu-rocket.svg new file mode 100644 index 00000000..3f25a0d7 --- /dev/null +++ b/website/public/assets/wapuus/wapuu-rocket.svg @@ -0,0 +1,167 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/public/assets/wapuus/wapuu-yoduu.png b/website/public/assets/wapuus/wapuu-yoduu.png new file mode 100644 index 00000000..4ba76274 Binary files /dev/null and b/website/public/assets/wapuus/wapuu-yoduu.png differ diff --git a/website/src/pages/index.astro b/website/src/pages/index.astro index 5b632d2c..756896b7 100644 --- a/website/src/pages/index.astro +++ b/website/src/pages/index.astro @@ -1,260 +1,471 @@ --- import AwesomeGithubLayout from "../layouts/AwesomeGithubLayout.astro"; -import AwesomeGithubButton from "../components/AwesomeGithub/AwesomeGithubButton.astro"; -import AwesomeGithubCard from "../components/AwesomeGithub/AwesomeGithubCard.astro"; +import Icon from "../components/AwesomeGithub/Icon.astro"; import { CATEGORIES, ITEMS, getCategoryCounts } from "../lib/catalogue"; const base = import.meta.env.BASE_URL; - -const counts = getCategoryCounts(); -const catalogues = CATEGORIES.map((cat) => ({ - id: cat.id, - name: cat.label, - blurb: cat.blurb, - icon: cat.icon, - href: `${base}c/${cat.id}/`, - count: counts[cat.id] || 0, -})); - -const totalItems = ITEMS.length; - -const stats = [ - { label: "Resources", value: String(totalItems) }, - { label: "Categories", value: String(CATEGORIES.length) }, - { label: "Ready to use", value: "100%" }, -]; +const promptCount = ITEMS.filter((item) => item.cat === "prompts").length; +const categoryCounts = getCategoryCounts(); --- -
-
-
- - github.com/lightspeedwp/.github -
-

- Install AI governance, - not opinions. -

-

- Browse curated resources from the LightSpeed control plane. Copy, install, integrate—everything is production-ready. -

-
- - Start here - - - Browse catalogues - +
+ +
+
+ + + github.com/lightspeedwp/.github + + +

Install AI governance,
not opinions.

+ +

+ One .github repository governs every LightSpeed repo. Browse and grab the + agents, instructions, prompts, skills, and workflows we use to ship WordPress & + WooCommerce work - then learn how it all fits together, at your own pace. +

+ + + +
+
+
8
+
catalogues
+
+
+
{promptCount}
+
ready-to-grab prompts
+
+
+
10
+
learning lessons
+
+
+
1
+
control plane
+
+
-
-
-
- {stats.map((stat) => ( -
-
{stat.value}
-
{stat.label}
-
+
+
+
+
+ Browse resources +

Eight catalogues, one source of truth

+
+

Every resource maps to a real file in the .github repo. Pick a catalogue to filter and install.

+
+ +
-
-
-

Browse by type

-

- Everything in the control plane is organized by resource type. Pick a category to get started. -

- -
- {catalogues.map((cat) => ( - -

{cat.name}

-

{cat.blurb}

-

{cat.count} resource{cat.count !== 1 ? 's' : ''}

-
- ))} +
+
+
+
+ Why a control plane +

Consistency you install once

+
+
+ +
+
+ +

Inherited by every repo

+

+ Issue templates, Copilot instructions, and labels defined here are surfaced across + every LightSpeed repository automatically - no copy-paste drift. +

+
+ +
+ +

One-click install

+

+ Copy the raw file, or push it straight into VS Code as a Copilot customisation. Every + card carries the same install actions. +

+
+ +
+ +

Governed & versioned

+

+ Each resource is frontmatter-validated and versioned. Standards change in one place, + and the whole team moves together. +

+
-
-
-

Getting started

-

- New to the control plane? Follow our 10-minute onboarding to get up and running. -

- - Start onboarding - +
+
diff --git a/website/src/pages/onboarding.astro b/website/src/pages/onboarding.astro new file mode 100644 index 00000000..cfe20b23 --- /dev/null +++ b/website/src/pages/onboarding.astro @@ -0,0 +1,5 @@ +--- +const base = import.meta.env.BASE_URL; + +return Astro.redirect(`${base}getting-started/`); +---