corriger apparence captions des galleries
Some checks are pending
/ test (push) Waiting to run

This commit is contained in:
gribse 2025-05-15 23:44:40 +02:00
parent 2b70309b93
commit b949e2ae76
4 changed files with 12 additions and 8 deletions

View file

@ -6,7 +6,7 @@ Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
{{- if not ($.Page.Scratch.Get "figurecount") }}<link rel="stylesheet" href={{ "css/hugo-easy-gallery.css" | relURL }} />{{ end }} {{- if not ($.Page.Scratch.Get "figurecount") }}<link rel="stylesheet" href={{ "css/hugo-easy-gallery.css" | relURL }} />{{ end }}
{{- $.Page.Scratch.Add "figurecount" 1 }} {{- $.Page.Scratch.Add "figurecount" 1 }}
{{ $baseURL := .Site.BaseURL }} {{ $baseURL := .Site.BaseURL }}
<div class="gallery caption-position-{{ with .Get "caption-position" | default "bottom" }}{{.}}{{end}} caption-effect-{{ with .Get "caption-effect" | default "slide" }}{{.}}{{end}} hover-effect-{{ with .Get "hover-effect" | default "zoom" }}{{.}}{{end}} {{ if ne (.Get "hover-transition") "none" }}hover-transition{{end}}" itemscope itemtype="http://schema.org/ImageGallery"> <div class="gallery caption-position-{{ with .Get "caption-position" | default "bottom" }}{{.}}{{end}} caption-effect-{{ with .Get "caption-effect" | default "none" }}{{.}}{{end}} hover-effect-{{ with .Get "hover-effect" | default "zoom" }}{{.}}{{end}} {{ if ne (.Get "hover-transition") "none" }}hover-transition{{end}}" itemscope itemtype="http://schema.org/ImageGallery">
{{- with (.Get "dir") -}} {{- with (.Get "dir") -}}
<!-- If a directory was specified, generate figures for all of the images in the directory --> <!-- If a directory was specified, generate figures for all of the images in the directory -->
{{- $files := readDir (print "/static/" .) }} {{- $files := readDir (print "/static/" .) }}

View file

@ -8,9 +8,9 @@
## Galleries / figures ## Galleries / figures
- [x] ajouter une optimisation qui traite automatiquement les images dans les galleries en les resizant à la largeur de la page et en les transformant en .webp - [x] ajouter une optimisation qui traite automatiquement les images dans les galleries en les resizant à la largeur de la page et en les transformant en .webp
- [ ] Un clic sur une image l'ouvre en grand - [ ] Un clic sur une image l'ouvre en grand dans un popup, avec des flèches pour aller aux prochaines. les touches du clavier peuvnet controler ça.
- [ ] La taille de l'image est un paramètre du shortcode - [ ] La taille de l'image est un paramètre du shortcode (quid de photoswipe ?)
- [ ] revoir le css des galleries pour le rendre moins moche - [x] revoir le css des galleries pour les rendre moins moches
## Contenu ## Contenu
- [x] Ecrire contact page - [x] Ecrire contact page
@ -22,8 +22,8 @@
- [x] make it so the 404 page works - [x] make it so the 404 page works
- [ ] mettre une favicon - [ ] mettre une favicon
- [x] Mettre en forme flux RSS - [x] Mettre en forme flux RSS
- [ ] Explucre contact & colophone du flux rss - [ ] Exclure contact & colophon du flux rss
- [ ] Script de mise en ligne avec rsync - [x] Script de mise en ligne avec rsync
# Would be nice # Would be nice
@ -75,7 +75,7 @@
- [ ] Configurer les galleries dans Decap CMS - [ ] Configurer les galleries dans Decap CMS
## Autres ## Autres
- [ ] Mis à jour la dernière fois le - [x] Mis à jour la dernière fois le
- [ ] Ajouter des catégories aux articles et une liste de catégories sur page accueil - [ ] Ajouter des catégories aux articles et une liste de catégories sur page accueil
- [ ] Boutons grossissent quand la souris est dessus, comme https://88x31.kate.pet/ - [ ] Boutons grossissent quand la souris est dessus, comme https://88x31.kate.pet/

View file

@ -120,7 +120,7 @@ figcaption styles
background: #000; background: #000;
color: #FFF; color: #FFF;
text-align: center; text-align: center;
font-size: 75%; /* change this if you want bigger text */ font-size: 100%; /* change this if you want bigger text */
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
opacity: 1; opacity: 1;
cursor: pointer; cursor: pointer;
@ -155,5 +155,6 @@ figcaption styles
} }
figcaption p { figcaption p {
margin: auto; /* override style in theme */ margin: auto; /* override style in theme */
font-size: 1em;
} }

View file

@ -239,6 +239,7 @@
text-align: center; text-align: center;
} }
/* Removed to use gallery shortcode
.post-content figure > figcaption { .post-content figure > figcaption {
color: var(--primary); color: var(--primary);
font-size: 16px; font-size: 16px;
@ -246,11 +247,13 @@
margin: 8px 0 16px; margin: 8px 0 16px;
} }
.post-content figure > figcaption > p { .post-content figure > figcaption > p {
color: var(--secondary); color: var(--secondary);
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
} }
*/
.toc { .toc {
margin: 0 2px 40px 2px; margin: 0 2px 40px 2px;