diff --git a/docs/package.json b/docs/package.json index e9a3743..e29743a 100644 --- a/docs/package.json +++ b/docs/package.json @@ -9,6 +9,7 @@ "devDependencies": { "@11ty/eleventy": "^2.0.0", "@11ty/eleventy-plugin-vite": "^4.0.0", + "@sindresorhus/slugify": "^2.2.0", "@tailwindcss/typography": "^0.5.9", "@terrace/js": "workspace:*", "eleventy-google-fonts": "^0.1.0", diff --git a/docs/src/_includes/layout.njk b/docs/src/_includes/layout.njk index 4012ee7..809a6e6 100644 --- a/docs/src/_includes/layout.njk +++ b/docs/src/_includes/layout.njk @@ -10,9 +10,9 @@ {% eleventyGoogleFonts 'https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500&display=swap' %} - {{ Node('Navbar') }} + {{ Node('Navbar', {}, page) }} {% for child in children %} - {{ Node(child.type, child) }} + {{ Node(child.type, child, page) }} {% endfor %} diff --git a/docs/src/_includes/nodes/Block.njk b/docs/src/_includes/nodes/Block.njk index 244d27a..9151994 100644 --- a/docs/src/_includes/nodes/Block.njk +++ b/docs/src/_includes/nodes/Block.njk @@ -1,9 +1,9 @@ {% from "./Node.njk" import Node %} -{% macro render(node) %} +{% macro render(node, page) %}
{% for child in node.children %} - {{ Node(child.type, child) }} + {{ Node(child.type, child, page) }} {% endfor %}
{% endmacro %} diff --git a/docs/src/_includes/nodes/Button.njk b/docs/src/_includes/nodes/Button.njk index d0906ee..190a8db 100644 --- a/docs/src/_includes/nodes/Button.njk +++ b/docs/src/_includes/nodes/Button.njk @@ -1,4 +1,4 @@ -{% set commonClasses = "px-6 py-2 md:px-12 md:py-3 text-white rounded-md w-auto whitespace-nowrap" %} +{% set commonClasses = "px-6 py-2 md:px-12 md:py-3 text-white rounded-md w-auto whitespace-nowrap not-prose" %} {% macro render(node) %} {{ node.text | highlight(node.language) | safe }} +{% endmacro %} diff --git a/docs/src/_includes/nodes/CodeExample.njk b/docs/src/_includes/nodes/CodeExample.njk index 91a4858..01352f6 100644 --- a/docs/src/_includes/nodes/CodeExample.njk +++ b/docs/src/_includes/nodes/CodeExample.njk @@ -20,13 +20,20 @@ set languageMeta = { onclick="[...this.parentElement.children].forEach(c => (c.open = false))" > {{ languageMeta[id].name }} 
{{ code | highlight(id) | safe }}
diff --git a/docs/src/_includes/nodes/Header.njk b/docs/src/_includes/nodes/Heading.njk similarity index 95% rename from docs/src/_includes/nodes/Header.njk rename to docs/src/_includes/nodes/Heading.njk index b485bdb..a783d8c 100644 --- a/docs/src/_includes/nodes/Header.njk +++ b/docs/src/_includes/nodes/Heading.njk @@ -6,6 +6,7 @@ {% macro render(node) %} {{ node.text | safe }} diff --git a/docs/src/_includes/nodes/Navbar.njk b/docs/src/_includes/nodes/Navbar.njk index 2eb779a..70c27ae 100644 --- a/docs/src/_includes/nodes/Navbar.njk +++ b/docs/src/_includes/nodes/Navbar.njk @@ -1,6 +1,12 @@ {% from "./Node.njk" import Node %} -{% macro render(node) %} +{{ page | dump }} + +{% macro navlink(href, text, active) %} + {{ text }} +{% endmacro %} + +{% macro render(node, page) %}