Simple Mirador - The Complex Example

This extension uses the IIIF image viewer Mirador to produce a customised presentation of a bespoke selection of IIIF manifests[1]. It is an example of a special page that can be added and presented using the simple-site project.

For more information about the simple-site project and details about how this example work please see the simple-site webpages.

The Viewer



Display the full code used to define this page.

Page JSON Object

{
    "parent": "examples",
    "class": "mirador",
    "file": "mirador-complex.json",
    "title": "<b>Simple Mirador</b> - The Complex Example",
    "content": "<p>This extension uses the [IIIF|https://iiif.io] image viewer [Mirador|https://projectmirador.org/] to produce a customised presentation of a bespoke selection of IIIF manifests[@@IIIF manifests are simply a structured list of web based images resources that can be viewed in a IIIF compliant viewer, for more details see https://iiif.io/api/presentation/2.1/#table-of-contents]. It is an example of a special page that can be added and presented using the [simple-site|https://github.com/jpadfield/simple-site] project.</p>\r\n\r\n<p><b>For more information about the simple-site project and details about how this example work please see the [simple-site webpages|https://jpadfield.github.io/simple-site/].</b></p>\r\n\r\n<div class=\"alert alert-info\" role=\"alert\"><h4 class=\"alert-heading\">Summary</h4><p>This complex example page has been created using all of the available options in the [mirador JSON file|https://jpadfield.github.io/simple-site/Mirador_IIIF_viewer.html].</p></div>\r\n\r\n<h3>The Viewer</h3>\r\n[##]",
    "content right": "",
    "copy": false,
    "displaycode": true
}
The complete JSON object used to define this content and layout of this page.

Extra extension file

{
    "catalog": [
        {
            "manifestID": "https://data.getty.edu/museum/api/iiif/865/manifest.json"
        },
        {
            "manifestID": "https://data.getty.edu/museum/api/iiif/248/manifest.json"
        },
        {
            "manifestID": "https://media.nga.gov/public/manifests/nga_highlights.json"
        },
        {
            "manifestID": "https://iiif.harvardartmuseums.org/manifests/object/299964"
        },
        {
            "manifestID": "https://collections.frick.org/apis/iiif/presentation/v2/objects-266/manifest"
        },
        {
            "manifestID": "https://media.ng-london.org.uk/iiif/001-043H-0000/manifest.json"
        }
    ],
    "windows": [
        {
            "id": "a",
            "manifestId": "https://data.getty.edu/museum/api/iiif/865/manifest.json"
        },
        {
            "id": "b",
            "manifestId": "https://data.getty.edu/museum/api/iiif/248/manifest.json"
        },
        {
            "id": "c",
            "manifestId": "https://media.nga.gov/public/manifests/nga_highlights.json",
            "canvasId": "https://media.nga.gov/public/manifests/canvas/1225.json"
        },
        {
            "id": "d",
            "manifestId": "https://iiif.harvardartmuseums.org/manifests/object/299964"
        },
        {
            "id": "e",
            "manifestId": "https://collections.frick.org/apis/iiif/presentation/v2/objects-266/manifest"
        },
        {
            "id": "f",
            "manifestId": "https://media.ng-london.org.uk/iiif/001-043H-0000/manifest.json",
            "canvasId": "https://media.ng-london.org.uk/public/manifests/sequence/srv/009-01XE-0000/normal.json"
        }
    ],
    "workspace": {
        "layout": {
            "direction": "row",
            "first": {
                "first": "a",
                "second": "d",
                "direction": "column"
            },
            "second": {
                "first": {
                    "first": "b",
                    "second": "e",
                    "direction": "column"
                },
                "second": {
                    "first": "c",
                    "second": "f",
                    "direction": "column"
                },
                "direction": "row"
            },
            "splitPercentage": 33.33
        }
    }
}
The complete extension file used to define extra content included in this page.