bookmark icons for pattern <h1>s

docs/css/styles.css

@@ -451,12 +451,6 @@ caption {
   margin: 0;
 }
 
-.tag-icon {
-  height: 1em;
-  width: auto;
-  vertical-align: middle;
-}
-
 .tags strong {
   margin-right: 0.25rem;
 }
@@ -765,14 +759,16 @@ p:empty {
 
 /* SVG icons */
 
-a svg, button svg {
+a svg, button svg, h1 svg {
   height: 0.75em;
   width: auto;
   margin-right: 0.25em;
 }
 
 h1 svg {
-  vertical-align: -0.5rem;
+  height: 1em;
+  margin-right: 0;
+  vertical-align: middle;
 }
 
 /* color palettes */

docs/patterns/coding/code-blocks/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Code blocks</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Code blocks
+    </h1>
     
     
       

docs/patterns/coding/color-palettes/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Color palettes</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Color palettes
+    </h1>
     
     
       

docs/patterns/coding/command-line/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Command line</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Command line
+    </h1>
     
     
       

docs/patterns/coding/demo-embedding/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Demo embedding</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Demo embedding
+    </h1>
     
     
       

docs/patterns/coding/file-trees/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>File trees</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      File trees
+    </h1>
     
     
       

docs/patterns/coding/tested/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Tested using...</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Tested using...
+    </h1>
     
     
       

docs/patterns/coding/writing-inline-demos/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Writing inline demos</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Writing inline demos
+    </h1>
     
     
       

docs/patterns/installation/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Installation</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Installation
+    </h1>
     
     
       

docs/patterns/library-setup/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Library setup</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Library setup
+    </h1>
     
     
       

docs/patterns/media/including-images/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Including images</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Including images
+    </h1>
     
     
       

docs/patterns/media/including-videos/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Including videos</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Including videos
+    </h1>
     
     
       

docs/patterns/serving/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Serving</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Serving
+    </h1>
     
     
       

docs/patterns/writing/expandable-sections/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Expandable sections</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Expandable sections
+    </h1>
     
     
       

docs/patterns/writing/library-structure/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Library structure</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Library structure
+    </h1>
     
       <div class="tags">
         <strong aria-hidden="true">Tags: </strong>

docs/patterns/writing/markdown-and-metadata/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Markdown &amp; metadata</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Markdown &amp; metadata
+    </h1>
     
       <div class="tags">
         <strong aria-hidden="true">Tags: </strong>

docs/patterns/writing/notes-and-warnings/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Notes &amp; warnings</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Notes &amp; warnings
+    </h1>
     
     
       

docs/patterns/writing/references/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>References</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      References
+    </h1>
     
     
       

docs/patterns/writing/tables-of-contents/index.html

@@ -282,7 +282,10 @@
         <div>
           
   <main id="main">
-    <h1>Tables of contents</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      Tables of contents
+    </h1>
     
     
       

themes/infusion/layouts/patterns/single.html

@@ -1,6 +1,9 @@
 {{ define "main" }}
   <main id="main">
-    <h1>{{ .Title }}</h1>
+    <h1>
+      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg> 
+      {{ .Title }}
+    </h1>
     {{ if isset .Params "tags" }}
       <div class="tags">
         <strong aria-hidden="true">Tags: </strong>

themes/infusion/static/css/styles.css

@@ -451,12 +451,6 @@ caption {
   margin: 0;
 }
 
-.tag-icon {
-  height: 1em;
-  width: auto;
-  vertical-align: middle;
-}
-
 .tags strong {
   margin-right: 0.25rem;
 }
@@ -765,14 +759,16 @@ p:empty {
 
 /* SVG icons */
 
-a svg, button svg {
+a svg, button svg, h1 svg {
   height: 0.75em;
   width: auto;
   margin-right: 0.25em;
 }
 
 h1 svg {
-  vertical-align: -0.5rem;
+  height: 1em;
+  margin-right: 0;
+  vertical-align: middle;
 }
 
 /* color palettes */