website/layouts/images/single.html
2022-09-28 22:49:59 +02:00

51 lines
2.3 KiB
HTML

{{ define "main" }}
<main>
<article class="single-image">
<!-- <b><time>{{ .Date.Format (default "2006-01-02 15:04:05" .Site.Params.dateFmt) }}</time></b> -->
<div class="single-image__side">
<h1>{{ .Title }}</h1>
<div class="single-image__property single-image__tags">
<div class="property-name">Étiquettes associées à l'image :</div>
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tags" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M7.859 6h-2.834a2.025 2.025 0 0 0 -2.025 2.025v2.834c0 .537 .213 1.052 .593 1.432l6.116 6.116a2.025 2.025 0 0 0 2.864 0l2.834 -2.834a2.025 2.025 0 0 0 0 -2.864l-6.117 -6.116a2.025 2.025 0 0 0 -1.431 -.593z" />
<path d="M17.573 18.407l2.834 -2.834a2.025 2.025 0 0 0 0 -2.864l-7.117 -7.116" />
<path d="M6 9h-.01" />
</svg>
<ul>
{{ range .Params.tags }}
<li><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a></li>
{{ end }}
</ul>
</div>
<div class="single-image__property single-image__original-name">
<div class="property-name">Nom original :</div><pre>{{ .Params.original_name }}</pre>
</div>
<div class="single-image__content">
{{ .Content }}
</div>
</div>
<div class="single-image__image-container">
{{ $image := .Resources.GetMatch "original.jpg" }}
{{ with $image }}
<img
class="single-image__image"
src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}"
/>
{{ end }}
</div>
</article>
{{ if or .Next .Prev -}}
<div class="gallery__nextprev">
{{- with .Prev }}
<a href="{{ .RelPermalink}}"><div id="prevart">Previous</div></a>
{{ end -}}
{{- with .Next -}}
<a href="{{ .RelPermalink}}"><div id="nextart">Next</div></a>
{{ end -}}
</div>
{{ end -}}
</main>
{{ end }}