annona, clover

IIIF · May 22, 2024 · b4e57cc · b4e57cc
1 parent 13eab9e
commit b4e57cc
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 1 deletion.
diff --git a/dhsi/day-two/annona.md b/dhsi/day-two/annona.md
@@ -0,0 +1,47 @@
+# Annona
+Annona only works with images. It also works with IIIF collections and annotations.
+
+## Creating/Embedding an Annona page
+1. Create a file called `annona.html`
+2. Copy the code into file
+```
+<html>
+  <head>
+    <title>Annona viewer</title>
+    <meta charset="UTF-8" />
+  </head>
+  <body>
+    <script src="https://ncsu-libraries.github.io/annona/dist/annona.js"></script> <link rel="stylesheet" type="text/css" href="https://ncsu-libraries.github.io/annona/dist/annona.css">
+ 
+    <iiif-storyboard url="https://iiif.bodleian.ox.ac.uk/iiif/manifest/748a9d50-5a3a-440e-ab9d-567dd68b6abb.json"></iiif-storyboard>
+  </body>
+</html>
+```
+3. Open in the browser
+
+## Embedding with a URL
+1. Copy the code below into your `annona.html` file
+
+```
+<iframe scr="replacewithmanifesturl"></iframe>
+```
+
+1. Go to [https://ncsu-libraries.github.io/annona/tools/#/tag-builder?url=&viewtype=&manifesturl=&settings=%7B%7D](https://ncsu-libraries.github.io/annona/tools/#/tag-builder?url=&viewtype=&manifesturl=&settings=%7B%7D)
+2. Enter your manifest url. https://iiif.bodleian.ox.ac.uk/iiif/manifest/748a9d50-5a3a-440e-ab9d-567dd68b6abb.json
+3. Select storyboard
+4. Click on the Copy URL button
+5. Replace replacewithmanifesturl with that copied url
+```
+<iframe scr="https://ncsu-libraries.github.io/annona/tools/#/display?url=https%3A%2F%2Fiiif.bodleian.ox.ac.uk%2Fiiif%2Fmanifest%2F748a9d50-5a3a-440e-ab9d-567dd68b6abb.json&viewtype=iiif-storyboard&manifesturl=&settings=%7B%22zoom%22%3A%22-2582.666666666666,-475.5555555555557,11841.333333333332,9511.11111111111%22,%22fullpage%22%3Atrue%7D"></iframe>
+```
+6. View.
+
+## Configuring
+1. Go to [https://ncsu-libraries.github.io/annona/tools/#/tag-builder?url=&viewtype=&manifesturl=&settings=%7B%7D](https://ncsu-libraries.github.io/annona/tools/#/tag-builder?url=&viewtype=&manifesturl=&settings=%7B%7D)
+2. Enter your manifest url. https://iiif.bodleian.ox.ac.uk/iiif/manifest/748a9d50-5a3a-440e-ab9d-567dd68b6abb.json
+3. Select storyboard
+4. Update the view to reflect how you would like the page to load.
+5. Click Copy Tag (reating/Embedding an Annona page) or Copy URL button (iframe option) and embed.
+
+
+
diff --git a/dhsi/day-two/clover.md b/dhsi/day-two/clover.md
@@ -0,0 +1,19 @@
+# Clover
+
+## Embedding clover
+
+```
+<html>
+  <head>
+    <title>Clover IIIF - Viewer - Web Component</title>
+    <meta charset="UTF-8" />
+  </head>
+  <body>
+    <script src="https://www.unpkg.com/@samvera/clover-iiif@latest/dist/web-components/index.umd.js"></script>
+ 
+    <clover-viewer
+      id="https://api.dc.library.northwestern.edu/api/v2/works/8a833741-74a8-40dc-bd1d-c416a3b1bb38?as=iiif" 
+    />
+  </body>
+</html>
+```
diff --git a/dhsi/day-two/uv.md b/dhsi/day-two/uv.md
@@ -47,6 +47,7 @@ Documentation on more complex embeddings can be found on the [UV wiki.](https://
 ## Embedding Universal Viewer
 1. Create and open in VSCode a file named `uv-embed.html`
 2. Copy the code into your browser
+
 ```
 <!DOCTYPE html>
 <html lang="en">
@@ -72,8 +73,8 @@ Documentation on more complex embeddings can be found on the [UV wiki.](https://
     </html>
   </body>
 </html>
-
 ```
+
 3. Open the file in your browser. `open uv-embed.html`
 
 ## Configuring UV