compressed TOC code example
This commit is contained in:
Heydon Pickering
parent
33a5434c62
commit
215f6b015f
|
|
@ -9,24 +9,16 @@ Pattern pages in **Infusion** that have two or more subheadings — `<h2>`s —
|
|||
<h2 id="toc-heading">Table of contents</h2>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="#cleaning-the-content-folder">
|
||||
“Cleaning” the content folder
|
||||
</a>
|
||||
<a href="#cleaning-the-content-folder">“Cleaning” the content folder</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#the-setup-command">
|
||||
The setup command
|
||||
</a>
|
||||
<a href="#the-setup-command">The setup command</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#the-config-file">
|
||||
The config file
|
||||
</a>
|
||||
<a href="#the-config-file">The config file</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#including-a-logo">
|
||||
Including a logo
|
||||
</a>
|
||||
<a href="#including-a-logo">Including a logo</a>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -164,7 +164,7 @@ npm run serve This will serve your working library from localhost:1313 (the exac
|
|||
|
||||
<guid>https://heydon.github.io/infusion/patterns/writing/tables-of-contents/</guid>
|
||||
<description>Pattern pages in Infusion that have two or more subheadings — &lt;h2&gt;s — automatically get a table of contents: a list of links to the main subsections for the page. This feature is made accessible as a navigation region with the &ldquo;Table of contents&rdquo; label and uses an ordered list. The table of contents markup for the Library setup page looks something like this:
|
||||
&lt;nav class=&quot;toc&quot; aria-labelledby=&quot;toc-heading&quot;&gt; &lt;h2 id=&quot;toc-heading&quot;&gt;Table of contents&lt;/h2&gt; &lt;ol&gt; &lt;li&gt; &lt;a href=&quot;#cleaning-the-content-folder&quot;&gt; “Cleaning” the content folder &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&quot;#the-setup-command&quot;&gt; The setup command &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&quot;#the-config-file&quot;&gt; The config file &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&quot;#including-a-logo&quot;&gt; Including a logo &lt;/a&gt; &lt;/li&gt; &lt;/ol&gt; &lt;/nav&gt; Tables of contents are a neat way to break down the content of the page and give users a navigable overview.</description>
|
||||
&lt;nav class=&quot;toc&quot; aria-labelledby=&quot;toc-heading&quot;&gt; &lt;h2 id=&quot;toc-heading&quot;&gt;Table of contents&lt;/h2&gt; &lt;ol&gt; &lt;li&gt; &lt;a href=&quot;#cleaning-the-content-folder&quot;&gt;“Cleaning” the content folder&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&quot;#the-setup-command&quot;&gt;The setup command&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&quot;#the-config-file&quot;&gt;The config file&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&quot;#including-a-logo&quot;&gt;Including a logo&lt;/a&gt; &lt;/li&gt; &lt;/ol&gt; &lt;/nav&gt; Tables of contents are a neat way to break down the content of the page and give users a navigable overview.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@ I can reference the &#x7b;{% pattern "Notes & warnings" %}} patt
|
|||
|
||||
<guid>https://heydon.github.io/infusion/patterns/writing/tables-of-contents/</guid>
|
||||
<description>Pattern pages in Infusion that have two or more subheadings — &lt;h2&gt;s — automatically get a table of contents: a list of links to the main subsections for the page. This feature is made accessible as a navigation region with the &ldquo;Table of contents&rdquo; label and uses an ordered list. The table of contents markup for the Library setup page looks something like this:
|
||||
&lt;nav class=&quot;toc&quot; aria-labelledby=&quot;toc-heading&quot;&gt; &lt;h2 id=&quot;toc-heading&quot;&gt;Table of contents&lt;/h2&gt; &lt;ol&gt; &lt;li&gt; &lt;a href=&quot;#cleaning-the-content-folder&quot;&gt; “Cleaning” the content folder &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&quot;#the-setup-command&quot;&gt; The setup command &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&quot;#the-config-file&quot;&gt; The config file &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&quot;#including-a-logo&quot;&gt; Including a logo &lt;/a&gt; &lt;/li&gt; &lt;/ol&gt; &lt;/nav&gt; Tables of contents are a neat way to break down the content of the page and give users a navigable overview.</description>
|
||||
&lt;nav class=&quot;toc&quot; aria-labelledby=&quot;toc-heading&quot;&gt; &lt;h2 id=&quot;toc-heading&quot;&gt;Table of contents&lt;/h2&gt; &lt;ol&gt; &lt;li&gt; &lt;a href=&quot;#cleaning-the-content-folder&quot;&gt;“Cleaning” the content folder&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&quot;#the-setup-command&quot;&gt;The setup command&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&quot;#the-config-file&quot;&gt;The config file&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&quot;#including-a-logo&quot;&gt;Including a logo&lt;/a&gt; &lt;/li&gt; &lt;/ol&gt; &lt;/nav&gt; Tables of contents are a neat way to break down the content of the page and give users a navigable overview.</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
|
|
|
|||
|
|
@ -271,24 +271,16 @@
|
|||
<h2 id="toc-heading">Table of contents</h2>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="#cleaning-the-content-folder">
|
||||
“Cleaning” the content folder
|
||||
</a>
|
||||
<a href="#cleaning-the-content-folder">“Cleaning” the content folder</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#the-setup-command">
|
||||
The setup command
|
||||
</a>
|
||||
<a href="#the-setup-command">The setup command</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#the-config-file">
|
||||
The config file
|
||||
</a>
|
||||
<a href="#the-config-file">The config file</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#including-a-logo">
|
||||
Including a logo
|
||||
</a>
|
||||
<a href="#including-a-logo">Including a logo</a>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user