Make tags/tagged by/referenced by blocks use details/summary

2024-06-26 09:56:04 -05:00 · 2024-06-26 09:56:04 -05:00 · 5ac040e4c9
commit 5ac040e4c9
parent 1a760570ee
60 changed files with 98 additions and 83 deletions
--- a/build_garden.js
+++ b/build_garden.js
@ -177,19 +177,19 @@ function moveImportStatementUp(filePath, times = 1) {
        if (title in tagged) {
            data = data.replaceAll(
                /---\n\n/gm,
-                `---\n\n> Tags: ${tagged[title].map(tag => `[${tag}](${pageLinks[tag]})`).join(", ")}\n\n`);
+                `---\n\n<details><summary>Tags:</summary>${tagged[title].map(tag => `<a href="${pageLinks[tag]}">${tag}</a>`).join("")}</details>\n\n`);
        }
        if (title in taggedBy) {
            data = data.replaceAll(
                /---\n\n/gm,
-                `---\n\n> Tagged by: ${taggedBy[title].map(tag => `[${tag}](${pageLinks[tag]})`).join(", ")}\n\n`);
+                `---\n\n<details><summary>Tagged by:</summary>${taggedBy[title].map(tag => `<a href="${pageLinks[tag]}">${tag}</a>`).join("")}</details>\n\n`);
        }
        // TODO show context on references? Perhaps in a `::: info` block?
        const pageTitle = data.match(/title: "(.+)"/)[1];
        if (pageLinks[pageTitle] in referencedBy) {
            data = data.replaceAll(
                /---\n\n/gm,
-                `---\n\n> Referenced by: ${referencedBy[pageLinks[pageTitle]].map(tag => `[${tag}](${pageLinks[tag]})`).join(", ")}\n\n`);
+                `---\n\n<details><summary>Referenced by:</summary>${referencedBy[pageLinks[pageTitle]].map(tag => `<a href="${pageLinks[tag]}">${tag}</a>`).join("")}</details>\n\n`);
        }
        // Fix links to /now
        data = data.replace('NOW', '/now')
@ -206,7 +206,7 @@ import { data } from '${path.relative(path.resolve("site", relPath), path.resolv
 import { useData } from 'vitepress';
 const pageData = useData();
 </script>
-<h1 class="p-name">${pageTitle}</h1>
+<h1 class="p-name">${pageTitle.replace("NOW", "/now")}</h1>
 <p>${wc} words, ~${Math.round(wc / 183)} minute read. <span v-html="data[\`site/\${pageData.page.value.relativePath}\`]" /></p>
 <hr/>
 \n`);
--- a/site/.vitepress/theme/custom.css
+++ b/site/.vitepress/theme/custom.css
@ -687,3 +687,18 @@ footer img {
 .selected .excerpt-gradient-bottom {
  opacity: 1;
 }
+
+.vp-doc details {
+    border-bottom: solid 1px var(--vp-c-border) !important;
+    margin-bottom: -1px !important;
+}
+
+.vp-doc details a {
+  margin-right: 8px !important;
+}
+
+.vp-doc summary {
+    margin: 29px 0 0 0 !important;
+    border-top: solid 1px var(--vp-c-border) !important;
+    cursor: pointer !important;
+}
--- a/site/garden/activitypub/index.md
+++ b/site/garden/activitypub/index.md
@ -15,8 +15,8 @@ const pageData = useData();
 <p>8 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Fediverse](/garden/fediverse/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/fediverse/index.md">Fediverse</a></details>

-> Tags: [Decentralized](/garden/decentralized/index.md)
+<details><summary>Tags:</summary><a href="/garden/decentralized/index.md">Decentralized</a></details>

 [ActivityPub](https://activitypub.rocks) is a protocol for [Federated Social Media](/garden/fediverse/index.md)
--- a/site/garden/advent-incremental/index.md
+++ b/site/garden/advent-incremental/index.md
@ -15,7 +15,7 @@ const pageData = useData();
 <p>104 words, ~1 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Tags: [My Projects](/garden/my-projects/index.md), [Profectus](/garden/profectus/index.md)
+<details><summary>Tags:</summary><a href="/garden/my-projects/index.md">My Projects</a><a href="/garden/profectus/index.md">Profectus</a></details>

 Play it [here](https://thepaperpilot.org/advent)!

--- a/site/garden/artificial-intelligence/index.md
+++ b/site/garden/artificial-intelligence/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>101 words, ~1 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Command Palettes](/garden/command-palettes/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/command-palettes/index.md">Command Palettes</a></details>

 Catch all term that refers to many different things

--- a/site/garden/atproto/index.md
+++ b/site/garden/atproto/index.md
@ -16,9 +16,9 @@ const pageData = useData();
 <p>31 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Fediverse](/garden/fediverse/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/fediverse/index.md">Fediverse</a></details>

-> Tags: [Decentralized](/garden/decentralized/index.md)
+<details><summary>Tags:</summary><a href="/garden/decentralized/index.md">Decentralized</a></details>

 The [AT Protocol](https://atproto.com) is a protocol for [Federated Social Media](/garden/fediverse/index.md)

--- a/site/garden/babble-buds/index.md
+++ b/site/garden/babble-buds/index.md
@ -15,7 +15,7 @@ const pageData = useData();
 <p>113 words, ~1 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Tags: [My Projects](/garden/my-projects/index.md)
+<details><summary>Tags:</summary><a href="/garden/my-projects/index.md">My Projects</a></details>

 [Babble Buds](http://babblebuds.xyz) is a tool for creating puppets and interacting with puppets controlled by others on a shared stage

--- a/site/garden/capture-the-citadel/index.md
+++ b/site/garden/capture-the-citadel/index.md
@ -15,7 +15,7 @@ const pageData = useData();
 <p>39 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Tags: [My Projects](/garden/my-projects/index.md)
+<details><summary>Tags:</summary><a href="/garden/my-projects/index.md">My Projects</a></details>

 A 3D VR re-envisioning of a Slay the Spire-style game by Anthony Lawn and Grant Barbee for their VR class in college's final project.

--- a/site/garden/chat-glue/index.md
+++ b/site/garden/chat-glue/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>23 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Commune](/garden/commune/index.md), [My Personal Website](/garden/my-personal-website/index.md), [The Small Web](/garden/the-small-web/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/commune/index.md">Commune</a><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/garden/the-small-web/index.md">The Small Web</a></details>

 A theoretical chat system designed to solve the problems of transcribing branching conversations into linear timelines.

--- a/site/garden/chronological/index.md
+++ b/site/garden/chronological/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>73 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Digital Gardens](/garden/digital-gardens/index.md), [Freeform vs Chronological Dichotomy](/garden/freeform-vs-chronological-dichotomy/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/digital-gardens/index.md">Digital Gardens</a><a href="/garden/freeform-vs-chronological-dichotomy/index.md">Freeform vs Chronological Dichotomy</a></details>

 A collection of information that is tied to its creation or edit date

--- a/site/garden/cinny/index.md
+++ b/site/garden/cinny/index.md
@ -14,6 +14,6 @@ const pageData = useData();
 <p>3 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Incremental Social](/garden/incremental-social/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/incremental-social/index.md">Incremental Social</a></details>

 [Cinny](https://cinny.in) is an [Open Source](/garden/open-source/index.md) web client for the [Matrix](/garden/matrix/index.md) messaging protocol
--- a/site/garden/commune/index.md
+++ b/site/garden/commune/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>144 words, ~1 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Federated Identity](/garden/federated-identity/index.md), [My Personal Website](/garden/my-personal-website/index.md), [/now](/now/index), [Webrings](/garden/webrings/index.md), [Weird](/garden/weird/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/federated-identity/index.md">Federated Identity</a><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/now/index">/now</a><a href="/garden/webrings/index.md">Webrings</a><a href="/garden/weird/index.md">Weird</a></details>

 An [Open Source](/garden/open-source/index.md) [Matrix](/garden/matrix/index.md) web client built to be better for communities than anything else out there
 - Currently in development
--- a/site/garden/davey-wreden/index.md
+++ b/site/garden/davey-wreden/index.md
@ -14,9 +14,9 @@ const pageData = useData();
 <p>37 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Ivy Road](/garden/ivy-road/index.md), [The Beginner's Guide](/garden/the-beginner-s-guide/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/ivy-road/index.md">Ivy Road</a><a href="/garden/the-beginner-s-guide/index.md">The Beginner's Guide</a></details>

-> Tagged by: [Ivy Road](/garden/ivy-road/index.md), [The Beginner's Guide](/garden/the-beginner-s-guide/index.md), [Wanderstop](/garden/wanderstop/index.md)
+<details><summary>Tagged by:</summary><a href="/garden/ivy-road/index.md">Ivy Road</a><a href="/garden/the-beginner-s-guide/index.md">The Beginner's Guide</a><a href="/garden/wanderstop/index.md">Wanderstop</a></details>

 Projects:
 - The Stanley Parable
--- a/site/garden/decentralized/index.md
+++ b/site/garden/decentralized/index.md
@ -15,9 +15,9 @@ const pageData = useData();
 <p>80 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Commune](/garden/commune/index.md), [Fedi v2](/garden/fedi-v2/index.md), [Matrix](/garden/matrix/index.md), [Social Media](/garden/social-media/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/commune/index.md">Commune</a><a href="/garden/fedi-v2/index.md">Fedi v2</a><a href="/garden/matrix/index.md">Matrix</a><a href="/garden/social-media/index.md">Social Media</a></details>

-> Tagged by: [ActivityPub](/garden/activitypub/index.md), [ATProto](/garden/atproto/index.md), [Federated Identity](/garden/federated-identity/index.md), [Fediverse](/garden/fediverse/index.md), [Nostr](/garden/nostr/index.md)
+<details><summary>Tagged by:</summary><a href="/garden/activitypub/index.md">ActivityPub</a><a href="/garden/atproto/index.md">ATProto</a><a href="/garden/federated-identity/index.md">Federated Identity</a><a href="/garden/fediverse/index.md">Fediverse</a><a href="/garden/nostr/index.md">Nostr</a></details>

 Something with no central source of authority

--- a/site/garden/dice-armor/index.md
+++ b/site/garden/dice-armor/index.md
@ -15,9 +15,9 @@ const pageData = useData();
 <p>963 words, ~5 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Babble Buds](/garden/babble-buds/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/babble-buds/index.md">Babble Buds</a></details>

-> Tags: [My Projects](/garden/my-projects/index.md)
+<details><summary>Tags:</summary><a href="/garden/my-projects/index.md">My Projects</a></details>

 Download it [here](https://drive.google.com/open?id=18rwqEIdMChdGtB-9LdI4wiqeM5C5ViOL)

--- a/site/garden/digital-gardens/index.md
+++ b/site/garden/digital-gardens/index.md
@ -15,7 +15,7 @@ const pageData = useData();
 <p>67 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Chronological](/garden/chronological/index.md), [Commune](/garden/commune/index.md), [Garden-RSS](/garden/garden-rss/index.md), [The Cozy Web](/garden/the-cozy-web/index.md), [The Small Web](/garden/the-small-web/index.md), [This Knowledge Hub](/garden/this-knowledge-hub/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/chronological/index.md">Chronological</a><a href="/garden/commune/index.md">Commune</a><a href="/garden/garden-rss/index.md">Garden-RSS</a><a href="/garden/the-cozy-web/index.md">The Cozy Web</a><a href="/garden/the-small-web/index.md">The Small Web</a><a href="/garden/this-knowledge-hub/index.md">This Knowledge Hub</a></details>

 Digital Gardens are [Freeform](/garden/freeform/index.md) collections of information made by an individual or community
 - Alternatives to [Chronological](/garden/chronological/index.md) personal blogs
--- a/site/garden/federated-identity/index.md
+++ b/site/garden/federated-identity/index.md
@ -16,9 +16,9 @@ const pageData = useData();
 <p>68 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Commune](/garden/commune/index.md), [Fedi v2](/garden/fedi-v2/index.md), [Weird](/garden/weird/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/commune/index.md">Commune</a><a href="/garden/fedi-v2/index.md">Fedi v2</a><a href="/garden/weird/index.md">Weird</a></details>

-> Tags: [Decentralized](/garden/decentralized/index.md)
+<details><summary>Tags:</summary><a href="/garden/decentralized/index.md">Decentralized</a></details>

 Allow for validating one's identity without relying on a specific centralized server

--- a/site/garden/fedi-v2/index.md
+++ b/site/garden/fedi-v2/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>1652 words, ~9 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Social Media](/garden/social-media/index.md), [The IndieWeb/Signature Blocks](/garden/the-indieweb/signature-blocks/index.md), [Weird](/garden/weird/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/social-media/index.md">Social Media</a><a href="/garden/the-indieweb/signature-blocks/index.md">The IndieWeb/Signature Blocks</a><a href="/garden/weird/index.md">Weird</a></details>

 A placeholder name for a theoretical new federated network that is client-centric, in contrast to the server-centric [Fediverse](/garden/fediverse/index.md). Many of the ideas here will be implemented as described or similarly by people much smarter than me as part of [Agentic Federation on Iroh](https://github.com/commune-os/weird/discussions/32), an initiative by the [Weird](/garden/weird/index.md) developers.

--- a/site/garden/fediverse/index.md
+++ b/site/garden/fediverse/index.md
@ -16,9 +16,9 @@ const pageData = useData();
 <p>29 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [ActivityPub](/garden/activitypub/index.md), [ATProto](/garden/atproto/index.md), [Decentralized](/garden/decentralized/index.md), [Fedi v2](/garden/fedi-v2/index.md), [Incremental Social](/garden/incremental-social/index.md), [Mbin](/garden/mbin/index.md), [Nostr](/garden/nostr/index.md), [Social Media](/garden/social-media/index.md), [The Small Web](/garden/the-small-web/index.md), [Weird](/garden/weird/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/activitypub/index.md">ActivityPub</a><a href="/garden/atproto/index.md">ATProto</a><a href="/garden/decentralized/index.md">Decentralized</a><a href="/garden/fedi-v2/index.md">Fedi v2</a><a href="/garden/incremental-social/index.md">Incremental Social</a><a href="/garden/mbin/index.md">Mbin</a><a href="/garden/nostr/index.md">Nostr</a><a href="/garden/social-media/index.md">Social Media</a><a href="/garden/the-small-web/index.md">The Small Web</a><a href="/garden/weird/index.md">Weird</a></details>

-> Tags: [Decentralized](/garden/decentralized/index.md)
+<details><summary>Tags:</summary><a href="/garden/decentralized/index.md">Decentralized</a></details>

 A collection of [Social Media](/garden/social-media/index.md) websites that can all talk to each other by virtue of a shared protocol

--- a/site/garden/forgejo/index.md
+++ b/site/garden/forgejo/index.md
@ -14,6 +14,6 @@ const pageData = useData();
 <p>5 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Incremental Social](/garden/incremental-social/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/incremental-social/index.md">Incremental Social</a></details>

 [Forgejo](https://forgejo.org) is an [Open Source](/garden/open-source/index.md) code repository hosting software
--- a/site/garden/freeform-vs-chronological-dichotomy/index.md
+++ b/site/garden/freeform-vs-chronological-dichotomy/index.md
@ -14,6 +14,6 @@ const pageData = useData();
 <p>10 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Chronological](/garden/chronological/index.md), [Freeform](/garden/freeform/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/chronological/index.md">Chronological</a><a href="/garden/freeform/index.md">Freeform</a></details>

 Describes a dichotomy between displaying information in a [Freeform](/garden/freeform/index.md) vs [Chronological](/garden/chronological/index.md) manner
--- a/site/garden/freeform/index.md
+++ b/site/garden/freeform/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>46 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Commune](/garden/commune/index.md), [Digital Gardens](/garden/digital-gardens/index.md), [Freeform vs Chronological Dichotomy](/garden/freeform-vs-chronological-dichotomy/index.md), [Garden-RSS](/garden/garden-rss/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/commune/index.md">Commune</a><a href="/garden/digital-gardens/index.md">Digital Gardens</a><a href="/garden/freeform-vs-chronological-dichotomy/index.md">Freeform vs Chronological Dichotomy</a><a href="/garden/garden-rss/index.md">Garden-RSS</a></details>

 A collection of information that is not tied to when it was created or edited

--- a/site/garden/game-dev-tree/index.md
+++ b/site/garden/game-dev-tree/index.md
@ -15,7 +15,7 @@ const pageData = useData();
 <p>34 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Tags: [My Projects](/garden/my-projects/index.md)
+<details><summary>Tags:</summary><a href="/garden/my-projects/index.md">My Projects</a></details>

 Play it [here](https://thepaperpilot.org/gamedevtree)!

--- a/site/garden/garden-rss/index.md
+++ b/site/garden/garden-rss/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>59 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Freeform](/garden/freeform/index.md), [The Small Web](/garden/the-small-web/index.md), [This Knowledge Hub](/garden/this-knowledge-hub/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/freeform/index.md">Freeform</a><a href="/garden/the-small-web/index.md">The Small Web</a><a href="/garden/this-knowledge-hub/index.md">This Knowledge Hub</a></details>

 A theoretical alternative to RSS that's better for [Freeform](/garden/freeform/index.md) websites (and [Digital Gardens](/garden/digital-gardens/index.md) specifically )

--- a/site/garden/guide-to-incrementals/appeal-to-developers/index.md
+++ b/site/garden/guide-to-incrementals/appeal-to-developers/index.md
@ -10,11 +10,11 @@ import { data } from '../../../git.data.ts';
 import { useData } from 'vitepress';
 const pageData = useData();
 </script>
-<h1 class="p-name">Guide to Incrementals/Appeal to Developers</h1>
+<h1 class="p-name">Guide to Incrementals___Appeal to Developers</h1>
 <p>636 words, ~3 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Digital Gardens](/garden/digital-gardens/index.md), [Incremental Social](/garden/incremental-social/index.md), [Kronos](/garden/kronos/index.md), [My Personal Website](/garden/my-personal-website/index.md), [Social Media](/garden/social-media/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/digital-gardens/index.md">Digital Gardens</a><a href="/garden/incremental-social/index.md">Incremental Social</a><a href="/garden/kronos/index.md">Kronos</a><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/garden/social-media/index.md">Social Media</a></details>

 There are a lot of developers in the incremental games community - the genre seems to draw them in, and convert a lot of players _into_ developers. Let's explore the reasons why this genre appeals to developers.

--- a/site/garden/guide-to-incrementals/appeal-to-players/index.md
+++ b/site/garden/guide-to-incrementals/appeal-to-players/index.md
@ -10,11 +10,11 @@ import { data } from '../../../git.data.ts';
 import { useData } from 'vitepress';
 const pageData = useData();
 </script>
-<h1 class="p-name">Guide to Incrementals/Appeal to Players</h1>
+<h1 class="p-name">Guide to Incrementals___Appeal to Players</h1>
 <p>2166 words, ~12 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Digital Gardens](/garden/digital-gardens/index.md), [Incremental Social](/garden/incremental-social/index.md), [Kronos](/garden/kronos/index.md), [My Personal Website](/garden/my-personal-website/index.md), [Social Media](/garden/social-media/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/digital-gardens/index.md">Digital Gardens</a><a href="/garden/incremental-social/index.md">Incremental Social</a><a href="/garden/kronos/index.md">Kronos</a><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/garden/social-media/index.md">Social Media</a></details>

 This is something that has been discussed and analyzed by many people, and to some extent, I feel like everything that can be said on the topic already has. However, a lot of these analyses are from the perspective of those with not as much experience and involvement within the genre as I'd argue would be necessary for a fully contextualized answer. I'm interested in ludology and part of that includes interpreting games as art, and to that end what constitutes a game, let alone a "good game". Incremental games  are oft criticized, unfairly in my biased opinion, of not even constituting games, such as was posited by [this polygon article](https://www.polygon.com/2013/9/30/4786780/the-cult-of-the-cookie-clicker-when-is-a-game-not-a-game).

--- a/site/garden/guide-to-incrementals/defining-the-genre/index.md
+++ b/site/garden/guide-to-incrementals/defining-the-genre/index.md
@ -10,11 +10,11 @@ import { data } from '../../../git.data.ts';
 import { useData } from 'vitepress';
 const pageData = useData();
 </script>
-<h1 class="p-name">Guide to Incrementals/Defining the Genre</h1>
+<h1 class="p-name">Guide to Incrementals___Defining the Genre</h1>
 <p>3429 words, ~19 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Digital Gardens](/garden/digital-gardens/index.md), [Incremental Social](/garden/incremental-social/index.md), [Kronos](/garden/kronos/index.md), [My Personal Website](/garden/my-personal-website/index.md), [Social Media](/garden/social-media/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/digital-gardens/index.md">Digital Gardens</a><a href="/garden/incremental-social/index.md">Incremental Social</a><a href="/garden/kronos/index.md">Kronos</a><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/garden/social-media/index.md">Social Media</a></details>

 Video games are placed into genres for a variety of reasons. They can give a mental shorthand to set the player's expectations up, they can help a game market itself by its similarities to other, already popular games, and honestly, people just love categorization for its own sake. For this guide, it's important to define the genre so it is clear what games it's even talking about.

--- a/site/garden/guide-to-incrementals/index.md
+++ b/site/garden/guide-to-incrementals/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>230 words, ~1 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [My Personal Website](/garden/my-personal-website/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/my-personal-website/index.md">My Personal Website</a></details>

 This is a comprehensive guide to Incremental Games, a genre of video games. It will explore defining the genre, why it's appealing, and how to design and build your own incremental game. Along the way will be ~~interactive examples~~, snippets from other creators, and relevant material to contextualize everything.

--- a/site/garden/guide-to-incrementals/navigating-criticism/index.md
+++ b/site/garden/guide-to-incrementals/navigating-criticism/index.md
@ -10,11 +10,11 @@ import { data } from '../../../git.data.ts';
 import { useData } from 'vitepress';
 const pageData = useData();
 </script>
-<h1 class="p-name">Guide to Incrementals/Navigating Criticism</h1>
+<h1 class="p-name">Guide to Incrementals___Navigating Criticism</h1>
 <p>747 words, ~4 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Digital Gardens](/garden/digital-gardens/index.md), [Incremental Social](/garden/incremental-social/index.md), [Kronos](/garden/kronos/index.md), [My Personal Website](/garden/my-personal-website/index.md), [Social Media](/garden/social-media/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/digital-gardens/index.md">Digital Gardens</a><a href="/garden/incremental-social/index.md">Incremental Social</a><a href="/garden/kronos/index.md">Kronos</a><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/garden/social-media/index.md">Social Media</a></details>

 Developing games is fun and exciting and teaches a lot of wonderful skills - I enthusiastically encourage anyone with an interest in game development to try it out - and incremental games are a wonderful way to get started. However, there are many challenges young and inexperienced developers have to face, and I think the hardest one - harder than coding, debugging, balancing, etc. - is handling criticism. When you put your heart and soul into a game it is natural to feel very vulnerable. While I think there's a lot communities can do to ensure they're welcoming, positive and constructive with their criticisms, inevitably you will eventually read some, and potentially a lot, of comments that can deeply affect you. No one is immune to this, from young incremental game developers to the largest content creators you can think of. That's why it's important to be able to process and navigate criticism, because ultimately collecting feedback is essential to the journey to becoming a better developer. On this page, we'll explore how to embrace criticism, grow from it, and continue to post your games publicly with confidence.

--- a/site/garden/guide-to-incrementals/what-is-content/index.md
+++ b/site/garden/guide-to-incrementals/what-is-content/index.md
@ -10,11 +10,11 @@ import { data } from '../../../git.data.ts';
 import { useData } from 'vitepress';
 const pageData = useData();
 </script>
-<h1 class="p-name">Guide to Incrementals/What is Content?</h1>
+<h1 class="p-name">Guide to Incrementals___What is Content?</h1>
 <p>2092 words, ~11 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Digital Gardens](/garden/digital-gardens/index.md), [Incremental Social](/garden/incremental-social/index.md), [Kronos](/garden/kronos/index.md), [My Personal Website](/garden/my-personal-website/index.md), [Social Media](/garden/social-media/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/digital-gardens/index.md">Digital Gardens</a><a href="/garden/incremental-social/index.md">Incremental Social</a><a href="/garden/kronos/index.md">Kronos</a><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/garden/social-media/index.md">Social Media</a></details>

 If you've been in the incremental games community for any amount of time, you'll quickly find the number one thing players want is _content_. They want as much of it as possible! The most popular incremental games have tons of content, so they just keep stretching on and on and on, introducing mechanic after mechanic, and players love it. In fact, players seem to value the _amount_ of content over the quality of any _specific_ content. However, there's a bit of a lack of understanding concerning _what_ content is, and I'd like to explore what counts as content, and how we measure it. As a baseline definition, I think "content" can just be described as the parts of the game that engage the player, but to truly understand it we need to contextualize what that means and how it affects the gameplay experience.

--- a/site/garden/incremental-social/index.md
+++ b/site/garden/incremental-social/index.md
@ -14,9 +14,9 @@ const pageData = useData();
 <p>20 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Federated Identity](/garden/federated-identity/index.md), [My Personal Website](/garden/my-personal-website/index.md), [/now](/now/index), [Webrings](/garden/webrings/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/federated-identity/index.md">Federated Identity</a><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/now/index">/now</a><a href="/garden/webrings/index.md">Webrings</a></details>

-> Tags: [My Projects](/garden/my-projects/index.md)
+<details><summary>Tags:</summary><a href="/garden/my-projects/index.md">My Projects</a></details>

 [Incremental Social](https://incremental.social/) is a [Fediverse](/garden/fediverse/index.md) website hosted by me!

--- a/site/garden/ivy-road/index.md
+++ b/site/garden/ivy-road/index.md
@ -15,8 +15,8 @@ const pageData = useData();
 <p>6 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Davey Wreden](/garden/davey-wreden/index.md), [Wanderstop](/garden/wanderstop/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/davey-wreden/index.md">Davey Wreden</a><a href="/garden/wanderstop/index.md">Wanderstop</a></details>

-> Tags: [Davey Wreden](/garden/davey-wreden/index.md)
+<details><summary>Tags:</summary><a href="/garden/davey-wreden/index.md">Davey Wreden</a></details>

 [Ivy Road](https://www.ivyroad.fun/) is a indie game studio created by [Davey Wreden](/garden/davey-wreden/index.md), Karla Kimonja, and C418
--- a/site/garden/kronos/index.md
+++ b/site/garden/kronos/index.md
@ -15,9 +15,9 @@ const pageData = useData();
 <p>60 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [V-ecs](/garden/v-ecs/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/v-ecs/index.md">V-ecs</a></details>

-> Tags: [My Projects](/garden/my-projects/index.md), [Profectus](/garden/profectus/index.md)
+<details><summary>Tags:</summary><a href="/garden/my-projects/index.md">My Projects</a><a href="/garden/profectus/index.md">Profectus</a></details>

 My largest and most ambitious incremental game I've ever made
 - A magnum opus, of sorts ;P
--- a/site/garden/logseq/index.md
+++ b/site/garden/logseq/index.md
@ -14,6 +14,6 @@ const pageData = useData();
 <p>3 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Command Palettes](/garden/command-palettes/index.md), [My Personal Website](/garden/my-personal-website/index.md), [This Knowledge Hub](/garden/this-knowledge-hub/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/command-palettes/index.md">Command Palettes</a><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/garden/this-knowledge-hub/index.md">This Knowledge Hub</a></details>

 [Logseq](https://logseq.com) is an [Open Source](/garden/open-source/index.md) outlining software
--- a/site/garden/matrix/index.md
+++ b/site/garden/matrix/index.md
@ -14,6 +14,6 @@ const pageData = useData();
 <p>2 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Cinny](/garden/cinny/index.md), [Commune](/garden/commune/index.md), [Synapse](/garden/synapse/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/cinny/index.md">Cinny</a><a href="/garden/commune/index.md">Commune</a><a href="/garden/synapse/index.md">Synapse</a></details>

 [Matrix](https://matrix.org) is a protocol for [Decentralized](/garden/decentralized/index.md) messaging
--- a/site/garden/mbin/index.md
+++ b/site/garden/mbin/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>12 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Incremental Social](/garden/incremental-social/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/incremental-social/index.md">Incremental Social</a></details>

 [Mbin](https://github.com/MbinOrg/mbin) is an [Open Source](/garden/open-source/index.md) [Fediverse](/garden/fediverse/index.md) software

--- a/site/garden/mtx/index.md
+++ b/site/garden/mtx/index.md
@ -15,6 +15,6 @@ const pageData = useData();
 <p>10 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Premium Currency](/garden/premium-currency/index.md), [Video Game Monetization](/garden/video-game-monetization/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/premium-currency/index.md">Premium Currency</a><a href="/garden/video-game-monetization/index.md">Video Game Monetization</a></details>

 Purchaseable items in video games that cost real life currencies
--- a/site/garden/my-personal-website/index.md
+++ b/site/garden/my-personal-website/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>422 words, ~2 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [The Small Web](/garden/the-small-web/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/the-small-web/index.md">The Small Web</a></details>

 A [Personal Websites](/garden/the-small-web/index.md) for myself, available at https://thepaperpilot.org

--- a/site/garden/my-projects/index.md
+++ b/site/garden/my-projects/index.md
@ -15,7 +15,7 @@ const pageData = useData();
 <p>72 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Tagged by: [Advent Incremental](/garden/advent-incremental/index.md), [Babble Buds](/garden/babble-buds/index.md), [Capture the Citadel](/garden/capture-the-citadel/index.md), [Dice Armor](/garden/dice-armor/index.md), [Game Dev Tree](/garden/game-dev-tree/index.md), [Incremental Social](/garden/incremental-social/index.md), [Kronos](/garden/kronos/index.md), [Opti-Speech](/garden/opti-speech/index.md), [Planar Pioneers](/garden/planar-pioneers/index.md), [Profectus](/garden/profectus/index.md), [V-ecs](/garden/v-ecs/index.md)
+<details><summary>Tagged by:</summary><a href="/garden/advent-incremental/index.md">Advent Incremental</a><a href="/garden/babble-buds/index.md">Babble Buds</a><a href="/garden/capture-the-citadel/index.md">Capture the Citadel</a><a href="/garden/dice-armor/index.md">Dice Armor</a><a href="/garden/game-dev-tree/index.md">Game Dev Tree</a><a href="/garden/incremental-social/index.md">Incremental Social</a><a href="/garden/kronos/index.md">Kronos</a><a href="/garden/opti-speech/index.md">Opti-Speech</a><a href="/garden/planar-pioneers/index.md">Planar Pioneers</a><a href="/garden/profectus/index.md">Profectus</a><a href="/garden/v-ecs/index.md">V-ecs</a></details>

 I like making games and tools!

--- a/site/garden/nostr/index.md
+++ b/site/garden/nostr/index.md
@ -15,8 +15,8 @@ const pageData = useData();
 <p>8 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Fediverse](/garden/fediverse/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/fediverse/index.md">Fediverse</a></details>

-> Tags: [Decentralized](/garden/decentralized/index.md)
+<details><summary>Tags:</summary><a href="/garden/decentralized/index.md">Decentralized</a></details>

 [Nostr](https://nostr.com) is a protocol for [Federated Social Media](/garden/fediverse/index.md)
--- a/site/garden/open-source/index.md
+++ b/site/garden/open-source/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>25 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Advent Incremental](/garden/advent-incremental/index.md), [Cinny](/garden/cinny/index.md), [Commune](/garden/commune/index.md), [Dice Armor](/garden/dice-armor/index.md), [Forgejo](/garden/forgejo/index.md), [Game Dev Tree](/garden/game-dev-tree/index.md), [Logseq](/garden/logseq/index.md), [Mbin](/garden/mbin/index.md), [Planar Pioneers](/garden/planar-pioneers/index.md), [Profectus](/garden/profectus/index.md), [Synapse](/garden/synapse/index.md), [Vitepress](/garden/vitepress/index.md), [Weird](/garden/weird/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/advent-incremental/index.md">Advent Incremental</a><a href="/garden/cinny/index.md">Cinny</a><a href="/garden/commune/index.md">Commune</a><a href="/garden/dice-armor/index.md">Dice Armor</a><a href="/garden/forgejo/index.md">Forgejo</a><a href="/garden/game-dev-tree/index.md">Game Dev Tree</a><a href="/garden/logseq/index.md">Logseq</a><a href="/garden/mbin/index.md">Mbin</a><a href="/garden/planar-pioneers/index.md">Planar Pioneers</a><a href="/garden/profectus/index.md">Profectus</a><a href="/garden/synapse/index.md">Synapse</a><a href="/garden/vitepress/index.md">Vitepress</a><a href="/garden/weird/index.md">Weird</a></details>

 Projects with the source code publicly accessible

--- a/site/garden/opti-speech/index.md
+++ b/site/garden/opti-speech/index.md
@ -15,7 +15,7 @@ const pageData = useData();
 <p>312 words, ~2 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Tags: [My Projects](/garden/my-projects/index.md)
+<details><summary>Tags:</summary><a href="/garden/my-projects/index.md">My Projects</a></details>

 In college I continued development on the Opti-Speech project, originally built alongside the scientific paper [Opti-speech: a real-time, 3d visual feedback system for speech training](https://www.researchgate.net/profile/Thomas-Campbell-11/publication/354182612_Opti-speech_a_real-time_3d_visual_feedback_system_for_speech_training/links/6424679ca1b72772e4360fa2/Opti-speech-a-real-time-3d-visual-feedback-system-for-speech-training.pdf)

--- a/site/garden/planar-pioneers/index.md
+++ b/site/garden/planar-pioneers/index.md
@ -15,7 +15,7 @@ const pageData = useData();
 <p>25 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Tags: [My Projects](/garden/my-projects/index.md), [Profectus](/garden/profectus/index.md)
+<details><summary>Tags:</summary><a href="/garden/my-projects/index.md">My Projects</a><a href="/garden/profectus/index.md">Profectus</a></details>

 Play it [here](https://thepaperpilot.org/planar)!

--- a/site/garden/pre-order-bonuses/index.md
+++ b/site/garden/pre-order-bonuses/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>98 words, ~1 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Video Game Monetization](/garden/video-game-monetization/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/video-game-monetization/index.md">Video Game Monetization</a></details>

 Pre-order bonuses are benefits given to players who buy a game before it comes out

--- a/site/garden/premium-currency/index.md
+++ b/site/garden/premium-currency/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>71 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Pre-Order Bonuses](/garden/pre-order-bonuses/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/pre-order-bonuses/index.md">Pre-Order Bonuses</a></details>

 A popular form of [MTX](/garden/mtx/index.md) where instead of receiving a useful item or effect directly, you receive a currency that is then spent on an in game store

--- a/site/garden/profectus/index.md
+++ b/site/garden/profectus/index.md
@ -15,11 +15,11 @@ const pageData = useData();
 <p>73 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Advent Incremental](/garden/advent-incremental/index.md), [Planar Pioneers](/garden/planar-pioneers/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/advent-incremental/index.md">Advent Incremental</a><a href="/garden/planar-pioneers/index.md">Planar Pioneers</a></details>

-> Tagged by: [Advent Incremental](/garden/advent-incremental/index.md), [Kronos](/garden/kronos/index.md), [Planar Pioneers](/garden/planar-pioneers/index.md)
+<details><summary>Tagged by:</summary><a href="/garden/advent-incremental/index.md">Advent Incremental</a><a href="/garden/kronos/index.md">Kronos</a><a href="/garden/planar-pioneers/index.md">Planar Pioneers</a></details>

-> Tags: [My Projects](/garden/my-projects/index.md)
+<details><summary>Tags:</summary><a href="/garden/my-projects/index.md">My Projects</a></details>

 [Profectus](https://moddingtree.com) is an [Open Source](/garden/open-source/index.md) game engine I made, loosely based on The Modding Tree by Acamaeda

--- a/site/garden/social-media/index.md
+++ b/site/garden/social-media/index.md
@ -15,7 +15,7 @@ const pageData = useData();
 <p>98 words, ~1 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Commune](/garden/commune/index.md), [Fediverse](/garden/fediverse/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/commune/index.md">Commune</a><a href="/garden/fediverse/index.md">Fediverse</a></details>

 Traditional social media
 - Not [Decentralized](/garden/decentralized/index.md)
--- a/site/garden/synapse/index.md
+++ b/site/garden/synapse/index.md
@ -14,6 +14,6 @@ const pageData = useData();
 <p>2 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Incremental Social](/garden/incremental-social/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/incremental-social/index.md">Incremental Social</a></details>

 [Synapse](https://github.com/element-hq/synapse) is an [Open Source](/garden/open-source/index.md) server software for the [Matrix](/garden/matrix/index.md) protocol
--- a/site/garden/the-beginner-s-guide/index.md
+++ b/site/garden/the-beginner-s-guide/index.md
@ -15,9 +15,9 @@ const pageData = useData();
 <p>70 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Davey Wreden](/garden/davey-wreden/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/davey-wreden/index.md">Davey Wreden</a></details>

-> Tags: [Davey Wreden](/garden/davey-wreden/index.md)
+<details><summary>Tags:</summary><a href="/garden/davey-wreden/index.md">Davey Wreden</a></details>

 My favorite video game of all time, bar none. Created by [Davey Wreden](/garden/davey-wreden/index.md)

--- a/site/garden/the-cozy-web/index.md
+++ b/site/garden/the-cozy-web/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>45 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Digital Gardens](/garden/digital-gardens/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/digital-gardens/index.md">Digital Gardens</a></details>

 The Cozy Web is an extension of the dark forest theory of the Internet

--- a/site/garden/the-indieweb/amplification/index.md
+++ b/site/garden/the-indieweb/amplification/index.md
@ -10,11 +10,11 @@ import { data } from '../../../git.data.ts';
 import { useData } from 'vitepress';
 const pageData = useData();
 </script>
-<h1 class="p-name">The IndieWeb/Amplification</h1>
+<h1 class="p-name">The IndieWeb___Amplification</h1>
 <p>57 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Digital Gardens](/garden/digital-gardens/index.md), [Incremental Social](/garden/incremental-social/index.md), [Kronos](/garden/kronos/index.md), [My Personal Website](/garden/my-personal-website/index.md), [Social Media](/garden/social-media/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/digital-gardens/index.md">Digital Gardens</a><a href="/garden/incremental-social/index.md">Incremental Social</a><a href="/garden/kronos/index.md">Kronos</a><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/garden/social-media/index.md">Social Media</a></details>

 Refers to reblogging (and re-hosting, sometimes) of someone else's content on your own site

--- a/site/garden/the-indieweb/signature-blocks/index.md
+++ b/site/garden/the-indieweb/signature-blocks/index.md
@ -10,10 +10,10 @@ import { data } from '../../../git.data.ts';
 import { useData } from 'vitepress';
 const pageData = useData();
 </script>
-<h1 class="p-name">The IndieWeb/Signature Blocks</h1>
+<h1 class="p-name">The IndieWeb___Signature Blocks</h1>
 <p>14 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Digital Gardens](/garden/digital-gardens/index.md), [Incremental Social](/garden/incremental-social/index.md), [Kronos](/garden/kronos/index.md), [My Personal Website](/garden/my-personal-website/index.md), [Social Media](/garden/social-media/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/digital-gardens/index.md">Digital Gardens</a><a href="/garden/incremental-social/index.md">Incremental Social</a><a href="/garden/kronos/index.md">Kronos</a><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/garden/social-media/index.md">Social Media</a></details>

 A proposal I want to write for posting signed content on your [IndieWeb](/garden/the-small-web/index.md) website
--- a/site/garden/the-small-web/index.md
+++ b/site/garden/the-small-web/index.md
@ -15,7 +15,7 @@ const pageData = useData();
 <p>771 words, ~4 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Commune](/garden/commune/index.md), [Federated Identity](/garden/federated-identity/index.md), [Fedi v2](/garden/fedi-v2/index.md), [My Personal Website](/garden/my-personal-website/index.md), [/now](/now/index), [The IndieWeb/Signature Blocks](/garden/the-indieweb/signature-blocks/index.md), [This Knowledge Hub](/garden/this-knowledge-hub/index.md), [Webrings](/garden/webrings/index.md), [Weird](/garden/weird/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/commune/index.md">Commune</a><a href="/garden/federated-identity/index.md">Federated Identity</a><a href="/garden/fedi-v2/index.md">Fedi v2</a><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/now/index">/now</a><a href="/garden/the-indieweb/signature-blocks/index.md">The IndieWeb/Signature Blocks</a><a href="/garden/this-knowledge-hub/index.md">This Knowledge Hub</a><a href="/garden/webrings/index.md">Webrings</a><a href="/garden/weird/index.md">Weird</a></details>

 The small web (also known as the indie web, personal web, the web revival movement, and other terms) refers to small, personal, independent websites. It is seen as a direct alternative to the centralized and homogenized websites like X, Meta, and TikTok. [My Personal Website](/garden/my-personal-website/index.md) is part of the small web!

--- a/site/garden/this-knowledge-hub/index.md
+++ b/site/garden/this-knowledge-hub/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>135 words, ~1 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Digital Gardens](/garden/digital-gardens/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/digital-gardens/index.md">Digital Gardens</a></details>

 This is my knowledge hub!
 - It's a [Digital Garden](/garden/digital-gardens/index.md) collecting my thoughts in varying levels of completeness on basically anything I have interest in
--- a/site/garden/v-ecs/index.md
+++ b/site/garden/v-ecs/index.md
@ -15,7 +15,7 @@ const pageData = useData();
 <p>209 words, ~1 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Tags: [My Projects](/garden/my-projects/index.md)
+<details><summary>Tags:</summary><a href="/garden/my-projects/index.md">My Projects</a></details>

 <div class="img-container"><img src="/garden/screenshot_1717383987886_0.png" title="screenshot.png"/></div>

--- a/site/garden/video-game-monetization/index.md
+++ b/site/garden/video-game-monetization/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>250 words, ~1 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Life is Strange](/garden/life-is-strange/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/life-is-strange/index.md">Life is Strange</a></details>

 ## AAA games

--- a/site/garden/vitepress/index.md
+++ b/site/garden/vitepress/index.md
@ -14,6 +14,6 @@ const pageData = useData();
 <p>4 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [My Personal Website](/garden/my-personal-website/index.md), [This Knowledge Hub](/garden/this-knowledge-hub/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/garden/this-knowledge-hub/index.md">This Knowledge Hub</a></details>

 [Vitepress](https://vitepress.dev) is an [Open Source](/garden/open-source/index.md) static site generator
--- a/site/garden/wanderstop/index.md
+++ b/site/garden/wanderstop/index.md
@ -15,6 +15,6 @@ const pageData = useData();
 <p>8 words, ~0 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Tags: [Davey Wreden](/garden/davey-wreden/index.md)
+<details><summary>Tags:</summary><a href="/garden/davey-wreden/index.md">Davey Wreden</a></details>

 [Wanderstop](https://www.wanderstopgame.com/) is the first game by [Ivy Road](/garden/ivy-road/index.md). It's a narrative focused cozy game
--- a/site/garden/webrings/index.md
+++ b/site/garden/webrings/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>139 words, ~1 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [The Small Web](/garden/the-small-web/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/the-small-web/index.md">The Small Web</a></details>

 A collection of [Personal Websites](/garden/the-small-web/index.md) that link to each other
 - These websites are all endorsing each other
--- a/site/garden/weird/index.md
+++ b/site/garden/weird/index.md
@ -14,7 +14,7 @@ const pageData = useData();
 <p>114 words, ~1 minute read. <span v-html="data[`site/${pageData.page.value.relativePath}`]" /></p>
 <hr/>

-> Referenced by: [Commune](/garden/commune/index.md), [Fedi v2](/garden/fedi-v2/index.md), [My Personal Website](/garden/my-personal-website/index.md), [The Small Web](/garden/the-small-web/index.md)
+<details><summary>Referenced by:</summary><a href="/garden/commune/index.md">Commune</a><a href="/garden/fedi-v2/index.md">Fedi v2</a><a href="/garden/my-personal-website/index.md">My Personal Website</a><a href="/garden/the-small-web/index.md">The Small Web</a></details>

 [Weird](https://weird.one) is an [Open Source](/garden/open-source/index.md) project by the [Commune](/garden/commune/index.md) team currently in development