+8 -1

src/_includes/components/head.njk

reviewed

··· 19 19 {% include './nav.njk' %} 20 20 21 21 {% if content | toc %} 22 22 - <aside class="right">{{ content | toc | safe }}</aside> 22 22 + <aside class="right"> 23 23 + <details open> 24 24 + <summary> 25 25 + Table of Contents 26 26 + </summary> 27 27 + {{ content | toc | safe }} 28 28 + </details> 29 29 + </aside> 23 30 {% endif %}

+8 -3

src/_includes/components/nav.njk

reviewed

··· 1 1 <aside class="left"> 2 2 - <nav> 3 3 - {{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }} 4 4 - </nav> 2 2 + <details open> 3 3 + <summary> 4 4 + Navigation 5 5 + </summary> 6 6 + <nav> 7 7 + {{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }} 8 8 + </nav> 9 9 + </details> 5 10 </aside>

+8 -6

src/css/style.scss

reviewed

··· 42 42 } 43 43 44 44 nav { 45 45 - > ul { 45 45 + > ul, ol { 46 46 margin-left: 8px; 47 47 } 48 48 } ··· 56 56 } 57 57 58 58 aside { 59 59 - position: absolute; 60 60 - 61 61 - width: 250px; 62 62 - 63 59 &.left { 64 60 left: calc(50% - ((80ch) / 2) - (250px)); 65 61 } 66 62 67 63 &.right { 68 64 right: calc(50% - ((80ch) / 2) - (250px)); 65 65 + } 66 66 + 67 67 + @media (min-width: 769px) { 68 68 + position: absolute; 69 69 + 70 70 + width: 250px; 69 71 } 70 72 } 71 73 ··· 192 194 } 193 195 194 196 .toc ol { 195 195 - list-style: disc; 197 197 + list-style: inside disc; 196 198 } 197 199 198 200 // @view-transition