blog/2025
1
Fork 0
Code Issues Activity

Improved figures

Browse Source
This commit is contained in:
Richard Dern
2025-05-14 14:04:38 +02:00
parent 22e8acd1d4
commit 0262331f25
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
themes/default/assets/css/typography.css
View File

@@ -229,6 +229,7 @@ article aside {
} }
figure { figure {
font-size: 0.9em;
display: block; display: block;
margin: 3em auto; margin: 3em auto;
padding: 1rem; padding: 1rem;
@@ -256,12 +257,12 @@ article aside {
} }
figcaption { figcaption {
font-size: 0.9em;
color: #aaa; color: #aaa;
margin-top: 0.5em; margin-top: 0.5em;
line-height: 1.4; line-height: 1.4;
font-style: italic; font-style: italic;
padding: 0 1em; padding: 0 1em;
font-size: 1rem;
em { em {
color: #eee; color: #eee;

11
themes/default/layouts/_default/_markup/render-image.html
View File

@@ -14,7 +14,11 @@
{{- $resized := $image.Resize (cond (eq $isBlock true) "1024x" "500x") -}} {{- $resized := $image.Resize (cond (eq $isBlock true) "1024x" "500x") -}}
{{- $large := $image.Resize "1920x" -}} {{- $large := $image.Resize "1920x" -}}
{{- if $isBlock }} {{- if $isBlock }}
<figure class="custom-image center"> <figure class="custom-image center"><figcaption>
{{- with $data.description }}
<p>{{ . | markdownify }}</p>
{{- end }}
</figcaption>
<a href="{{ $large.RelPermalink }}" title="Cliquez pour agrandir l'image"> <a href="{{ $large.RelPermalink }}" title="Cliquez pour agrandir l'image">
<img src="{{ $resized.RelPermalink }}" alt="{{ $alt }}" title="{{ $title }}" /> <img src="{{ $resized.RelPermalink }}" alt="{{ $alt }}" title="{{ $title }}" />
</a> </a>
@@ -33,11 +37,6 @@
<em>{{ . | markdownify }}</em> <em>{{ . | markdownify }}</em>
</p> </p>
{{- end }} {{- end }}
<figcaption>
{{- with $data.description }}
<p>{{ . | markdownify }}</p>
{{- end }}
</figcaption>
{{- end }} {{- end }}
</figure> </figure>
{{- else }} {{- else }}