From d17cb3509a07d80fe3c79618258d69b8264984e5 Mon Sep 17 00:00:00 2001 From: Brad Treloar Date: Sat, 1 Nov 2025 21:33:17 +1030 Subject: [PATCH] Theming --- astro/astro.config.mjs | 19 ++++++---- .../src/components/DocumentBreadcrumbs.astro | 18 +++++++++ astro/src/components/DocumentMenu.astro | 4 +- astro/src/layouts/BaseLayout.astro | 1 + astro/src/layouts/DocumentLayout.astro | 12 ------ astro/src/pages/[...path].astro | 12 ++++-- astro/src/styles/main.css | 18 +++++++++ astro/src/utils/docs.ts | 38 +++++++++++++++---- astro/tsconfig.json | 1 + 9 files changed, 89 insertions(+), 34 deletions(-) create mode 100644 astro/src/components/DocumentBreadcrumbs.astro delete mode 100644 astro/src/layouts/DocumentLayout.astro create mode 100644 astro/src/styles/main.css diff --git a/astro/astro.config.mjs b/astro/astro.config.mjs index 6458450..42e9a9e 100644 --- a/astro/astro.config.mjs +++ b/astro/astro.config.mjs @@ -1,17 +1,20 @@ // @ts-check import { defineConfig } from "astro/config"; -const setLayout = () => { - return function (_, file) { - if (file.data.astro.frontmatter.layout === undefined) { - file.data.astro.frontmatter.layout = "@layouts/BaseLayout.astro"; - } - }; -}; +//const setLayout = () => { +// return function (_, file) { +// if (file.data.astro.frontmatter.layout === undefined) { +// file.data.astro.frontmatter.layout = "@layouts/BaseLayout.astro"; +// } +// }; +//}; // https://astro.build/config export default defineConfig({ markdown: { - remarkPlugins: [setLayout], + //remarkPlugins: [setLayout], + shikiConfig: { + theme: "catppuccin-latte", + }, }, }); diff --git a/astro/src/components/DocumentBreadcrumbs.astro b/astro/src/components/DocumentBreadcrumbs.astro new file mode 100644 index 0000000..a4cb164 --- /dev/null +++ b/astro/src/components/DocumentBreadcrumbs.astro @@ -0,0 +1,18 @@ +--- +import { getDocumentPath, getDocumentTitle, getAncestorDocuments } from "@utils/docs"; + +const { document } = Astro.props; +const ancestorDocuments = await getAncestorDocuments(document); +--- +
+ Home + {ancestorDocuments.map(document => { + const title = getDocumentTitle(document); + const path = getDocumentPath(document); + + return ( + ⟩ + {title} + ); + })} +
diff --git a/astro/src/components/DocumentMenu.astro b/astro/src/components/DocumentMenu.astro index 9c65bdb..a8f4985 100644 --- a/astro/src/components/DocumentMenu.astro +++ b/astro/src/components/DocumentMenu.astro @@ -4,14 +4,14 @@ import { getDocumentPath, getDocumentTitle, getChildDocuments } from "@utils/doc const { document } = Astro.props; const childDocuments = await getChildDocuments(document); --- -