screenshot of PWA in setup

content/patterns/library-setup.md

@@ -52,6 +52,10 @@ theme = "infusion"
   {...
 ```
 
+{{% figure caption="Infusion's Docs, with `short_name` displayed, available from the homescreen of a Samsung/Android phone." %}}
+![Teacup Infusion app icon with Infusion Docs written underneath](/images/samsung_homescreen.png)
+{{% /figure %}}
+
 {{% note %}}
 The `short_name` value refers to the text that appears under the icon on your homescreen. As the name suggests, it should be as short as possible to fit well.
 {{% /note %}}

docs/patterns/library-setup/index.html

@@ -453,6 +453,16 @@ theme = "infusion"
   {...
 </code></pre>
 
+
+<figure role="group" aria-describedby="caption-03325ddc8789017ca57eca6c29556ca2">
+  <p><img src="https://thepaciellogroup.github.io/infusion/images/samsung_homescreen.png" alt="Teacup Infusion app icon with Infusion Docs written underneath" /></p>
+
+  <figcaption id="caption-03325ddc8789017ca57eca6c29556ca2">
+    Infusion&rsquo;s Docs, with <code>short_name</code> displayed, available from the homescreen of a Samsung/Android phone.
+  </figcaption>
+</figure>
+
+
 <aside aria-label="note" class="note">
   <div>
     <svg aria-hidden="true" viewBox="0 0 41.667306 41.66729" focusable="false">

docs/print-version/index.html

@@ -487,6 +487,16 @@ theme = "infusion"
   {...
 </code></pre>
 
+
+<figure role="group" aria-describedby="caption-03325ddc8789017ca57eca6c29556ca2">
+  <p><img src="https://thepaciellogroup.github.io/infusion/images/samsung_homescreen.png" alt="Teacup Infusion app icon with Infusion Docs written underneath" /></p>
+
+  <figcaption id="caption-03325ddc8789017ca57eca6c29556ca2">
+    Infusion&rsquo;s Docs, with <code>short_name</code> displayed, available from the homescreen of a Samsung/Android phone.
+  </figcaption>
+</figure>
+
+
 <aside aria-label="note" class="note">
   <div>
     <svg aria-hidden="true" viewBox="0 0 41.667306 41.66729" focusable="false">