fix: remove ToC on specific pages and make disclosure toggle more prominent

astro.config.mjs

@@ -20,22 +20,6 @@ export default defineConfig({
         "./src/styles/learn.css",
         "./src/styles/atom-one-light.min.css",
       ],
-      head: [
-        {
-          tag: "script",
-          attrs: {
-            src: "/scripts/highlight.min.js",
-            defer: true,
-          },
-        },
-        {
-          tag: "script",
-          attrs: {
-            src: "/scripts/init.js",
-            defer: true,
-          },
-        },
-      ],
       social: {
         github: "https://github.com/interledger",
         instagram: "https://www.instagram.com/interledgerfoundation/",

package.json

@@ -9,15 +9,9 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/node": "^8.2.4",
-    "@astrojs/starlight": "^0.21.1",
+    "@astrojs/starlight": "^0.21.3",
     "@interledger/docs-design-system": "^0.3.2",
-    "@types/showdown": "^2.0.6",
-    "astro": "^4.5.6",
-    "html-to-text": "^9.0.5",
-    "markdown-it": "^14.1.0",
-    "node-html-parser": "^6.1.12",
-    "sharp": "^0.33.2",
-    "showdown": "^2.1.0"
+    "astro": "^4.5.14",
+    "sharp": "^0.33.3"
   }
 }

src/content/docs/building-with-interledger/building-towards-the-future.md

@@ -4,6 +4,7 @@ sidebar:
   order: 3
 next:
   label: The Interledger Protocol (ILP)
+tableOfContents: false
 ---
 
 :::tip[Your Turn: Share What You Learned]
@@ -14,4 +15,4 @@ Tell us about something new and valuable you learned that you will take with you
 
 Let us know what you learned, and how you will use it!
 
-:::
+:::

src/content/docs/digital-financial-inclusion/why-we-need-to-take-action.md

@@ -4,9 +4,10 @@ sidebar:
   order: 3
 next:
   label: Building with Interledger
+tableOfContents: false
 ---
 
-Digital financial inclusion is an essential part of enabling social mobility and economic prosperity in high-need areas around the world. 
+Digital financial inclusion is an essential part of enabling social mobility and economic prosperity in high-need areas around the world.
 
 As more of society's infrastructure runs on technology, it is critical that everyone everywhere has access to digital financial services, rather than see the digital divide widen.
 
@@ -19,5 +20,3 @@ In the [Slack channel](https://app.slack.com/client/T0KKJC1N1/C06MAS29NF4), type
 Follow the prompt to share a specific challenge or issue that you are facing or that you have read about in the news related to financial inclusion. We’d love to hear something specific and unique, to your circumstances or geography. Tell us what you’d most like to see changed to make the system more inclusive.
 
 :::
-
-

src/content/docs/interledger-technology/an-analogy-to-the-postal-service.mdx

@@ -2,6 +2,7 @@
 title: An Analogy to the Postal Service
 sidebar:
   order: 4
+tableOfContents: false
 ---
 
 import { LargeImg } from "@interledger/docs-design-system";

src/content/docs/interledger-technology/designed-for-simplicity.md

@@ -2,6 +2,7 @@
 title: Designed for Simplicity, Like Email
 sidebar:
   order: 5
+tableOfContents: false
 ---
 
 Most users of ILP-enabled software will only ever interact with or see the Application layer. For example, by telling their application who and how much to pay. Their application will interact with the other ILP layers behind the scenes.

src/content/docs/interledger-technology/lets-hear-from-you.md

@@ -2,6 +2,7 @@
 title: Let’s Hear From You
 sidebar:
   order: 7
+tableOfContents: false
 ---
 
 :::tip[Your Turn: Raise Your Concerns]

src/content/docs/interledger-technology/visualizing-the-transfer-of-ilp-packets.mdx

@@ -2,6 +2,7 @@
 title: Visualizing the Transfer of ILP Packets
 sidebar:
   order: 3
+tableOfContents: false
 ---
 
 import { Mermaid } from "@interledger/docs-design-system";

src/content/docs/interledger-technology/what-is-the-ilp.md

@@ -2,6 +2,7 @@
 title: What is the Interledger Protocol (ILP)?
 sidebar:
   order: 1
+tableOfContents: false
 ---
 
 The Interledger Protocol is a currency-agnostic payments protocol that was developed by co-creators Stefan Thomas and Evan Schwartz in 2015. They modeled ILP to closely resemble the TCP/IP protocol suite that powers the internet today. Interledger can be integrated with any type of accounting ledger, including fiat and cryptocurrencies.

src/content/docs/introduction/share-your-thoughts.md

@@ -4,6 +4,7 @@ sidebar:
   order: 4
 next:
   label: Digital Financial Inclusion
+tableOfContents: false
 ---
 
 :::tip[Your Turn: Share Your Thoughts]

src/content/docs/introduction/watch-introduction-video.md

@@ -2,6 +2,7 @@
 title: Watch the Interledger Intro Video
 sidebar:
   order: 3
+tableOfContents: false
 ---
 
 <iframe width="790" height="444" src="https://www.youtube.com/embed/xGVuBV6kO94" title="What is Interledger?" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

src/styles/learn.css

@@ -144,7 +144,21 @@ div.community.community p {
   background-color: white;
 }
 
+@media screen and (min-width: 1280px) {
+  main {
+    max-width: 820px;
+  }
+}
+
 /* Remove highlight stripe if heading is link */
 h3:has(a)::after {
   display: none;
 }
+
+/* Make disclosure button prominent */
+[data-disclosure-button] {
+  padding: var(--space-2xs) var(--space-xs);
+  border: 1px solid var(--sl-color-text-accent);
+  border-radius: var(--border-radius);
+  background-color: var(--sl-color-accent-low);
+}