Make it easier to link to headings

briankoser commented 8 years ago

https://github.com/Automattic/jquery-anchorify

https://github.com/majodev/metalsmith-headings-identifier
[ ] Add IDs to each subheader
[ ] Add pilcrows on hover/click
[ ] Choose what font to use for pilcrows
[ ] Clicking pilcrow copies link to clipboard

From [Emmet}(http://docs.emmet.io/) CSS:

<h2><a name="elements" href="#elements" class="anchor"></a>Elements</h2>

.anchor {
    color: inherit;
    display: inline-block;
    margin-left: -1em;
    opacity: 0;
    position: absolute;
    width: 1em;
}

.anchor:before {
    content: '¶';
}

*:hover > .anchor,
.anchor:hover {
    opacity: 0.8;
}

briankoser commented 8 years ago

https://github.com/briankoser/kotangent-jekyll/issues/28

briankoser commented 8 years ago

Probably will need a metalsmith plugin to add the IDs

briankoser / koser.us-metalsmith

Make it easier to link to headings #17