fix: add baseurl to sitenav

docs/.eleventy.js

@@ -1,6 +1,6 @@
 const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
 const pluginTOC = require("eleventy-plugin-nesting-toc");
-const sections = require("./_data/site-nav.json").sections
+const sections = require("./_data/site-nav.js").sections
 
 const alignAvailablePages = sections => sections.map(section => section.subsections
     ? alignAvailablePages(section.subsections)

docs/_data/nav.js

@@ -0,0 +1,282 @@
+module.exports = {
+  sections: [
+    {
+      title: "Getting Started",
+      url: "getting-started/",
+      pages: [
+        {
+          title: "Overview",
+          url: "getting-started/overview/",
+        },
+        {
+          title: "Using Dialtone",
+          url: "getting-started/usage/",
+        },
+        {
+          title: "Installing Dialtone",
+          url: "getting-started/installing/",
+        },
+      ],
+    },
+    {
+      title: "Icons",
+      url: "icons/",
+      pages: [
+        {
+          title: "Creating Icons",
+          url: "icons/creating/",
+        },
+        {
+          title: "Brand Icons",
+          url: "icons/brand/",
+        },
+        {
+          title: "System Icons",
+          url: "icons/system/",
+        },
+        {
+          title: "Weather Icons",
+          url: "icons/weather/",
+        },
+        {
+          title: "Patterns",
+          url: "icons/patterns/",
+        },
+        {
+          title: "Sizes",
+          url: "icons/sizes/",
+        },
+      ],
+    },
+    {
+      title: "Variables",
+      url: "variables/",
+      pages: [
+        {
+          title: "Color",
+          url: "variables/color/",
+        },
+        {
+          title: "Spacing",
+          url: "variables/spacing/",
+        },
+      ],
+    },
+    {
+      title: "Layout",
+      url: "utilities/layout/",
+      pages: [
+        {
+          title: "Display",
+          url: "utilities/layout/display/",
+        },
+        {
+          title: "Flex",
+          url: "utilities/layout/flex/",
+        },
+        {
+          title: "Grid",
+          url: "utilities/layout/grid/",
+        },
+        {
+          title: "Height",
+          url: "utilities/layout/height/",
+        },
+        {
+          title: "Margin",
+          url: "utilities/layout/margin/",
+        },
+        {
+          title: "Overflow",
+          url: "utilities/layout/overflow/",
+        },
+        {
+          title: "Padding",
+          url: "utilities/layout/padding/",
+        },
+        {
+          title: "Positioning",
+          url: "utilities/layout/positioning/",
+        },
+        {
+          title: "Stacks & Flows",
+          url: "utilities/layout/Stacks/",
+        },
+        {
+          title: "Width",
+          url: "utilities/layout/width/",
+        },
+        {
+          title: "Z-Index",
+          url: "utilities/layout/z-index/",
+        },
+      ],
+    },
+    {
+      title: "Visual Styles",
+      url: "utilities/visual/",
+      pages: [
+        {
+          title: "Background Colors",
+          url: "utilities/visual/backgrounds/",
+        },
+        {
+          title: "Background Gradients",
+          url: "utilities/visual/background-gradients/",
+        },
+        {
+          title: "Background Patterns",
+          url: "utilities/visual/background-patterns/",
+        },
+        {
+          title: "Borders",
+          url: "utilities/visual/borders/",
+        },
+        {
+          title: "Border Colors",
+          url: "utilities/visual/border-colors/",
+        },
+        {
+          title: "Border Radius",
+          url: "utilities/visual/border-radius/",
+        },
+        {
+          title: "Box Shadows",
+          url: "utilities/visual/box-shadows/",
+        },
+        {
+          title: "Opacity",
+          url: "utilities/visual/opacity/",
+        },
+      ],
+    },
+    {
+      title: "Typography",
+      url: "utilities/typography/",
+      pages: [
+        {
+          title: "Font Family",
+          url: "utilities/typography/font-family/",
+        },
+        {
+          title: "Font Size",
+          url: "utilities/typography/sizes/",
+        },
+        {
+          title: "Font Style",
+          url: "utilities/typography/styles/",
+        },
+        {
+          title: "Font Weight",
+          url: "utilities/typography/font-weight/",
+        },
+        {
+          title: "Layout",
+          url: "utilities/typography/layout/",
+        },
+        {
+          title: "Line Height",
+          url: "utilities/typography/line-height/",
+        },
+        {
+          title: "Lists",
+          url: "utilities/typography/lists/",
+        },
+        {
+          title: "Text Colors",
+          url: "utilities/typography/colors/",
+        },
+        {
+          title: "Text Opacity",
+          url: "utilities/typography/text-opacity/",
+        },
+      ],
+    },
+    {
+      title: "Components",
+      url: "components/",
+      pages: [
+        {
+          title: "Avatars",
+          url: "components/avatars/",
+        },
+        {
+          title: "Badges",
+          url: "components/badges/",
+        },
+        {
+          title: "Banners",
+          url: "components/banners/",
+        },
+        {
+          title: "Breadcumbs",
+          url: "components/breadcrumbs/",
+        },
+        {
+          title: "Buttons",
+          url: "components/buttons/",
+        },
+        {
+          title: "Checkboxes",
+          url: "components/checkboxes/",
+        },
+        {
+          title: "Forms",
+          url: "components/forms/",
+        },
+        {
+          title: "Inputs",
+          url: "components/inputs/",
+        },
+        {
+          title: "Links",
+          url: "components/links/",
+        },
+        {
+          title: "Modals",
+          url: "components/modals/",
+        },
+        {
+          title: "Notices",
+          url: "components/notices/",
+        },
+        {
+          title: "Popover",
+          url: "components/popover/",
+        },
+        {
+          title: "Radios",
+          url: "components/radios/",
+        },
+        {
+          title: "Select Menus",
+          url: "components/select/",
+        },
+        {
+          title: "Skeleton",
+          url: "components/skeleton/",
+        },
+        {
+          title: "Tables",
+          url: "components/tables/",
+        },
+        {
+          title: "Tabs",
+          url: "components/tabs/",
+        },
+        {
+          title: "Textareas",
+          url: "components/textareas/",
+        },
+        {
+          title: "Toasts",
+          url: "components/toast/",
+        },
+        {
+          title: "Tooltips",
+          url: "components/tooltips/",
+        },
+      ],
+    },
+  ],
+};