Deploy preview for PR 2284 🛫

pr-preview/pr-2284/user-documentation/iiif/index.html

@@ -1424,6 +1424,40 @@
     Using IIIF in the Islandora Starter Site
   </a>
 
+    <nav class="md-nav" aria-label="Using IIIF in the Islandora Starter Site">
+      <ul class="md-nav__list">
+
+          <li class="md-nav__item">
+  <a href="#contexts-and-mirador-default" class="md-nav__link">
+    Contexts and Mirador (default)
+  </a>
+
+</li>
+
+          <li class="md-nav__item">
+  <a href="#openseadragon-viewer-optional" class="md-nav__link">
+    OpenSeadragon Viewer (optional)
+  </a>
+
+</li>
+
+      </ul>
+    </nav>
+
+</li>
+
+        <li class="md-nav__item">
+  <a href="#looking-under-the-hood-and-beyond" class="md-nav__link">
+    Looking under the hood (and beyond)
+  </a>
+
+</li>
+
+        <li class="md-nav__item">
+  <a href="#resources" class="md-nav__link">
+    Resources
+  </a>
+
 </li>
 
     </ul>
@@ -2406,6 +2440,40 @@
     Using IIIF in the Islandora Starter Site
   </a>
 
+    <nav class="md-nav" aria-label="Using IIIF in the Islandora Starter Site">
+      <ul class="md-nav__list">
+
+          <li class="md-nav__item">
+  <a href="#contexts-and-mirador-default" class="md-nav__link">
+    Contexts and Mirador (default)
+  </a>
+
+</li>
+
+          <li class="md-nav__item">
+  <a href="#openseadragon-viewer-optional" class="md-nav__link">
+    OpenSeadragon Viewer (optional)
+  </a>
+
+</li>
+
+      </ul>
+    </nav>
+
+</li>
+
+        <li class="md-nav__item">
+  <a href="#looking-under-the-hood-and-beyond" class="md-nav__link">
+    Looking under the hood (and beyond)
+  </a>
+
+</li>
+
+        <li class="md-nav__item">
+  <a href="#resources" class="md-nav__link">
+    Resources
+  </a>
+
 </li>
 
     </ul>
@@ -2457,8 +2525,9 @@ <h2 id="using-iiif-in-islandora">Using IIIF in Islandora<a class="headerlink" hr
 <li>if using the viewer to show multi-paged content, install the <a href="https://github.com/Islandora/islandora/tree/2.x/modules/islandora_iiif">Islandora IIIF</a> module and create a IIIF view (see the one in the Starter Site as an example), then configure the viewer's <em>block</em> to show up where desired (see below for details on how it could be configured)</li>
 </ul>
 <h2 id="using-iiif-in-the-islandora-starter-site">Using IIIF in the Islandora Starter Site<a class="headerlink" href="#using-iiif-in-the-islandora-starter-site" title="Permanent link">&para;</a></h2>
-<h1 id="contexts">Contexts<a class="headerlink" href="#contexts" title="Permanent link">&para;</a></h1>
-<p>The Islandora Starter Site uses a Context to automatically use the IIIF Presentation API with the <strong>Mirador viewer</strong> for showing <a href="../paged-content">paged content</a>.</p>
+<p><img alt="Mirador rendering book pages" src="../../assets/iiif-mirador-paged.png" /></p>
+<h3 id="contexts-and-mirador-default">Contexts and Mirador (default)<a class="headerlink" href="#contexts-and-mirador-default" title="Permanent link">&para;</a></h3>
+<p>The Islandora Starter Site uses a Context to automatically use the IIIF Presentation API with the Mirador viewer for showing <a href="../paged-content">paged content</a>.</p>
 <p>To use this Context, give your book or newspaper (or other paged content) a model of "Paged Content" or "Publication Issue". To double-check this, in the <em>Mirador Block - Multipaged items</em> Context, you should see those terms used in the "Node has term" condition (you can register more than one term there, and having one of these on your node will activate this Context). Now, when you view a paged content Islandora node, you will see service files of all of its child pages (assuming you have added some child pages to the object) in the Mirador viewer as illustrated above.</p>
 <p>If you are using the Mirador viewer, it enables a lot of features out of the box, including the strip of thumbnails at the bottom, and there is little to configure. </p>
 <h3 id="openseadragon-viewer-optional">OpenSeadragon Viewer (optional)<a class="headerlink" href="#openseadragon-viewer-optional" title="Permanent link">&para;</a></h3>