diff --git a/.gitignore b/.gitignore index 58f38ca..a869b54 100644 --- a/.gitignore +++ b/.gitignore @@ -27,3 +27,4 @@ samples/TheBuilder.WebAnalytics.Example/appsettings-schema.json .idea/ .vs/ .blume-verify/ +apps/docs/public/social/ diff --git a/apps/docs/blume.config.ts b/apps/docs/blume.config.ts index 18c64fe..41c1393 100644 --- a/apps/docs/blume.config.ts +++ b/apps/docs/blume.config.ts @@ -1,11 +1,11 @@ import { defineConfig } from "blume"; import { githubReleaseChangelogSource } from "./sources/github-releases"; +import { webAnalyticsPackage } from "./umbraco-package"; export default defineConfig({ - title: "Web Analytics", - description: - "Bring Vercel Web Analytics and Plausible reports into the Umbraco backoffice.", + title: webAnalyticsPackage.name, + description: webAnalyticsPackage.summary, logo: { image: "/logo.png", text: "Web Analytics", diff --git a/apps/docs/package.json b/apps/docs/package.json index 5b777c4..53261b8 100644 --- a/apps/docs/package.json +++ b/apps/docs/package.json @@ -9,13 +9,14 @@ "build": "pnpm run generate:og && blume build", "check": "blume check", "generate:brand": "node scripts/generate-brand.mjs", - "generate:og": "node scripts/generate-og-image.mjs", - "validate": "blume validate" + "validate": "blume validate", + "generate:og": "umbraco-docs-og", + "check:og": "umbraco-docs-og --check" }, "devDependencies": { + "@thebuilder/umbraco-docs": "^1.0.2", "@types/node": "24.10.1", - "blume": "1.2.1", - "gray-matter": "4.0.3", + "blume": "1.4.3", "sharp": "0.34.5" } } diff --git a/apps/docs/pages/_home/home.css b/apps/docs/pages/_home/home.css index ba29dc5..4c456be 100644 --- a/apps/docs/pages/_home/home.css +++ b/apps/docs/pages/_home/home.css @@ -13,7 +13,6 @@ .home { /* Echoes the logo's blue -> purple -> pink for subtle gradient accents. */ --brand-gradient: linear-gradient(105deg, #60a5fa, #a78bfa 52%, #f472b6); - padding-bottom: 5rem; overflow: clip; } @@ -249,6 +248,10 @@ .home-block__head a { color: var(--blume-accent); text-decoration: none; } .home-block__head a:hover { text-decoration: underline; } +/* Avoid stacking the shared section's bottom margin with this custom page's + footer spacing. The component's card and heading styles remain package-owned. */ +.home .udocs-ecosystem { margin-block: clamp(4rem, 9vw, 7rem) 0; } + .trust { margin-top: clamp(3rem, 7vw, 5rem); text-align: center; diff --git a/apps/docs/pages/index.astro b/apps/docs/pages/index.astro index 643eac3..18dea14 100644 --- a/apps/docs/pages/index.astro +++ b/apps/docs/pages/index.astro @@ -5,12 +5,20 @@ // and renders correctly; skip type-checking to avoid the false positives. import PageLayout from "blume/components/layout/PageLayout.astro"; import data from "blume:data"; +import { + EcosystemSection, + LandingRoot, +} from "@thebuilder/umbraco-docs/astro"; import "./_home/home.css"; import overviewShot from "../docs/screenshots/analytics-overview.png"; import documentShot from "../docs/screenshots/document-analytics-workspace.png"; import settingsShot from "../docs/screenshots/settings.png"; +import { + ecosystemPackages, + webAnalyticsPackage, +} from "../umbraco-package"; const { config } = data; @@ -96,7 +104,7 @@ const steps = [ searchEnabled={config.search.enabled} siteUrl={config.site} ogEnabled={config.og.enabled} - ogImage="/opengraph-image.png" + ogImage="/social/index.png" page={{ title: "Web Analytics for Umbraco", description: @@ -104,7 +112,7 @@ const steps = [ route: "/", }} > -
+ {/* Hero */}
@@ -317,7 +325,12 @@ const steps = [
- + + + {/* Footer */}