More human-friendly hash slugs

package.json

@@ -50,6 +50,7 @@
     "@rollup/plugin-inject": "^5.0.3",
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-terser": "^0.4.3",
+    "@sindresorhus/slugify": "^1.1.0",
     "@types/jquery": "^3.5.16",
     "@types/jqueryui": "^1.12.17",
     "@types/markdown-it": "^12.2.3",
@@ -93,6 +94,7 @@
   },
   "yarn-upgrade-all": {
     "ignore": [
+      "@sindresorhus/slugify",
       "@types/node"
     ]
   }

source/community.md

@@ -8,7 +8,7 @@ introduction: >
 complementary_content: |
   <nav class="sl-c-list-navigation-wrapper" aria-label="Resources">
 
-    ## Resources
+  <h2>Resources</h2>
 
   ### [Jump Start Sass](https://amzn.to/2LKF0uR)
   by Kitty Giraudel and Miriam Suzanne

source/guide.liquid

@@ -6,7 +6,7 @@ introduction: >
   just browse here, go ahead, but we recommend you go install Sass first. [Go
   here](/install) if you want to learn how to get everything set up.
 navigation: |
-  ### Topics
+  <h3>Topics</h3>
 
   <nav class="sl-c-list-navigation-wrapper">
 

source/helpers/engines.ts

@@ -1,3 +1,4 @@
+import slugify from '@sindresorhus/slugify';
 import { Liquid } from 'liquidjs';
 import markdown from 'markdown-it';
 import markdownAnchor from 'markdown-it-anchor';
@@ -23,6 +24,7 @@ export const markdownEngine = markdown({
   .use(markdownAnchor, {
     level: 2,
     permalink: renderPermalink,
+    slugify: (s) => slugify(s),
   });
 
 /**

source/libsass.md

@@ -7,7 +7,7 @@ introduction: >
   lagging behind [Dart Sass](/dart-sass) in features and CSS compatibility.
   **LibSass is now deprecated**—new projects should use Dart Sass instead.
 navigation: |
-  ## Wrappers
+  <h2>Wrappers</h2>
 
   <nav class="sl-c-list-navigation-wrapper">
 
@@ -29,7 +29,7 @@ navigation: |
 
   </nav>
 complementary_content: |
-  ## Resources
+  <h2>Resources</h2>
 
   - [Lightning fast Sass compiling with libsass, Node-sass and
     Grunt-sass](https://benfrain.com/lightning-fast-sass-compiling-with-libsass-node-sass-and-grunt-sass/)

source/styleguide/styleguide.11tydata.yml

@@ -2,7 +2,7 @@ layout: has_navigation
 navigation: |
   <nav class="sl-c-list-navigation-wrapper">
 
-  ### [Style Guide](/styleguide)
+  <h3><a href="/styleguide">Style Guide</a></h3>
 
   - [Brand](/styleguide/brand)
   - [Color](/styleguide/color)

yarn.lock

@@ -1797,7 +1797,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@sindresorhus/slugify@npm:^1.1.2":
+"@sindresorhus/slugify@npm:^1.1.0, @sindresorhus/slugify@npm:^1.1.2":
   version: 1.1.2
   resolution: "@sindresorhus/slugify@npm:1.1.2"
   dependencies:
@@ -6904,6 +6904,7 @@ __metadata:
     "@rollup/plugin-inject": ^5.0.3
     "@rollup/plugin-node-resolve": ^15.0.2
     "@rollup/plugin-terser": ^0.4.3
+    "@sindresorhus/slugify": ^1.1.0
     "@types/jquery": ^3.5.16
     "@types/jqueryui": ^1.12.17
     "@types/markdown-it": ^12.2.3