Move heading text into anchor link

[LJWatson]

The first <h2> on some pages contains two pieces of information: the "about" text and the "permalink" anchor. In some screen readers, this causes the heading to be broken down into its component parts.

<h2 class="col-xs-12">About <a href="#about" class="permalink">⚓</a></h2>

Suggest including "About" inside the anchor:

<h2 class="col-xs-12"><a href="#about" class="permalink">About ⚓</a></h2>

It would also be a good idea to hide the anchor symbol from screen readers. Screen readers will identify the link based on the <a>, making the anchor symbol a largely visual reference:

<h2 class="col-xs-12"><a href="#about" class="permalink">About <span aria-hidden="true">⚓</span></a></h2>

Note: aria-hidden should not be used to hide the anchor symbol, if the symbol is the only content of the link.