js links to <h2> sections

docs/css/styles.css

@@ -806,6 +806,22 @@ h1 svg {
   display: block;
 }
 
+/* Section links */
+
+.h2-container {
+  position: relative;
+  font-size: 1.66rem;
+}
+
+.h2-container a {
+  position: absolute;
+  margin-top: 0;
+  top: 0;
+  line-height: 1;
+  left: -1em;
+  border: 0;
+}
+
 @media (max-width: 45em) {
 
   [role="banner"] {

docs/index.html

@@ -92,6 +92,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/js/dom-scripts.js

@@ -42,3 +42,31 @@
     }
   })
 }());
+
+/* Add "link here" links to <h2> headings */
+(function () {
+  var headings = document.querySelectorAll('main > h2')
+
+  Array.prototype.forEach.call(headings, function (heading) {
+    var id = heading.getAttribute('id')
+
+    if (id) {
+      var newHeading = heading.cloneNode(true)
+
+      var container = document.createElement('div')
+      container.setAttribute('class', 'h2-container')
+      container.appendChild(newHeading)
+
+      heading.parentNode.insertBefore(container, heading)
+
+      var link = document.createElement('a')
+      link.setAttribute('href', '#' + id)
+      link.setAttribute('aria-label', 'link for this section')
+      link.innerHTML = '<svg aria-hidden="true" viewBox="0 0 50 50"><use xlink:href="#link"></use></svg>'
+
+      container.appendChild(link)
+
+      heading.parentNode.removeChild(heading);
+    }
+  })
+}());

docs/patterns/coding/code-blocks/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/coding/color-palettes/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/coding/command-line/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/coding/demo-embedding/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/coding/file-trees/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/coding/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/coding/tested/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/coding/writing-inline-demos/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/installation/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/library-setup/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/media/including-images/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/media/including-videos/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/media/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/serving/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/writing/expandable-sections/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/writing/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/writing/library-structure/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/writing/markdown-and-metadata/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/writing/notes-and-warnings/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/writing/references/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/patterns/writing/tables-of-contents/index.html

@@ -93,6 +93,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/tags/library/index.html

@@ -91,6 +91,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/tags/markdown/index.html

@@ -91,6 +91,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/tags/metadata/index.html

@@ -91,6 +91,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/tags/structure/index.html

@@ -91,6 +91,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

docs/tags/stuff/index.html

@@ -91,6 +91,16 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>
 
     <div class="wrapper">

themes/infusion/layouts/partials/svg.html

@@ -56,4 +56,14 @@
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
    <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
  </symbol>
+
+ <symbol id="link" viewBox="0 0 50 50">
+  <g transform="translate(0 -1002.4)">
+   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+    <g>
+     <path d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+    </g>
+   </g>
+  </g>
+</symbol>
 </svg>

themes/infusion/static/css/styles.css

@@ -806,6 +806,22 @@ h1 svg {
   display: block;
 }
 
+/* Section links */
+
+.h2-container {
+  position: relative;
+  font-size: 1.66rem;
+}
+
+.h2-container a {
+  position: absolute;
+  margin-top: 0;
+  top: 0;
+  line-height: 1;
+  left: -1em;
+  border: 0;
+}
+
 @media (max-width: 45em) {
 
   [role="banner"] {

themes/infusion/static/js/dom-scripts.js

@@ -42,3 +42,31 @@
     }
   })
 }());
+
+/* Add "link here" links to <h2> headings */
+(function () {
+  var headings = document.querySelectorAll('main > h2')
+
+  Array.prototype.forEach.call(headings, function (heading) {
+    var id = heading.getAttribute('id')
+
+    if (id) {
+      var newHeading = heading.cloneNode(true)
+
+      var container = document.createElement('div')
+      container.setAttribute('class', 'h2-container')
+      container.appendChild(newHeading)
+
+      heading.parentNode.insertBefore(container, heading)
+
+      var link = document.createElement('a')
+      link.setAttribute('href', '#' + id)
+      link.setAttribute('aria-label', 'link for this section')
+      link.innerHTML = '<svg aria-hidden="true" viewBox="0 0 50 50"><use xlink:href="#link"></use></svg>'
+
+      container.appendChild(link)
+
+      heading.parentNode.removeChild(heading);
+    }
+  })
+}());