feat: add net-zero badge (#32)

Reviewed-on: https://codeberg.org/nhcarrigan/docs/pulls/32
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>
This commit is contained in:
Naomi Carrigan 2024-10-23 20:49:54 +00:00 committed by Naomi the Technomancer
parent 5aa43400de
commit c92af8623c
4 changed files with 50 additions and 2 deletions

View File

@ -4,7 +4,11 @@ import starlight from "@astrojs/starlight";
import { navigation } from "./src/components/navigation.ts";
export default defineConfig({
site: "https://docs.nhcarrigan.com",
integrations: [starlight({
components: {
Footer: "./src/components/Footer.astro",
},
title: "Naomi's Documentation",
sidebar: navigation,
tableOfContents: { minHeadingLevel: 2, maxHeadingLevel: 4},
@ -43,6 +47,15 @@ export default defineConfig({
{
tag: "script",
content: "window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }"
},
{
tag: "script",
attrs: {
type: "text/javascript",
id: "trees",
src: "https://widgets.tree-nation.com/js/widgets/v1/widgets.min.js?v=1.0",
defer: true
}
}
],
customCss: [

View File

@ -5,7 +5,7 @@
"scripts": {
"dev": "astro dev",
"start": "astro dev",
"build": "astro check && astro build",
"build": "astro build",
"preview": "astro preview",
"astro": "astro"
},

View File

@ -0,0 +1,35 @@
---
import LastUpdated from "@astrojs/starlight/components/LastUpdated.astro";
import EditLink from "@astrojs/starlight/components/EditLink.astro";
import Pagination from "@astrojs/starlight/components/Pagination.astro";
---
<footer class="sl-flex">
<div class="meta sl-flex">
<EditLink {...Astro.props} />
<LastUpdated {...Astro.props} />
</div>
<Pagination {...Astro.props} />
<div id="tree-nation-offset-website"></div>
<script>TreeNationOffsetWebsite({code: 'a17464e0cd351220', lang: 'en', theme: 'dark'}).render('#tree-nation-offset-website');</script>
</footer>
<style>
footer {
flex-direction: column;
gap: 1.5rem;
}
.meta {
gap: 0.75rem 3rem;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 3rem;
font-size: var(--sl-text-sm);
color: var(--sl-color-gray-3);
}
.meta > :global(p:only-child) {
margin-inline-start: auto;
}
#tree-nation-offset-website {
margin: auto;
}
</style>