Add an anchor link reference to section headers.

section_anchor.js

[].forEach.call(document.querySelectorAll('h1,h2'), function(el) {
    var section_anchor = document.createElement('a');
    section_anchor.setAttribute('class', 'section_anchor');
    section_anchor.setAttribute('title', 'Permalink');
    section_anchor.setAttribute('href', '#' + el.id);
    section_anchor.appendChild(document.createTextNode('¶'));
    section_anchor.style.visibility = 'hidden';
    el.appendChild(section_anchor);

    el.addEventListener('mouseover', function() {
        section_anchor.style.visibility = 'visible';
    }, false);
    el.addEventListener('mouseout', function() {
        section_anchor.style.visibility = 'hidden';
    }, false);
});

ugly_jquery.js

/* I used this (ugly) jQuery version first, but using jQuery only for this wasn't worth it */
$('h1,h2').each(function() {
    $('<a class="section_anchor">&para;</a>').attr('title', 'Permalien').attr('href', '#' + this.id).appendTo(this).hide();

    $(this).hover(function() {
        $(this).find('a').show();
    }, function() {
        $(this).find('a').hide();
    });
});