blog/2025
1
Fork 0
Code Issues Activity

Ajoute un mode de centrage des figures et améliore les légendes

Browse Source
This commit is contained in:
Richard Dern
2026-03-03 01:10:02 +01:00
parent 16b95458f1
commit 8a1ce77c17
3 changed files with 115 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
themes/2026/layouts/_partials/media/render-image.html
View File

@@ -19,11 +19,46 @@
{{- end -}}
{{- $metaTitle := index $data "title" -}}
{{- $hasMeta := or $metaTitle (or $description (or $data.attribution $data.prompt)) -}}
<figure class="figure-media{{ if $hasMeta }} figure-media-with-meta{{ else }} figure-media-without-meta{{ end }}">
{{- $attributes := .Attributes | default dict -}}
{{- $imageClasses := "" -}}
{{- with index $attributes "class" -}}
{{- $imageClasses = lower (trim . " ") -}}
{{- end -}}
{{- $layout := "" -}}
{{- with index $attributes "layout" -}}
{{- $layout = lower (trim . " ") -}}
{{- end -}}
{{- $hasCenterClass := gt (len (findRE `(^|\\s)(center|centered)(\\s|$)` $imageClasses)) 0 -}}
{{- $hasFullClass := gt (len (findRE `(^|\\s)(full|full-width|wide)(\\s|$)` $imageClasses)) 0 -}}
{{- $forceCentered := false -}}
{{- if or (in (slice "center" "centered") $layout) $hasCenterClass -}}
{{- $forceCentered = true -}}
{{- end -}}
{{- if or (in (slice "full" "full-width" "wide") $layout) $hasFullClass -}}
{{- $forceCentered = true -}}
{{- end -}}
{{- $forceWithoutMeta := false -}}
{{- if or (in (slice "full" "full-width" "wide") $layout) $hasFullClass -}}
{{- $forceWithoutMeta = true -}}
{{- end -}}
{{- $showMeta := and $hasMeta (not $forceWithoutMeta) -}}
{{- $figureClasses := slice "figure-media" -}}
{{- if $showMeta -}}
{{- $figureClasses = $figureClasses | append "figure-media-with-meta" -}}
{{- else -}}
{{- $figureClasses = $figureClasses | append "figure-media-without-meta" -}}
{{- end -}}
{{- if $forceCentered -}}
{{- $figureClasses = $figureClasses | append "figure-media-centered" -}}
{{- end -}}
{{- with $imageClasses -}}
{{- $figureClasses = $figureClasses | append . -}}
{{- end -}}
<figure class="{{ delimit $figureClasses " " }}">
<a href="{{ $image.RelPermalink }}" title="Cliquez pour agrandir l'image">
<img src="{{ $display.RelPermalink }}" alt="{{ $alt }}" title="{{ $title }}">
</a>
{{- if $hasMeta -}}
{{- if $showMeta -}}
<figcaption class="figure-media-meta cover-meta">
<div class="figure-media-meta-main">
{{- with $metaTitle -}}