Render heading anchors with new render hook

This removes the old javascript code that adds heading anchor links and
replaces it with the new render-heading template. This means the markup
is generated statically and doesn't depend on javascript.

assets/css/_anchorforid.css → assets/css/_header-link.css

@@ -1,4 +1,3 @@
-
 .header-link:after {
   position: relative;
   left: 0.5em;

assets/css/main.css

@@ -2,7 +2,7 @@
 @import '_tachyons';
 
 /* purgecss start ignore */
-@import '_anchorforid';
+@import '_header-link';
 @import '_animation';
 @import '_documentation-styles';
 
@@ -36,4 +36,4 @@
 .mw-90 {
   max-width:90%;
 }
-/* purgecss end ignore */
+/* purgecss end ignore */

assets/index.js

@@ -1,6 +1,5 @@
 require("typeface-muli")
 import styles from './css/main.css';
-import './js/anchorforid.js'
 import './js/clipboardjs.js'
 import './js/codeblocks.js'
 import './js/docsearch.js'
@@ -11,6 +10,3 @@ import './js/scrolldir.js'
 import './js/smoothscroll.js'
 import './js/tabs.js'
 import './js/nojs.js'
-
-
-

assets/js/main.js

@@ -1,5 +1,4 @@
 import styles from './../css/main.css';
-import './anchorforid.js'
 import './clipboardjs.js'
 import './codeblocks.js'
 import './docsearch.js'
@@ -10,9 +9,7 @@ import './smoothscroll.js'
 import './tabs.js'
 import './nojs.js'
 
-
-
-// TO use Jquery, just call the modules you want
+// TO use jQuery, just call the modules you want
 // var $ = require('jquery/src/core');
 // require('jquery/src/core/init');
 // require('jquery/src/manipulation');

assets/output/css/app.css

@@ -5280,3 +5280,4 @@ code, .code, pre code, .highlight pre  {
   max-width:90%;
 }
 /* purgecss end ignore */
+

layouts/_default/_markup/render-heading.html

@@ -0,0 +1,5 @@
+<h{{ .Level }} id="{{ .Anchor | safeURL }}">{{ .Text | safeHTML }}
+{{- if and (ge .Level 2) (le .Level 4) }}{{" " -}}
+<a class="header-link" href="#{{ .Anchor | safeURL }}"><svg class="fill-current o-60 hover-accent-color-light" height="22px" viewBox="0 0 24 24" width="22px" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a>
+{{- end -}}
+</h{{ .Level }}>