wax_theme 0.1.0.beta → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: aa9a6857649cb23dbdc23fb3c4b0be7460d3920c385564a0aa6cc9c80ad6311e
-  data.tar.gz: 47c614ad3a62b4275902e874b7de5dced1891ff5758108397595f6985ecb31d7
+  metadata.gz: a6779ec1f783cc81ba21e34042f3a7cd5d550f2ef756f4ce1e8fd171deaf881f
+  data.tar.gz: 3b64cc64525e2426f26c1a8651962fca580eae788ef533135029e1f442a4d391
 SHA512:
-  metadata.gz: 2f0f4cd7ff7d4b6eb9e71a37b424e63d92c286d750eb80e019a3eae22d59d0baaae145e9e1aff85a4b9ea10dd2856b28608d730e2a7e6a7263a70f5cfb1d8a8a
-  data.tar.gz: 2a8fd84ade4a899d465eca761233c008075db82e1aa4ae21491d54e0ac16dcc6cd5dd0839bac651ed52cdb13c66b9aa69fbe71c24fe6e4a13780f77392060f04
+  metadata.gz: 90a960b9eb0a8a138378da5c926a25d6b44fc6d3a005eca6b87cc22e7e975006531085e96bac9617436f8e1f42bc2cf5d64b0226abee8c2b0235a4f0a452dba2
+  data.tar.gz: 02c8c9f66da3bc63eefbc89209273e49fed2c9c38b458df57c3178d9a449ccc1a710ec37b95af81e8aeb179bf1e78299a009608fe0dcd83c0ce01b3811ad906c

data/LICENSE.txt

@@ -1,3 +1,4 @@
+
 The MIT License (MIT)
 
 Copyright (c) 2018 mnyrop

data/README.md

@@ -1,50 +1,131 @@
-# wax_theme 🐝
+# minicomp/wax 🐝
 
-[![Gem Version](https://badge.fury.io/rb/wax_theme.svg)](https://badge.fury.io/rb/wax_tasks) ![License](https://img.shields.io/badge/license-MIT-yellowgreen.svg) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![docs](http://img.shields.io/badge/docs-rdoc.info-blue.svg)](https://www.rubydoc.info/github/mnyrop/wax_tasks/)
+[![Gem Version](https://badge.fury.io/rb/wax_theme.svg)](https://badge.fury.io/rb/wax_tasks)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+[![CI:Test](https://github.com/minicomp/wax/workflows/ci:test/badge.svg)](https://github.com/minicomp/wax/actions?query=workflow%3Aci%3Atest)
+[![Depfu](https://badges.depfu.com/badges/9d4da973f2cd2680c11ca34738c2dfb2/overview.svg)](https://depfu.com/github/minicomp/wax?project_id=10550)
+[![Gem Downloads](https://img.shields.io/gem/dt/wax_theme.svg?color=046d0b)](https://badge.fury.io/rb/wax_theme)
+[![Join the chat the minicomp-wax channel of the Code4Lib Slack](https://img.shields.io/badge/Slack-%23minicomp--wax-brightgreen.svg)](https://docs.google.com/forms/d/e/1FAIpQLSeD77mBp0Y13mFePF8UmDwFrlbxNx3VttEjz_3dgglJeK-Zbg/viewform?c=0&w=1)
+![License](https://img.shields.io/github/license/minicomp/wax_tasks.svg?color=c6a1e0)
 
-[![Build Status](https://travis-ci.org/mnyrop/wax_theme.svg?branch=rubocop)](https://travis-ci.org/mnyrop/wax_theme) [![](https://img.shields.io/librariesio/github/mnyrop/wax_theme.svg)](https://libraries.io/github/mnyrop/wax_theme)
 
-__wax_theme__ is a gem packaged [Jekyll](https://jekyllrb.com/) theme for [Minicomp/Wax](https://github.com/minicomp/wax/).
 
-It includes components specifically tailored for minimal scholarly exhibition sites, including IIIF and flat image viewers, faceted galleries, parallax banners, dynamic search boxes, data tables, and more.
 
-For a demo, visit https://minicomp.github.io/wax/.
+
+__Wax is an extensible workflow for producing scholarly exhibitions with minimal computing principles.__<br>
+It's comprised of: __a few Ruby gems__ for processing image data and associated metadata ([wax_tasks](https://github.com/minicomp/wax_tasks/), [wax_iiif](https://github.com/minicomp/wax_iiif/)), __a Jekyll theme__ ([wax_theme](https://github.com/minicomp/wax/)), and (hopefully soon!) a lot of __documentation and recipes__ for creating, deploying, and maintaining digital exhibitions.
+
+
+- [Prerequisites](#Prerequisites)
+- [Getting Started](#Getting-Started)
+- [Using Docker](#Using-Docker)
+- [Contributing](#Contributing)
+
+<br>
 
 <a href="https://minicomp.github.io/wax/">
-  <img src="https://raw.githubusercontent.com/minicomp/wiki/master/docs/assets/wax_screen.gif"/>
+  <img src="https://raw.githubusercontent.com/minicomp/wiki/main/src/assets/wax_screen.gif?raw=true"/>
 </a>
 
-## Installation
+<br>
 
-Add this line to your Jekyll site's `Gemfile`:
+# Prerequisites
 
-```ruby
-gem "wax_theme"
+
+You'll need `git` and `ruby >= 3.2` with `bundler` installed.
+These dependencies can either be installed natively on your system or within a [Docker environment](#Using-Docker). For instructions, check the Wiki's [Setting up your system page](https://minicomp.github.io/wiki/wax/setting-up-your-system/).
+
+Check your versions with:
+
+```sh
+ruby -v
 ```
 
-And add this line to your Jekyll site's `_config.yml`:
+``` sh
+bundler -v
+```
 
-```yaml
-theme: wax_theme
+To process images, you will also need to have ImageMagick and Ghostscript installed and functional. You can check to see if you have ImageMagick by running:
+
+```sh
+convert -version
+```
+
+... and check Ghostscript with:
+``` sh
+gs -version
 ```
 
-And then execute:
+Vips will soon replace ImageMagick for Wax's image processing. If you're ahead of the curve, you can check your version with
+
+``` sh
+vips -v
+```
+
+# Getting Started
+
+__There are a few ways to get started with Wax, depending on your needs.__ Copyin the demo template is suggested for new users so you can see how a full Wax site would work. __Advanced Jekyllers__ can start from a clean Jekyll install. To start with the demo:
 
-    $ bundle
+1. Log into your [GitHub account](https://github.com/). (Or sign up if you don't have one!)
 
-Or install it yourself as:
+2. Head to the [Wax demo page](https://github.com/) and click **"Use this Template"** button. It will prompt you to create a copy of the repository in your own account. You should name it after the collection or exhibition you'll make, since this name will inform your free URL for the project with GitHub. For this example, our repository is called **"my-wax-site"**.
 
-    $ gem install wax_theme
+3. On your own, new Wax repository page, click the Green **"Code"** button and copy the URL it provides to your clipboard, e.g,
+  ```sh
+  git@github.com:mnyrop/my-wax-site.git
+  ```
 
-## Usage
+4. Open your Terminal/Shell application and change directory into where you'd like to work on your project, e.g., your Desktop:
+  ```sh
+  cd ~/Desktop
+  ```
 
-TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+5. Run the `git clone` command plus the link you copied on your clipboard in one line, e.g.,
+  ```sh
+  git clone git@github.com:mnyrop/my-wax-site.git
+  ```
 
-## Contributing
+6. When the clone is complete, change directory into your newly cloned project folder, in our case:
+  ```sh
+  cd my-wax-site
+  ```
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/minicomp/wax_theme. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+7. Install the project-specific Ruby dependencies by running the command
+  ```sh
+  bundle install
+  ```
+
+8. Run the demo site:
+  ```sh
+  bundle exec jekyll serve
+  ```
+
+After the last step, the terminal will provide you with a localhost URL for you to see your local copy of the site on your browser. This is the template site you will make changes to in order to make your own exhibition. For more, check out the [Minicomp/Wax Wiki](https://minicomp.github.io/wiki/wax/).
+
+
+# Using Docker
+
+To use Wax in a container, make sure you are familiar with Docker and have [Docker installed](https://docs.docker.com/get-docker/).
+
+Run the "Getting Started" steps 1-6 above to copy and `cd` into the repo.  
+
+Next, build the `minicomp/wax` base image:
+```
+docker build -t minicomp/wax .
+```
+
+You will run all of the Wax tasks and commands within an interactive bash container, which you can create and access by running:
+```
+docker run -it --rm -v "$PWD":/wax --name wax -p 4000:4000 minicomp/wax bash
+```
+
+To serve the site, you can run the following command in the guest container and view it in your host browser:
+```
+bundle exec jekyll serve --host 0.0.0.0
+```
 
-## License
+You can exit the container at any time with `$ exit`, which will automatically stop and remove the container.
 
-The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+# Contributing
 
+We welcome contributions to Wax, including bug reports and feature requests (submitted as [Issues](https://github.com/minicomp/wax/issues)), code contributions (submitted as [Pull Requests](https://github.com/minicomp/wax/pulls)), and documentation updates (submitted however!) Not sure where to start? Feel free to get in touch via [GitHub issue](https://github.com/minicomp/wax/issues) or grab an invite to join the conversation on the `#minicomp-wax` channel of the [Code4Lib Slack](https://docs.google.com/forms/d/e/1FAIpQLSeD77mBp0Y13mFePF8UmDwFrlbxNx3VttEjz_3dgglJeK-Zbg/viewform?c=0&w=1).

data/_includes/collection_gallery.html

@@ -0,0 +1,70 @@
+{% assign collection = site[include.collection] %}
+{% assign undefined = include.undefined | default: 'undefined' %}
+{% assign id = include.id | default: include | jsonify | slugify %}
+
+{% if include.only.size > 0 %}
+  {% assign subset = collection | where: include.facet_by, include.only | sort: 'order' %}
+{% else %}
+  {% assign subset = nil %}
+{% endif %}
+
+<div id='{{ id }}-container' class='wax-gallery-container full-width'>
+  <div class='wax-inline-container'>
+    {% if include.facet_by %}
+    <div id="{{ id }}-facet-buttons" class="facet-buttons"></div>
+    {% endif %}
+    <div id="wax-gallery-{{ id }}" class="wax-gallery"></div>
+  </div>
+</div>
+
+{% if subset.size > 0 %}
+  <script type="text/javascript">
+    $( document ).ready(function() {
+      let container = $('#{{ id }}-container');
+      let gallery = $('#wax-gallery-{{ id }}');
+      let buttonDiv = $('#{{ id }}-facet-buttons');
+
+      {% for item in subset %}
+        {%- capture item_html -%}
+          "<div class='gallery-item {{ item[include.facet_by] | slugify }} all'><a href='{{ item.url | absolute_url }}'><div class='hovereffect'><img class='img-responsive gallery-thumb' src='{{ item.thumbnail | default: site.default_thumb | absolute_url }}' alt='{{ item.label | escape }}'/><div class='overlay'><p class='info'>{{ item.label | escape }}</p></div></div></a></div>"
+        {%- endcapture -%}
+        gallery.append({{ item_html | strip_newlines }});
+      {% endfor %}
+    });
+  </script>
+{% else %}
+  <script type="text/javascript">
+    $( document ).ready(function() {
+      let container = $('#{{ id }}-container');
+      let gallery = $('#wax-gallery-{{ id }}');
+      let buttonDiv = $('#{{ id }}-facet-buttons');
+
+
+      {% for item in collection %}
+        {%- capture item_html -%}
+          "<div class='gallery-item {{ item[include.facet_by] | default: undefined | slugify }} all'><a href='{{ item.url | absolute_url }}'><div class='hovereffect'><img class='img-responsive gallery-thumb' src='{{ item.thumbnail | default: site.default_thumb | absolute_url }}' alt='{{ item.label | escape }}'/><div class='overlay'><p class='info'>{{ item.label | escape }}</p></div></div></a></div>"
+        {%- endcapture -%}
+        gallery.append({{ item_html | strip_newlines }});
+      {% endfor %}
+
+      {% if include.facet_by %}
+        var facets = Array.from(new Set([{%- for item in collection -%}'{{ item[include.facet_by] | default: undefined | slugify }}'{% unless forloop.last %}, {% endunless %}{%- endfor -%}]));
+        buttonDiv.append("<button class='btn facet active' data-filter='all'>show all</button>");
+
+        for (i in facets) {
+          buttonDiv.append(`<button class='btn facet' data-filter='${facets[i]}'>${facets[i]}</button>`);
+        }
+
+        $(document).ready(function(){
+          $("#{{ id }}-container .facet").click(function(){
+            var filterValue = $(this).attr('data-filter');
+            $('#{{ id }}-container .facet').removeClass('active');
+            $(this).addClass('active');
+            if(filterValue == 'all') { $('#{{ id }}-container .all').show('slow'); }
+            else { $('#{{ id }}-container .all').hide('slow'); $(`.${filterValue}`).show('slow'); }
+          });
+        });
+      {% endif %}
+    });
+  </script>
+{% endif %}

data/_includes/{wax/footer.html → footer.html}

@@ -1,16 +1,16 @@
 <footer id='wax-footer' class='page-footer container-fluid'>
   <div class='wax-inline-container'>
     <div class='row'>
-      <!-- column 1-->
       <div class='col'>
         <p class='footer-title'>{{ site.title }}</p>
         <p class='footer-description'>{{ site.description }}</p>
         <p class='footer-copyright'>
+          {% if site.copyright.size > 0 %}
           &copy; {{ site.copyright }}<br>
+          {% endif %}
           Built with <a href='https://github.com/minicomp/wax/'>Minicomp/Wax</a>
         </p>
       </div>
-      <!-- column 2-->
       <div class='col'>
         <p class='footer-title'>Links</p>
         <p class='footer-links'>
@@ -24,8 +24,8 @@
         <p class='footer-logos'>
           {% for item in site.footer.logos %}
           {% assign link = item.link | default: '#' %}
-          <a href="{{ link | absolute_url }}">
-            <img src='{{ item.img | absolute_url }}' />
+          <a href="{{ link | absolute_url }}" aria-label="Logo link to resource">
+            <img src='{{ item.img | absolute_url }}' alt="logo"/>
           </a>
           {% endfor %}
         </p>

data/_includes/head.html

@@ -0,0 +1,13 @@
+<head>
+  <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>
+    {{ site.title }}{% if page.label %} | {{ page.label }}{% elsif page.title %} | {{ page.title }}{% endif %}
+  </title>
+
+  <link rel='canonical' href='{{ page.url | absolute_url }}'/>
+  <link rel='icon' type='image/png' href="{{ 'img/logo.png' | absolute_url }}">
+  <link rel='stylesheet' href="{{ '/assets/styles.css' | absolute_url }}"/>
+
+  <script type='text/javascript' src="{{ '/assets/jquery-3.2.1.min.js' | absolute_url }}"></script>
+</head>

data/_includes/{wax/header.html → header.html}

@@ -1,7 +1,6 @@
 <nav id='wax-header' class='navbar navbar-expand-lg navbar-light'>
  <div class='wax-inline-container'>
     <a class='navbar-brand' href="{{ '/' | absolute_url }}" title='Home'>
-      <img src="{{ '/assets/logo.png' | absolute_url }}" width='30' height='30' class='d-inline-block align-top' alt='logo'>
       {{ site.title | newline_to_br }}
     </a>
 
@@ -14,10 +13,10 @@
         {% for item in site.menu %}
           {% if item.sub %}
             <li class='nav-item dropdown'>
-              <a class='nav-link dropdown-toggle' href='#' id='wax-{{ item.label }}-dropdown' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
+              <a class='nav-link dropdown-toggle' href='#' id='wax-{{ item.label | slugify }}-dropdown' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
                 {{ item.label }}
               </a>
-              <div class='dropdown-menu' aria-labelledby='wax-{{ item.label }}-dropdown'>
+              <div class='dropdown-menu' aria-labelledby='wax-{{ item.label | slugify }}-dropdown'>
                 {% for sub in item.sub %}
                   <a class='dropdown-item' href='{{ sub.link | absolute_url }}'>{{ sub.label }}</a>
                 {% endfor %}
@@ -31,5 +30,5 @@
         {% endfor %}
       </ul>
     </div>
-   </div>
+  </div>
  </nav>

data/_includes/{wax/inline_image.html → inline_image.html}

@@ -2,11 +2,11 @@
 
 <div class='inline-image-reference'>
   <a href='{{ item.url | absolute_url }}'>
-    <img src='{{ item.full | absolute_url }}'/>
+    <img src='{{ item.full | absolute_url }}' alt="{{ item.label | escape }}"/>
   </a>
   {% if item.label %}
   <p class='image-caption'>
-    &#9432; Above: <a href='{{ item.url | absolute_url }}'>{{ item.label }}</a>
+    Above: <a href='{{ item.url | absolute_url }}'>{{ item.label }}</a>
   </p>
   {% endif %}
 </div>

data/_includes/{wax/collection/interactive_metadata.html → interactive_metadata_table.html}

@@ -1,8 +1,41 @@
-<link rel="stylesheet" type="text/css" href="{{ '/assets/css/datatables.css' | absolute_url }}">
-<script type="text/javascript" src="{{ 'assets/js/datatables.min.js' | absolute_url }}"></script>
+<link rel="stylesheet" type="text/css" href="{{ '/assets/datatables/datatables.css' | absolute_url }}" />
+<script type="text/javascript" src="{{ 'assets/datatables/datatables.min.js' | absolute_url }}"></script>
 
-<table id='{{ include.collection }}-datatable' class='datatable display'>
-  {% assign first_item = site.data[include.collection].first %}
+<table id='{{ include.collection }}-datatable' class='datatable display'></table>
+{% assign data = site.data[include.collection] %}
+{%- capture columns -%}
+  {%- for field in data.first -%}
+    {
+      "title": "{{ field[0] }}",
+      "data": "{{ field[0] }}"
+    }{% unless forloop.last %}, {% endunless %}
+  {%- endfor -%}
+{%- endcapture -%}
+
+<script>
+  $(document).ready(function () {
+    $('#{{ include.collection }}-datatable').DataTable({
+      data: {{ data | jsonify }},
+      columns: [{{ columns }}],
+      scrollY: 600,
+      scrollX: 600,
+      paging: false,
+      fixedHeader: false,
+      searching: false,
+      ordering:  false,
+      dom: 'Bfrtip',
+      buttons: [
+        'csvHtml5'
+      ]
+    });
+  });
+</script>
+
+
+
+
+{% comment %}
+{% assign first_item = site.data[include.collection].first %}
   <thead>
     <tr>
       {% for field in first_item %}
@@ -34,20 +67,4 @@
   {% endfor %}
   </tbody>
 </table>
-
-<script>
-  $(document).ready(function () {
-    $('#{{ include.collection }}-datatable').DataTable({
-      scrollY: 600,
-      scrollX: 600,
-      paging: false,
-      fixedHeader: false,
-      searching: false,
-      dom: 'Bfrtip',
-      buttons: [
-        'csvHtml5',
-        'copyHtml5'
-      ]
-    });
-  });
-</script>
+{% endcomment %}

data/_includes/item_metadata.html

@@ -0,0 +1,31 @@
+<dl class='metadata-block'>
+  {% for item in include.meta %}
+    {% if item.value contains 'page.' %}
+      {% assign key = item.value | remove: 'page.' %}
+      {% assign value = page[key] %}
+    {% else %}
+      {% assign value = item.value %}
+    {% endif %}
+
+    {% comment %}
+    Only display non-empty values
+    {% endcomment %}
+    {% if value | strip != '' %}
+      {% if item.type == 'link' %}
+        {% if key == 'manifest' %}
+          {%- capture value -%}
+            <a href="{{ value | absolute_url }}" target="_blank" rel="noreferrer">{{ value | absolute_url }}</a>
+          {%- endcapture -%}
+        {% else %}
+          {%- capture value -%}
+            <a href="{{ value | absolute_url }}" target="_blank" rel="noreferrer">
+              {{ value | absolute_url | remove: 'https://' | remove: 'http://' | split: "/" | first }}
+            </a>
+          {%- endcapture -%}
+        {% endif %}
+      {% endif %}
+        <dt>{{ item.label }}</dt>
+        <dd>{{ value | strip }}</dd>
+    {% endif %}
+  {% endfor %}
+</dl>

data/_includes/osd_iiif_image_viewer.html

@@ -0,0 +1,25 @@
+<div id="osd" class="image-viewer"></div>
+<script defer src="{{ '/assets/openseadragon/openseadragon.min.js' | absolute_url }}"></script>
+
+<script>
+  $(document).ready(function () {
+    var manifestUrl = "{{ include.manifest | absolute_url }}";
+    $.getJSON(manifestUrl, function(data) {
+      var tileSources = [];
+      $.each(data.sequences[0].canvases, function(_k, val) {
+        tileSources.push({
+          tileSource: val.images[0].resource.service['@id'] + '/info.json',
+          referenceStripThumbnailUrl: val.thumbnail
+        });
+      });
+      OpenSeadragon({
+        id: "osd",
+        preload: true,
+        sequenceMode: true,
+        prefixUrl: "{{ '/assets/openseadragon/images/' | absolute_url }}",
+        tileSources: tileSources,
+        showReferenceStrip: true,
+      });
+    });
+  });
+</script>

data/_includes/parallax_image.html

@@ -0,0 +1,35 @@
+{% if include.image %}
+  {% assign image = include.image %}
+{% else %}
+  {% assign item  = site[include.collection] | where: 'pid', include.pid | first %}
+  {% assign image = item.full %}
+{% endif %}
+
+{%- capture style -%}
+  background-image: url('{{ image | absolute_url }}');
+  background-position: 0% {{ include.y | default: '15%' }};
+  {% if include.clickable %}
+  cursor: pointer;
+  {% endif %}
+  {% if include.height %}
+  height: {{ include.height }} !important;
+  {% endif %}
+{%- endcapture -%}
+
+{%- capture onclick -%}
+{% if include.clickable %}
+  onclick="window.location='{{ item.url | absolute_url }}'; return false;"
+{% endif %}
+{%- endcapture -%}
+
+<div class='wax-parallax full-width {% if page.banner %}top-banner{% else %}inline-parallax{% endif %}'>
+  <div class='parallax-image' style="{{ style | strip }}" {{ onclick | strip }}></div>
+
+  {% if item.label %}
+  <div class='parallax-caption'>
+    <div class='wax-inline-container'>
+      Above: <a href='{{ item.url | absolute_url }}'>{{ item.label }}</a>
+    </div>
+  </div>
+  {% endif %}
+</div>

data/_includes/search_box.html

@@ -0,0 +1,31 @@
+{% assign placeholder = include.placeholder | default: 'Search... ' %}
+{% assign key = include.search | default: 'main' %}
+{% assign config = site.search[key] %}
+{% assign index = config.index | absolute_url %}
+{%- capture fields -%}
+  {%- for collection in config.collections -%}
+    {%- for field in collection[1].fields -%}
+      {{ field }}{% unless forloop.last %}|||{% endunless %}
+    {%- endfor -%}
+  {%- endfor -%}
+{%- endcapture -%}
+{% assign fields = fields | split: '|||' | uniq %}
+
+<div class='search-block'>
+  <div class='input-group'>
+    <input type='text' class='form-control' id='search' name='x' placeholder='{{ placeholder }}'>
+  </div>
+  <div id='results'></div>
+</div>
+
+<script type='text/javascript' src="{{ '/assets/elasticlunr.min.js' | absolute_url }}"></script>
+<script type='text/javascript' src="{{ '/assets/search-ui.js' | absolute_url }}"></script>
+<script type='text/javascript'>
+  var fields    = {{ fields | jsonify }};
+  var indexFile = "{{ index }}";
+  var url       = "{{ '' | absolute_url }}";
+
+  $(document).ready(function() {
+    startSearchUI(fields, indexFile, url);
+  });
+</script>

data/_includes/simple_image_viewer.html

@@ -0,0 +1,36 @@
+<div id="osd" class="image-viewer"></div>
+<script defer src="{{ '/assets/openseadragon/openseadragon.min.js' | absolute_url }}"></script>
+
+<script>
+  $(document).ready(function () {
+    OpenSeadragon({
+      id: "osd",
+      preload: true,
+      showNavigationControl: false,
+      panHorizontal: false,
+      defaultZoomLevel: 0,
+      zoomPerScroll: 1, 
+      prefixUrl: "{{ '/assets/openseadragon/images/' | absolute_url }}",
+      {% if page.img_list.size > 1 %}
+      sequenceMode: true,
+      showReferenceStrip: true,
+      tileSources: [
+        {% for img in page.img_list %}
+        {
+          type: 'image',
+          url:  '{{ img.full | absolute_url }}',
+          referenceStripThumbnailUrl: '{{ img.thumbnail | absolute_url }}',
+          buildPyramid: false
+        }{% unless forloop.last %}, {% endunless %}
+        {% endfor %}
+      ]
+      {% else %}
+      tileSources: {
+        type: 'image',
+        url:  '{{ page.full | absolute_url}}',
+        buildPyramid: false
+      },
+      {% endif %}
+    });
+  });
+</script>

data/_layouts/default.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang='en-us'>
+  {% include head.html %}
+
+  <body>
+    <time datetime='{{ 'now' | date: '%Y-%m-%d %H:%M' }}'></time>
+    {% include header.html %}
+
+    {% if page.banner %}
+      {% assign b = page.banner %}
+      {% include parallax_image.html collection=b.collection pid=b.pid y=b.y height=b.height image=b.image clickable=b.clickable %}
+    {% endif %}
+
+    <div id='wax-main'>
+      <div id='wax-content' class='wax-inline-container'>
+        {{ content }}
+      </div>
+    </div>
+
+    {% include footer.html %}
+    <script type='text/javascript' async defer src='{{ "/assets/bootstrap/bootstrap.min.js" | absolute_url }}'></script>
+    <script type='text/javascript' async defer src='{{ "/assets/popper.min.js" | absolute_url }}'></script>
+  </body>
+</html>

data/_layouts/{wax/exhibit.html → exhibit.html}

@@ -1,5 +1,5 @@
 ---
-layout: wax/default
+layout: default
 ---
 
 <div class='exhibit-meta'>

data/_layouts/generic_collection_item.html

@@ -0,0 +1,34 @@
+---
+layout: default
+---
+
+{% comment %}
+  The block below controls the image viewer
+{% endcomment %}
+
+<h3 alt="{{ page.label | escape }}" class='item-label'>{{ page.label }}</h3>
+  <div class='item-view'>
+    <span class='pagination-link' id='prevlink'></span>
+
+    {% if page.manifest.size > 0 %}
+      {% include osd_iiif_image_viewer.html manifest=page.manifest %}
+    {% elsif page.full.size > 0 %}
+      {% include simple_image_viewer.html full_image=page.full %}
+    {% endif %}
+    
+    <span class='pagination-link' id='nextlink'></span>
+  </div>
+  {% unless layout.pagination == false %}{% include item_pagination.html %}{% endunless %}
+
+{% comment %}
+  The block below controls the item metadata table
+{% endcomment %}
+
+{% if layout.meta.size %}
+  {% assign metadata = layout.meta %}
+{% elsif page.meta.size %}
+  {% assign metadata = page.meta %}
+{% endif %}
+{% if metadata.size %}
+  {% include item_metadata.html meta=metadata %}
+{% endif %}

data/_layouts/page.html

@@ -0,0 +1,8 @@
+---
+layout: default
+---
+{% unless page.show_title == false %}
+  <h2 class='page-title'>{{ page.title }}</h2>
+{% endunless %}
+
+{{ content }}