@thegetty/quire-cli 0.20.3 → 0.20.4

package/bin/themes/default/layouts/partials/figure-fallback.html

@@ -0,0 +1,31 @@
+{{- $imageDir := "" -}}
+{{- if .Site.Params.imageDir -}}
+  {{- $imageDir = .Site.Params.imageDir -}}
+{{- else }}
+  {{- $imageDir = "img" -}}
+{{- end }}
+
+{{- if .src -}}
+
+<img
+  id="{{ .id }}"
+  class="quire-figure__image"
+  src="{{ printf "%s/%s" $imageDir .src | relURL }}"
+  alt="{{ .alt }}" />
+
+{{- else -}}
+
+<div class="quire-figure__media-fallback">
+<div class="placeholder">
+    <span class="fallback-image">
+      <img src='{{ $imageDir | relURL }}/icons/{{ .mediaType }}.png'/>
+    </span>
+</div>
+</div>
+
+{{- end -}}
+
+{{- if .label }}
+  {{- $labelDict := dict "Site" .Site "label" .label "icon" false -}}
+  {{- partial "figure-label.html" $labelDict -}}
+{{- end -}}

package/bin/themes/default/layouts/partials/figure-image.html

@@ -0,0 +1,44 @@
+{{- $imageDir := "" -}}
+{{- if .Site.Params.imageDir -}}
+  {{- $imageDir = .Site.Params.imageDir -}}
+{{- else }}
+  {{- $imageDir = "img" -}}
+{{- end }}
+
+{{- if eq .Site.Params.figureModal true -}}
+{{- $now := now.UnixNano -}}
+<figure
+  id="deepzoom-{{ $now }}"
+  title="{{ .caption | markdownify | safeHTML }}"
+  class="quire-figure leaflet-outer-wrapper mfp-hide notGet">
+  <div
+    id="js-deepzoom-{{ $now }}"
+    class="quire-deepzoom inset leaflet-inner-wrapper "
+    aria-live="polite"
+    role="application"
+    aria-label="Zoomable image"
+    src="{{ printf "%s/%s" $imageDir .src | relURL }}">
+  </div>
+  <span class="figure-caption visually-hidden">{{ with .caption }}{{ markdownify . }}{{ end }}{{ with .credit }} {{ markdownify . }}{{ end }}</span>
+</figure>
+<a
+  href="#deepzoom-{{ $now }}"
+  class="inline popup"
+  data-type="inline"
+  title="{{ .caption | markdownify | safeHTML }}" >
+{{- end -}}
+
+  <img
+    class="quire-figure__image"
+    src="{{ printf "%s/%s" $imageDir .src | relURL }}"
+    alt="{{ .alt }}" />
+
+
+  {{- if or .label (eq .Site.Params.figureModal true ) }}
+    {{- $labelDict := dict "Site" .Site "label" .label -}}
+    {{- partial "figure-label.html" $labelDict -}}
+  {{- end -}}
+
+{{- if eq .Site.Params.figureModal true -}}
+</a>
+{{- end -}}

package/bin/themes/default/layouts/partials/figure-label.html

@@ -0,0 +1,15 @@
+<span class="quire-figure__label quire-figure__label--{{ if .Site.Params.figureLabelLocation }}{{ .Site.Params.figureLabelLocation }}{{ else }}on-top{{ end }}">
+
+{{- if and (ne .icon false) (eq .Site.Params.figureModal true) -}}
+<span class="quire-figure__label-icon">
+  {{- partial "icon.html" (dict "type" "fullscreen" "description" "Expand") -}}
+</span>
+{{- end -}}
+
+{{- with .label -}}
+<span class="quire-figure__label-text">
+  {{- markdownify . -}}
+</span>
+{{- end -}}
+
+</span>

package/bin/themes/default/layouts/partials/figure-soundcloud.html

@@ -0,0 +1,25 @@
+{{- if or (eq .Site.Params.epub true) (eq .Site.Params.pdf true) -}}
+
+  {{- $fallbackDict := dict "Site" .Site "alt" .alt "id" .id "mediaType" .mediaType "src" .src -}}
+  {{- partial "figure-fallback.html" $fallbackDict -}}
+
+  <figcaption class="quire-figure__caption caption"><a href="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/{{ .mediaId }}" target="_blank" >https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/{{ .mediaId }}</a></figcaption>
+
+{{- else -}}
+
+<div  class="quire-figure__media-wrapper">
+  <iframe
+    width="100%"
+    height="166"
+    scrolling="no"
+    frameborder="no"
+    allow="autoplay"
+    src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/{{ .mediaId }}&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=false&show_reposts=false&show_teaser=false"></iframe>
+</div>
+
+{{- end -}}
+
+{{- if .label }}
+  {{- $labelDict := dict "Site" .Site "label" .label "icon" false -}}
+  {{- partial "figure-label.html" $labelDict -}}
+{{- end -}}

package/bin/themes/default/layouts/partials/figure-table.html

@@ -0,0 +1,44 @@
+{{- $imageDir := "" -}}
+{{- if .Site.Params.imageDir -}}
+  {{- $imageDir = .Site.Params.imageDir -}}
+{{- else }}
+  {{- $imageDir = "img" -}}
+{{- end }}
+
+{{- $tableSrc := printf "%s/%s/%s" "static" $imageDir .src -}}
+
+{{- if eq .Site.Params.figureModal true -}}
+{{- $now := now.UnixNano -}}
+<figure
+  id="deepzoom-{{ $now }}"
+  title="{{ .caption | markdownify | safeHTML }}"
+  class="quire-figure leaflet-outer-wrapper mfp-hide notGet">
+  <div
+  id="js-deepzoomtable-{{ $now }}"
+  class="quire-deepzoom inset leaflet-inner-wrapper"
+  aria-live="polite"
+  role="application"
+  aria-label="Zoomable table">
+  <figure class="leaflet-table">{{ readFile $tableSrc | safeHTML }}</figure>
+  </div>
+  <span class="figure-caption visually-hidden">{{ with .caption }}{{ markdownify . }}{{ end }}{{ with .credit }} {{ markdownify . }}{{ end }}</span>
+</figure>
+<a
+  href="#deepzoom-{{ $now }}"
+  class="inline popup"
+  data-type="inline"
+  title="{{ .caption | markdownify | safeHTML }}" >
+{{- end -}}
+
+<figure class="quire-figure__table">
+  {{ readFile $tableSrc | safeHTML }}
+</figure>
+
+{{- if or .label (eq .Site.Params.figureModal true ) }}
+  {{- $labelDict := dict "Site" .Site "label" .label -}}
+  {{- partial "figure-label.html" $labelDict -}}
+{{- end -}}
+
+{{- if eq .Site.Params.figureModal true -}}
+</a>
+{{- end -}}

package/bin/themes/default/layouts/partials/figure-vimeo.html

@@ -0,0 +1,24 @@
+{{- if or (eq .Site.Params.epub true) (eq .Site.Params.pdf true) -}}
+
+  {{- $fallbackDict := dict "Site" .Site "alt" .alt "id" .id "mediaType" .mediaType "src" .src -}}
+  {{- partial "figure-fallback.html" $fallbackDict -}}
+
+  <figcaption class="quire-figure__caption caption"><a href="https://youtu.be/{{ .mediaId }}" target="_blank" >https://vimeo.com/{{ .mediaId }}</a></figcaption>
+
+{{- else -}}
+
+<div  class="quire-figure__media-wrapper{{ if .aspectRatio }}--{{ .aspectRatio }}{{ else }}--widescreen{{ end }}">
+  <iframe
+    class="quire-figure__media"
+    src="https://player.vimeo.com/video/{{ .mediaId }}"
+    frameborder="0"
+    allow="autoplay; fullscreen"
+    allowfullscreen></iframe>
+</div>
+
+{{- end -}}
+
+{{- if .label }}
+  {{- $labelDict := dict "Site" .Site "label" .label "icon" false -}}
+  {{- partial "figure-label.html" $labelDict -}}
+{{- end -}}

package/bin/themes/default/layouts/partials/figure-website.html

@@ -0,0 +1,21 @@
+{{- if or (eq .Site.Params.epub true) (eq .Site.Params.pdf true) -}}
+
+  {{- $fallbackDict := dict "Site" .Site "alt" .alt "id" .id "mediaType" .mediaType "src" .src -}}
+  {{- partial "figure-fallback.html" $fallbackDict -}}
+
+  <figcaption class="quire-figure__caption caption"><a href="{{ safeURL .mediaId }}" target="_blank" >{{ .mediaId }}</a></figcaption>
+
+{{- else -}}
+
+<div  class="quire-figure__media-wrapper{{ if .aspectRatio }}--{{ .aspectRatio }}{{ else }}--widescreen{{ end }}">
+  <iframe class="quire-figure__media"
+          src="{{ safeURL .mediaId }}"></iframe>
+</div>
+
+{{- end -}}
+
+{{- if .label }}
+  {{- $labelDict := dict "Site" .Site "label" .label "icon" false -}}
+  {{- partial "figure-label.html" $labelDict -}}
+{{- end -}}
+

package/bin/themes/default/layouts/partials/figure-youtube.html

@@ -0,0 +1,23 @@
+{{- if or (eq .Site.Params.epub true) (eq .Site.Params.pdf true) -}}
+
+  {{- $fallbackDict := dict "Site" .Site "alt" .alt "id" .id "mediaType" .mediaType "src" .src -}}
+  {{- partial "figure-fallback.html" $fallbackDict -}}
+
+  <figcaption class="quire-figure__caption caption"><a href="https://youtu.be/{{ .mediaId }}" target="_blank" >https://youtu.be/{{ .mediaId }}</a></figcaption>
+
+{{- else -}}
+
+<div  class="quire-figure__media-wrapper{{ if .aspectRatio }}--{{ .aspectRatio }}{{ else }}--widescreen{{ end }}">
+  <iframe
+    class="quire-figure__media"
+    src="https://www.youtube-nocookie.com/embed/{{ .mediaId }}?rel=0&amp;showinfo=0"
+    frameborder="0"
+    allowfullscreen></iframe>
+</div>
+
+{{- end -}}
+
+{{- if .label }}
+  {{- $labelDict := dict "Site" .Site "label" .label "icon" false -}}
+  {{- partial "figure-label.html" $labelDict -}}
+{{- end -}}

package/bin/themes/default/layouts/partials/figures/caption.html

@@ -0,0 +1,44 @@
+{{/*
+----------------------------------------------------------------------------
+Caption 
+---------
+Figure caption and credit element.
+Includes the `label` element for epub and when Site.Params.figureLabelPosition === "below"
+If Site.Params.figureModal === true, the label is also a link to open the modal
+
+Props:
+- Site: Site Object
+- modalLink: the link to open the figure modal element
+- label: the figure's label
+- caption: the figure's caption
+- credit: the figure's credit
+----------------------------------------------------------------------------
+*/}}
+
+{{- if or .caption .credit .label -}}
+  <figcaption class="quire-figure__caption caption">
+    {{- if .label -}}
+      {{- if eq .Site.Params.epub true -}}
+        <span class="quire-figure__label">{{ .label }}</span>
+      {{ else if eq .Site.Params.figureLabelLocation "below" }}
+        {{ if and (eq .Site.Params.figureModal true) .modalLink }}
+          <a href="{{ .modalLink }}"
+            class="inline popup"
+            data-type="inline"
+            title="{{ .caption | markdownify | safeHTML }}">
+        {{ end }}
+        {{- $labelDict := dict "Site" .Site "label" .label "modalLink" .modalLink -}}
+        {{- partial "figures/label.html" $labelDict -}}
+        {{ if and (eq .Site.Params.figureModal true) .modalLink }}
+          </a>
+        {{ end }}
+      {{- end -}}
+    {{- end -}}
+    {{- if .caption -}}
+      <span class="quire-figure__caption-content">{{- with .caption -}}{{ markdownify . }}{{- end -}}</span>
+    {{- end -}}
+    {{- if .credit -}}
+      <span class="quire-figure__credit">{{ if .caption }} {{ end }}{{ markdownify .credit }}</span>
+    {{- end -}}
+  </figcaption>
+{{- end -}}

package/bin/themes/default/layouts/partials/figures/label.html

@@ -0,0 +1,35 @@
+{{/*
+----------------------------------------------------------------------------
+Label 
+---------
+The figure label element
+
+Props:
+- Site: Site Object
+- modalLink: the link to open the figure modal element. If provided, the label will include a fullscreen icon.
+- label: the figure's label
+----------------------------------------------------------------------------
+*/}}
+
+{{- $showIcon := false -}}
+{{- if and .modalLink (eq .Site.Params.figureModal true) (ne .Site.Params.pdf true) (ne .Site.Params.epub true) }}
+  {{ $showIcon = true }}
+{{- end -}}
+
+{{- if or $showIcon .label }}
+<span
+  class="quire-figure__label quire-figure__label--{{ if .Site.Params.figureLabelLocation }}{{ .Site.Params.figureLabelLocation }}{{ else }}on-top{{ end }}"
+>
+  {{- if $showIcon -}}
+    <span class="quire-figure__label-icon">
+      {{- partial "icon.html" (dict "type" "fullscreen" "description" "Expand") -}}
+    </span>
+  {{- end -}}
+
+  {{- with .label -}}
+    <span class="quire-figure__label-text">
+      {{- markdownify . -}}
+    </span>
+  {{- end -}}
+</span>
+{{- end -}}

package/bin/themes/default/layouts/partials/figures/media-types/fallback.html

@@ -0,0 +1,32 @@
+{{- $imageDir := "" -}}
+{{- if .Site.Params.imageDir -}}
+  {{- $imageDir = .Site.Params.imageDir -}}
+{{- else }}
+  {{- $imageDir = "img" -}}
+{{- end }}
+
+{{- if .src -}}
+  <img
+    id="{{ .id }}"
+    class="quire-figure__image"
+    src="{{ printf "%s/%s" $imageDir .src | relURL }}"
+    alt="{{ .alt }}"
+  />
+
+{{- else -}}
+
+  <div class="quire-figure__media-fallback">
+    <div class="placeholder">
+      <span class="fallback-image">
+        <img src="{{ $imageDir | relURL }}/icons/{{ .mediaType }}.png" />
+      </span>
+    </div>
+  </div>
+{{- end -}}
+
+{{- if .label }}
+  {{ if eq .Site.Params.figureLabelLocation "on-top" }}
+    {{- $dict := dict "Site" .Site "label" .label -}}
+    {{- partial "figures/label.html" $dict -}}
+  {{ end }}
+{{- end -}}

package/bin/themes/default/layouts/partials/figures/media-types/image.html

@@ -0,0 +1,54 @@
+{{- $imageDir := "" -}}
+{{- if .Site.Params.imageDir -}}
+  {{- $imageDir = .Site.Params.imageDir -}}
+  {{- else }}
+  {{- $imageDir = "img" -}}
+{{- end }}
+
+{{- $now := now.UnixNano -}}
+
+{{ $figureId := printf "%s-%d" "deepzoom" $now }}
+{{ $modalLink := printf "%s%s" "#" $figureId }}
+
+{{- if eq .Site.Params.figureModal true -}}
+  <figure
+    id="{{ $figureId }}"
+    title="{{ .caption | markdownify | safeHTML }}"
+    class="quire-figure leaflet-outer-wrapper mfp-hide notGet"
+  >
+    <div
+      id="js-{{ $figureId }}"
+      class="quire-deepzoom inset leaflet-inner-wrapper "
+      aria-label="Zoomable image"
+      aria-live="polite"
+      role="application"
+      src="{{ printf "%s/%s" $imageDir .src | relURL }}"
+    ></div>
+  </figure>
+  <a
+    href="{{ $modalLink }}"
+    class="inline popup"
+    data-type="inline"
+    title="{{ .caption | markdownify | safeHTML }}">
+{{- end -}}
+
+  <img
+    class="quire-figure__image"
+    src="{{ printf "%s/%s" $imageDir .src | relURL }}"
+    alt="{{ .alt }}"
+  />
+
+{{- $dict := dict "Site" .Site "caption" .caption "credit" .credit "label" .label "modalLink" $modalLink -}}
+
+{{- if or .label (eq .Site.Params.figureModal true ) }}
+  {{ if eq .Site.Params.figureLabelLocation "on-top" }}
+    {{- partial "figures/label.html" $dict -}}
+  {{ end }}
+{{- end -}}
+
+{{- if eq .Site.Params.figureModal true -}}
+  </a>
+{{- end -}}
+
+{{- partial "figures/caption.html" $dict -}}
+

package/bin/themes/default/layouts/partials/figures/media-types/soundcloud.html

@@ -0,0 +1,35 @@
+{{- if or (eq .Site.Params.epub true) (eq .Site.Params.pdf true) -}}
+  {{- $fallbackDict := dict "Site" .Site "alt" .alt "id" .id "mediaType" .mediaType "src" .src -}}
+  {{- partial "figures/media-types/fallback.html" $fallbackDict -}}
+
+  <figcaption class="quire-figure__caption caption">
+    <a
+      href="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/{{ .mediaId }}"
+      target="_blank"
+      >https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/{{ .mediaId }}</a
+    >
+  </figcaption>
+
+{{- else -}}
+
+  <div class="quire-figure__media-wrapper">
+    <iframe
+      width="100%"
+      height="166"
+      scrolling="no"
+      frameborder="no"
+      allow="autoplay"
+      src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/{{ .mediaId }}&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=false&show_reposts=false&show_teaser=false"
+    ></iframe>
+  </div>
+{{- end -}}
+
+{{- $dict := dict "Site" .Site "caption" .caption "credit" .credit "label" .label -}}
+
+{{- if .label }}
+  {{ if eq .Site.Params.figureLabelLocation "on-top" }}
+    {{- partial "figures/label.html" $dict -}}
+  {{ end }}
+{{- end -}}
+
+{{- partial "figures/caption.html" $dict -}}

package/bin/themes/default/layouts/partials/figures/media-types/table.html

@@ -0,0 +1,53 @@
+{{- $imageDir := "" -}}
+{{- if .Site.Params.imageDir -}}
+  {{- $imageDir = .Site.Params.imageDir -}}
+  {{- else }}
+  {{- $imageDir = "img" -}}
+{{- end }}
+
+{{- $tableSrc := printf "%s/%s/%s" "static" $imageDir .src -}}
+
+{{- $now := now.UnixNano -}}
+{{ $figureId := printf "%s-%d" "deepzoomtable" $now }}
+{{ $modalLink := printf "%s%s" "#" $figureId }}
+
+{{- if eq .Site.Params.figureModal true -}}
+  <figure
+    id="{{ $figureId }}"
+    title="{{ .caption | markdownify | safeHTML }}"
+    class="quire-figure leaflet-outer-wrapper mfp-hide notGet"
+  >
+    <div
+      id="js-{{ $figureId }}"
+      class="quire-deepzoom inset leaflet-inner-wrapper"
+      aria-label="Zoomable table"
+      aria-live="polite"
+      role="application"
+    >
+      <figure class="leaflet-table">{{ readFile $tableSrc | safeHTML }}</figure>
+    </div>
+  </figure>
+  <a
+    href="{{ $modalLink }}"
+    class="inline popup"
+    data-type="inline"
+    title="{{ .caption | markdownify | safeHTML }}">
+  {{- end -}}
+
+    <figure class="quire-figure__table">
+      {{ readFile $tableSrc | safeHTML }}
+    </figure>
+
+{{- $dict := dict "Site" .Site "caption" .caption "credit" .credit "label" .label "modalLink" $modalLink -}}
+
+{{- if or .label (eq .Site.Params.figureModal true ) }}
+  {{ if eq .Site.Params.figureLabelLocation "on-top" }}
+    {{- partial "figures/label.html" $dict -}}
+  {{ end }}
+{{- end -}}
+
+{{- if eq .Site.Params.figureModal true -}}
+  </a>
+{{- end -}}
+
+{{- partial "figures/caption.html" $dict -}}

package/bin/themes/default/layouts/partials/figures/media-types/vimeo.html

@@ -0,0 +1,34 @@
+{{- if or (eq .Site.Params.epub true) (eq .Site.Params.pdf true) -}}
+  {{- $fallbackDict := dict "Site" .Site "alt" .alt "id" .id "mediaType" .mediaType "src" .src -}}
+  {{- partial "figures/media-types/fallback.html" $fallbackDict -}}
+
+  <figcaption class="quire-figure__caption caption">
+    <a href="https://vimeo.com/{{ .mediaId }}" target="_blank">https://vimeo.com/{{ .mediaId }}</a>
+  </figcaption>
+
+{{- else -}}
+
+  {{ $mediaIdEmbed := replace .mediaId "/" "?h=" }}
+
+  <div
+    class="quire-figure__media-wrapper{{ if .aspectRatio }}--{{ .aspectRatio }}{{ else }}--widescreen{{ end }}"
+  >
+    <iframe
+      class="quire-figure__media"
+      src="https://player.vimeo.com/video/{{ $mediaIdEmbed }}"
+      frameborder="0"
+      allow="autoplay; fullscreen"
+      allowfullscreen
+    ></iframe>
+  </div>
+{{- end -}}
+
+{{- $dict := dict "Site" .Site "caption" .caption "credit" .credit "label" .label -}}
+
+{{- if .label }}
+  {{ if eq .Site.Params.figureLabelLocation "on-top" }}
+    {{- partial "figures/label.html" $dict -}}
+  {{ end }}
+{{- end -}}
+
+{{- partial "figures/caption.html" $dict -}}

package/bin/themes/default/layouts/partials/figures/media-types/website.html

@@ -0,0 +1,24 @@
+{{- if or (eq .Site.Params.epub true) (eq .Site.Params.pdf true) -}}
+  {{- $fallbackDict := dict "Site" .Site "alt" .alt "id" .id "mediaType" .mediaType "src" .src -}}
+  {{- partial "figures/media-types/fallback.html" $fallbackDict -}}
+
+  <figcaption class="quire-figure__caption caption">
+    <a href="{{ safeURL .mediaId }}" target="_blank">{{ .mediaId }}</a>
+  </figcaption>
+
+{{- else -}}
+
+  <div class="quire-figure__media-wrapper{{ if .aspectRatio }}--{{ .aspectRatio }}{{ else }}--widescreen{{ end }}">
+    <iframe class="quire-figure__media" src="{{ safeURL .mediaId }}"></iframe>
+  </div>
+{{- end -}}
+
+{{- $dict := dict "Site" .Site "caption" .caption "credit" .credit "label" .label -}}
+
+{{- if .label }}
+  {{ if eq .Site.Params.figureLabelLocation "on-top" }}
+    {{- partial "figures/label.html" $dict -}}
+  {{ end }}
+{{- end -}}
+
+{{- partial "figures/caption.html" $dict -}}

package/bin/themes/default/layouts/partials/figures/media-types/youtube.html

@@ -0,0 +1,29 @@
+{{- if or (eq .Site.Params.epub true) (eq .Site.Params.pdf true) -}}
+  {{- $fallbackDict := dict "Site" .Site "alt" .alt "id" .id "mediaType" .mediaType "src" .src -}}
+  {{- partial "figures/media-types/fallback.html" $fallbackDict -}}
+
+  <figcaption class="quire-figure__caption caption">
+    <a href="https://youtu.be/{{ .mediaId }}" target="_blank">https://youtu.be/{{ .mediaId }}</a>
+  </figcaption>
+
+{{- else -}}
+
+  <div class="quire-figure__media-wrapper{{ if .aspectRatio }}--{{ .aspectRatio }}{{ else }}--widescreen{{ end }}">
+    <iframe
+      class="quire-figure__media"
+      src="https://www.youtube-nocookie.com/embed/{{ .mediaId }}?rel=0&amp;showinfo=0"
+      frameborder="0"
+      allowfullscreen
+    ></iframe>
+  </div>
+{{- end -}}
+
+{{- $dict := dict "Site" .Site "caption" .caption "credit" .credit "label" .label -}}
+
+{{- if .label }}
+  {{ if eq .Site.Params.figureLabelLocation "on-top" }}
+    {{- partial "figures/label.html" $dict -}}
+  {{ end }}
+{{- end -}}
+
+{{- partial "figures/caption.html" $dict -}}

package/bin/themes/default/layouts/partials/footer-buttons.html

@@ -0,0 +1,29 @@
+{{- $pages := .Site.Pages -}}
+{{- $pages := where $pages "Params.online" "!=" "false" }}
+{{- $pages := where $pages ".Type" "!=" "data" -}}
+
+<div class="{{ if eq $.Site.Params.pdf true }} visually-hidden {{ end }} quire-contents-buttons remove-from-epub">
+  <ul>
+    
+      {{- $previousPages := where $pages "Weight" "lt" .Weight -}}
+      {{- if gt (len $previousPages) 0 -}}
+      {{- range last 1 $previousPages -}}
+      <li class="quire-nav-button prev">
+          <a href="{{ .Permalink | relURL }}">{{- partial "icon.html" (dict "type" "left-arrow" "description" "Go back a page") -}} <span class="nav-title">{{ $.Site.Params.prevPageButtonText }}</span></a>
+          <span class="visually-hidden">Previous Page (left keyboard arrow or swipe)</span>
+      </li>
+      {{- end -}}
+      {{- end -}}
+      
+      {{- $nextPages := where $pages "Weight" "gt" .Weight -}}
+      {{- if gt (len $nextPages) 0 -}}
+      {{- range first 1 $nextPages -}}
+      <li class="quire-nav-button next">
+          <a href="{{ .Permalink | relURL }}"><span class="nav-title">{{ $.Site.Params.nextPageButtonText }}</span> {{- partial "icon.html" (dict "type" "right-arrow" "description" "Go to next page") -}}</a>
+          <span class="visually-hidden">Next Page (right keyboard arrow or swipe)</span>
+      </li>
+      {{- end -}}
+      {{- end -}}
+      
+  </ul>
+</div>

package/bin/themes/default/layouts/partials/head.html

@@ -0,0 +1,46 @@
+{{/*
+  This is the document <head> (without an opening <body> tag; that lives in the
+  baseof layout). This document currently links to the CDN verison of JQuery,
+  but other dependencies can be added as <link> tags as well.
+
+  TODO: include a placeholder for custom fonts...
+*/}}
+
+
+
+{{- $css := "css/application.css" | relURL -}}
+{{- $customCSS := "css/custom.css" | relURL -}}
+{{- $icon := "img/icons/favicon.ico" | relURL -}}
+
+{{- $pages := .Site.Pages -}}
+{{- $pages := where $pages "Params.online" "!=" "false" }}
+{{- $pages := where $pages ".Type" "!=" "data" -}}
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  {{ if eq .Params.online false -}}
+  <meta name="robots" content="noindex, nofollow">
+  {{- end }}
+  {{- range first 1 $pages -}}
+    {{- $.Scratch.Set "homepage" .File.UniqueID -}}
+  {{- end -}}
+  <title>{{ if ne .File.UniqueID ($.Scratch.Get "homepage") }}{{ with .Title }}{{ . | markdownify | plainify }} | {{ end }}{{ end }}{{ .Site.Data.publication.title | markdownify | plainify }}</title>
+  {{ partial "metadata.html" . }}
+
+  <link rel="icon" href="{{ $icon }}" />
+  <link rel="stylesheet" href="{{ $css }}">
+  <link rel="stylesheet" href="{{ $customCSS }}">
+
+  <script>
+   // Part of the HTML5 Template Polyfill for IE/Edge; required for client-side
+   // search. More info: https://www.npmjs.com/package/template-polyfill
+   document.createElement('template')
+  </script>
+  
+  {{ if .Site.GoogleAnalytics}}
+  {{ partial "analytics.html" . }}
+  {{ end }}
+
+</head>