From b9e82243041eca9c20513dbdd7c4654edc2fe1ee Mon Sep 17 00:00:00 2001 From: "Jeffrey C. Witt" Date: Wed, 22 May 2024 13:16:37 -0400 Subject: [PATCH] added another example --- .../day-one/custom-viewer-demos/example1.html | 4 +- dhsi/day-one/custom-viewer-demos/image2.html | 240 ++++++++++++++++++ dhsi/day-one/exercise.md | 2 +- 3 files changed, 243 insertions(+), 3 deletions(-) create mode 100644 dhsi/day-one/custom-viewer-demos/image2.html diff --git a/dhsi/day-one/custom-viewer-demos/example1.html b/dhsi/day-one/custom-viewer-demos/example1.html index 06a7aae4..908b8efa 100644 --- a/dhsi/day-one/custom-viewer-demos/example1.html +++ b/dhsi/day-one/custom-viewer-demos/example1.html @@ -9,8 +9,8 @@

Table of contents

Image1 - - + + Image2 diff --git a/dhsi/day-one/custom-viewer-demos/image2.html b/dhsi/day-one/custom-viewer-demos/image2.html new file mode 100644 index 00000000..ff6e5e90 --- /dev/null +++ b/dhsi/day-one/custom-viewer-demos/image2.html @@ -0,0 +1,240 @@ + + + + + +

Image 2 Example

+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit +
+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit +
+
+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit +
+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit +
+
+
+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit +
+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit +
+
+
+
+

Descriptions

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+
+

Descriptions

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+ +
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit +
+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit +
+
+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit +
+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit +
+
+
+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit +
+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit +
+
+
+ +
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+
+ +
+ + +``` \ No newline at end of file diff --git a/dhsi/day-one/exercise.md b/dhsi/day-one/exercise.md index a9c3394a..6e185b1d 100644 --- a/dhsi/day-one/exercise.md +++ b/dhsi/day-one/exercise.md @@ -110,7 +110,7 @@ That's a great start. There's a ton more we can do here, but let's pause and cre 1. Use the IIIF Image API url parameters to create lots of version of the same image, offering your users lots of perspectives. 2. Add labels and descriptions that you think will help your user. 3. Are there any navigation links you need to add here? (E.g. "Next", "Previous", "Home") - 4. See my image 1 example for inspiration + 4. See my image 1 example or image 2 example for inspiration. 6. Once you've finished one page, do a "save as" and make a new file called `image2.html` and then modify to display image 2. Do this for all five of your images. ### 3. Reflection