From ded7cfc386cad2b67a01163cfdd6864f8c22aae0 Mon Sep 17 00:00:00 2001
From: Maruan <alshedivat@users.noreply.github.com>
Date: Mon, 3 Jan 2022 08:50:53 -0500
Subject: [PATCH] Correctly slugify distill TOC (#519)

* Correctly slugify distill TOC

* Add special character to demo distill post's TOC
---
 _layouts/distill.html        | 4 ++--
 _posts/2018-12-22-distill.md | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/_layouts/distill.html b/_layouts/distill.html
index fd4231839d49..f36db1581be3 100644
--- a/_layouts/distill.html
+++ b/_layouts/distill.html
@@ -73,11 +73,11 @@ <h1>{{ page.title }}</h1>
           <nav class="l-text figcaption">
           <h3>Contents</h3>
             {% for section in page.toc -%}
-            <div><a href="#{{ section.name | downcase | replace: ' ','-' }}">{{ section.name }}</a></div>
+            <div><a href="#{{ section.name | slugify }}">{{ section.name }}</a></div>
             {% if section.subsections -%}
             <ul>
               {% for subsection in section.subsections -%}
-              <li><a href="#{{ subsection.name | downcase | replace: ' ','-' }}">{{ subsection.name }}</a></li>
+              <li><a href="#{{ subsection.name | slugify }}">{{ subsection.name }}</a></li>
               {% endfor %}
             </ul>
             {%- endif -%}
diff --git a/_posts/2018-12-22-distill.md b/_posts/2018-12-22-distill.md
index a447bfdb6416..e28ee963c6dd 100644
--- a/_posts/2018-12-22-distill.md
+++ b/_posts/2018-12-22-distill.md
@@ -36,7 +36,7 @@ toc:
   - name: Footnotes
   - name: Code Blocks
   - name: Layouts
-  - name: Other Typography
+  - name: Other Typography?
 
 # Below is an example of injecting additional post-specific styles.
 # If you use this post as a template, delete this _styles block.
@@ -173,7 +173,7 @@ It does not interrupt the normal flow of `.l-body` sized text except on mobile s
 
 ***
 
-## Other Typography
+## Other Typography?
 
 Emphasis, aka italics, with *asterisks* (`*asterisks*`) or _underscores_ (`_underscores_`).
 
@@ -279,4 +279,4 @@ Here's a line for us to start with.
 This line is separated from the one above by two newlines, so it will be a *separate paragraph*.
 
 This line is also a separate paragraph, but...
-This line is only separated by a single newline, so it's a separate line in the *same paragraph*.
\ No newline at end of file
+This line is only separated by a single newline, so it's a separate line in the *same paragraph*.