<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, 
          initial-scale=1.0" />
    <title>{{ .Title }}</title>
    <link rel="icon" href="favicon.svg" />
    {{ partial "gallerydeluxe/head.html" . }}
    {{ partial "head.html" . }}
  </head>

  <a class="logo" href="{{ site.Home.RelPermalink }}">
    {{ partial "logo.html" . }}
  </a>

  {{/* init.hmlt takes either a slice of .images or a .sourcePath that points to a bundle with images.
    An .id will be calculated if not provided. This will be used to create the URL to the data file.
  */}}
  {{ $bundle := site.GetPage "images" }}
  {{ $images := $bundle.Resources.ByType "image" }}
  {{ $gallery := partial "gallerydeluxe/init.html" (dict "sourcePath" "images") }}
  {{ $params := site.Params.gallerydeluxe }}
  {{/* We currently only support 1 gallery per page, which is create4 by an element with id 'gallerydeluxe',
    and a valid data url.
  */}}
  <body id="gallerydeluxe" data-gd-image-data-url="{{ $gallery.imageDataUrl }}">
    <div id="gd-modal" class="gd-modal">
      <span id="gd-modal-close" class="gd-modal-close">&times;</span>
      {{ if $params.enable_exif }}
        <div id="gd-modal-exif" class="gd-modal-exif"></div>
      {{ end }}
    </div>
  </body>
</html>
