Make heading anchor icons visible when focused. Unset paper plane color.

_includes/about-me.html

@@ -12,8 +12,7 @@ <h2>CV</h2>
 
 <p>If all of this somehow leaves your curiosity unsated, here's <a href="{{ '/cv' | relative_url }}">my CV</a>.</p>
 
-<h2>Other Pages</h2>
-
+<h2 id="other-pages">Other Pages</h2>
 <ul>
     <li>my <a href="{{ '/now' | relative_url }}">/Now</a> page</li>
     <li>my <a href="{{ '/reading' | relative_url }}">/Reading</a> page</li>

_includes/article_author.html

@@ -1,4 +1,4 @@
 {% assign author = page.author | default: page.authors[0] | default: site.author %}
 {% assign author = site.data.authors[author] | default: author %}
 
-<p itemscope itemtype="https://schema.org/Person" class="p-author h-card" rel="author" style="padding-bottom: .5em;"><i class="fas fa-paper-plane" aria-hidden="true" style="color: #eaeaea;"></i><strong> By: </strong><a href="{{ '/' | relative_url }}" itemprop="url" rel="me">Ryan P. Randall</a></p>
+<p itemscope itemtype="https://schema.org/Person" class="p-author h-card" rel="author" style="padding-bottom: .5em;"><i class="fas fa-paper-plane" aria-hidden="true" ></i><strong> By: </strong><a href="{{ '/' | relative_url }}" itemprop="url" rel="me">Ryan P. Randall</a></p>

assets/css/main.scss

@@ -134,4 +134,15 @@ h2 {
 
 .notice--danger {
   @include notice($danger-color);
+}
+
+/* make heading link icons visible when focused */
+
+.page__content h1 .header-link:focus-visible,
+.page__content h2 .header-link:focus-visible,
+.page__content h3 .header-link:focus-visible,
+.page__content h4 .header-link:focus-visible,
+.page__content h5 .header-link:focus-visible,
+.page__content h6 .header-link:focus-visible {
+    opacity: unset;
 }

assets/css/main2.scss

@@ -24,4 +24,15 @@
 
 .notice a:hover {
     color: #b56c3b;
+}
+
+/* make heading link icons visible when focused */
+
+.page__content h1 .header-link:focus-visible,
+.page__content h2 .header-link:focus-visible,
+.page__content h3 .header-link:focus-visible,
+.page__content h4 .header-link:focus-visible,
+.page__content h5 .header-link:focus-visible,
+.page__content h6 .header-link:focus-visible {
+    opacity: unset;
 }