---
layout: main_layout.njk
title: unakt - Image
pagination:
  data: collections.allPhotos
  size: 1
  alias: photo
permalink: "/gallery/single/{{ photo.path | slugify }}/index.html"
---

{% set photo = pagination.items[0] %}

<nav class="breadcrumbs">
  <a href="/gallery/">Gallery</a>
  {% set pathAcc = "" %}
  {# Split the folderPath (e.g., "tabletop/orks") into segments #}
  {% for part in photo.folderPath.split('/') %}
    {% if part %}
      {% set pathAcc = (pathAcc + "-" + part) if pathAcc else part %}
      <span> / </span>
      {# Link back to the album view we created earlier #}
      <a href="/gallery/{{ pathAcc | lower }}/">{{ part | capitalize }}</a>
    {% endif %}
  {% endfor %}
  <span> / Image</span>
</nav>

<div class="single_image">
  <!-- <a href="javascript:history.back()" class="back-link">⬅️ Back to Album</a> -->
  {% if photo.exif.model != "Unknown" %}
  <ul>
    <li><strong>Camera:</strong>
    {{ photo.exif.model | default("Unknown") }} - 
    <strong>Lens:</strong> 
    {{ photo.exif.lens | default("N/A") }}
    </li>
    <li><strong>Settings:</strong> 
      {{photo.exif.fNumber | default("N/A") }} - 
      {{ photo.exif.exposure | default("N/A") }} - 
      ISO {{ photo.exif.iso | default("N/A") }} -
      {{ photo.exif.focalLength | default("N/A") }}mm
    </li>
  </ul>
  {% endif %}
  <img src="{{ photo.path }}" alt="photo" style="max-width: 100%; height: auto;">
  <p class="uploaded-date">
    Taken on {{ photo.date.toLocaleDateString("en-GB") }} at
    {{ photo.date.toLocaleTimeString("en-GB", { hour: '2-digit', minute: '2-digit' }) }}
  </p>
</div>