From 2fdf2840cbc9bcdc317a0dc89c6c9c4371bead0f Mon Sep 17 00:00:00 2001 From: Christoph Haas Date: Mon, 21 Oct 2024 23:37:58 +0200 Subject: [PATCH] Customized CSS, footer --- .vscode/settings.json | 3 ++ astro.config.mjs | 57 +++++++++++++++++++++---------------- src/components/Footer.astro | 12 +++++++- src/content/docs/index.mdx | 12 ++++---- src/styles/custom.css | 5 ++++ 5 files changed, 57 insertions(+), 32 deletions(-) create mode 100644 src/styles/custom.css diff --git a/.vscode/settings.json b/.vscode/settings.json index 8b856a5..afc122c 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -2,5 +2,8 @@ "editor.defaultFormatter": "esbenp.prettier-vscode", "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" + }, + "[astro]": { + "editor.defaultFormatter": "astro-build.astro-vscode" } } diff --git a/astro.config.mjs b/astro.config.mjs index 2304d21..4272374 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -5,29 +5,36 @@ import sitemap from '@astrojs/sitemap'; // https://astro.build/config export default defineConfig({ - site: 'https://workaround.org', - integrations: [ - starlight({ - title: 'ISPmail Guide', - sidebar: [ - { - label: 'Guides', - items: [ - // Each item here is one entry in the navigation menu. - { label: 'Start Here', slug: 'ispmail-bookworm' }, - ], - }, - { - label: 'Reference', - autogenerate: { directory: 'reference' }, - }, - ], - logo: { - light: './src/assets/logo.svg', - dark: './src/assets/logo-dark.svg', - replacesTitle: true, - }, - }), - sitemap() - ], + site: "https://workaround.org", + integrations: [ + starlight({ + lastUpdated: true, + title: "ISPmail Guide", + components: { + Footer: "./src/components/Footer.astro", + }, + customCss: [ + "./src/styles/custom.css", + ], + sidebar: [ + { + label: "Guides", + items: [ + // Each item here is one entry in the navigation menu. + { label: "Start Here", slug: "ispmail-bookworm" }, + ], + }, + { + label: "Reference", + autogenerate: { directory: "reference" }, + }, + ], + logo: { + light: "./src/assets/logo.svg", + dark: "./src/assets/logo-dark.svg", + replacesTitle: true, + }, + }), + sitemap(), + ], }); diff --git a/src/components/Footer.astro b/src/components/Footer.astro index c9a6fec..afa18d2 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -1,3 +1,13 @@ +--- +import type { Props } from "@astrojs/starlight/props"; +import Default from "@astrojs/starlight/components/Footer.astro"; +--- + diff --git a/src/content/docs/index.mdx b/src/content/docs/index.mdx index 67c9d49..5f5d56b 100644 --- a/src/content/docs/index.mdx +++ b/src/content/docs/index.mdx @@ -7,9 +7,9 @@ hero: image: file: /public/large-pingu.jpg actions: - - text: Let's get into it + - text: Let's build your mail server… link: /ispmail-bookworm - icon: right-arrow + icon: rocket --- import { Card, CardGrid } from '@astrojs/starlight/components'; @@ -17,11 +17,11 @@ import { Card, CardGrid } from '@astrojs/starlight/components'; ## Next steps - - Edit `src/content/docs/index.mdx` to see this page change. + + This is not a simple copy/paste walkthrough. You will learn the technical details of email exchange on the internet. And you will understand how the different pieces of software work and interact. - - Add Markdown or MDX files to `src/content/docs` to create new pages. + + This guide is a not-for-profit fun project. You only need to get an internet domain and a cheap virtual server (~5€/$ per month). Powered by the desire to make the internet a bit more decentralized. Edit your `sidebar` and other config in `astro.config.mjs`. diff --git a/src/styles/custom.css b/src/styles/custom.css new file mode 100644 index 0000000..f777416 --- /dev/null +++ b/src/styles/custom.css @@ -0,0 +1,5 @@ +.myfooter { + color: darkgray; + padding-top: 1em; + font-size: 60%; +} \ No newline at end of file