remove whitespace

public/index.html

@@ -179,12 +179,12 @@
           
   <main id="main">
     <h1>The Infusion Pattern Library Builder</h1>
-    <p>Welcome to <strong>Infusion</strong>: a pattern library builder with a focus on inclusive interface design. These are <strong>Infusion&rsquo;s</strong> docs, but they are also an example of a pattern library built with <strong>Infusion</strong>. Here&rsquo;s are some of the features:</p>
+    <p>Welcome to <strong>Infusion</strong>: a pattern library builder with a focus on inclusive interface design. These are <strong>Infusion&rsquo;s</strong> docs, but they are also an example of a pattern library built with <strong>Infusion</strong>. Here are some of the features:</p>
 
 <div class="ticks">
   <ul>
 <li>Built with Hugo, so easy to structure content and fast to compile it</li>
-<li>Include live code demos easily, using either CodePen embeds or via inline demo shortcodes (that use Shadow DOM)</li>
+<li>Include live code demos easily, using either CodePen embeds or via inline demo sections (that use Shadow DOM)</li>
 <li>Quickly include WCAG and Inclusive Design Principles references by key</li>
 <li>Easily make sections collapsible without writing HTML</li>
 <li>Choose between plain or line-numbered code blocks</li>
@@ -194,6 +194,53 @@
 </div>
 
 
+<p>To get started, take a look at 
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <a class="pattern-link" href="https://heydon.github.io/infusion/patterns/installation/">
+      <svg class="bookmark" aria-hidden="true" height="50" width="40" viewBox="0 0 40 50">
+        <use xlink:href="#bookmark"></use>
+      </svg>
+      Installation
+    </a>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+.</p>
+
   </main>
 
           <footer role="contentinfo">

themes/infusion/layouts/shortcodes/pattern.html

@@ -2,10 +2,6 @@
 {{ range .Site.Pages }}
   {{ if eq .Title $title }}
     <a class="pattern-link" href="{{ .Permalink }}">
-      <svg class="bookmark" aria-hidden="true" height="50" width="40" viewBox="0 0 40 50">
-        <use xlink:href="#bookmark"></use>
-      </svg>
-      {{ .Title }}
-    </a>
+      <svg class="bookmark" aria-hidden="true" height="50" width="40" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>{{ .Title }}</a>
   {{ end }}
 {{ end }}