Sample pre-loaded annotations can be viewed by toggling the button on the top left of the viewer.

Switch between objects by clicking in the top left corner, followed by Replace Object .

2. Add Annotations

Make sure you are on Image View then toggle the Annotation panel.

Add one or more annotations to one or more pages. Then click the ‘view cached annotation JSON’ button below.

*Note: This will only include new annotations added in the browser.

3. Store Annotations

1. Make sure you a running a modern version of Ruby (v2 or later) and have Jekyll installed.

2. Clone the demo site repository onto your local machine and open it in a text editor like Atom.

3. Serve the site locally by moving into the site directory and running $ bundle install && bundle exec jekyll serve

4. Add some new annotations by following the instructions above.

5. Continue to add or delete annotations. When you are ready, click ‘view cached annotation JSON’ again then download the data for each canvas.

6. Clear the cached annotations from your browser storage. (In Chrome, right click > Inspect > Application > Clear Storage > Clear site data). Your annotations will be gone at this point.

7. Stop the Jekyll serve command. (CTRL-C on Mac)

8. Drag the downloaded JSON files into correct folder within the annotation annotation directory of the demo site repository. (Either bnf640 or haemisphaerium. Do not put them into any subfolders.)

9. Run $ bundle exec rake. This will store your annotations in subfolders and create a copy of the IIIF manifest that will reference them.

10. Serve the site again with $ bundle exec jekyll serve. Your annotations will be back and permanent!

11. Want to add more annotations? Follow the same process and drag new files into the annotations folder. This will not overwrite any existing annotation data.