gribse/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

crop les images avec autocrop pour mieux centrer les couvertures de livres

Browse source
This commit is contained in:
gribse 2025-05-24 10:05:00 +02:00
parent 521c59c391
commit 6e9a5d306f
2 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
layouts/partials/posts-defile.html
View file

@ -12,7 +12,7 @@
{{- $image := .Resources.GetMatch (printf "%s" .Params.cover.image) -}}
{{- if $image -}}
{{- $fittedImage := $image.Fit "400x400 webp q95" -}}
{{- $fittedImage := $image.Fill "400x400 smart webp q95" -}}
{{- $optimizedBlurredImage := $fittedImage.Filter (images.GaussianBlur 3) -}}
<a href="{{ .RelPermalink }}" class="scrolling-posts-item" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0.2)), url('{{ $optimizedBlurredImage.RelPermalink }}');">
<span class="section-badge">{{ .Section }}</span>
@ -31,7 +31,7 @@
{{- $image := .Resources.GetMatch (printf "%s" .Params.cover.image) -}}
{{- if $image -}}
{{- $fittedImage := $image.Fit "400x400 webp q95" -}}
{{- $fittedImage := $image.Fill "400x400 smart webp q95" -}}
{{- $optimizedBlurredImage := $fittedImage.Filter (images.GaussianBlur 3) -}}
<a href="{{ .RelPermalink }}" class="scrolling-posts-item" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0.2)), url('{{ $optimizedBlurredImage.RelPermalink }}');">
<span class="section-badge">{{ .Section }}</span>

5
readMe.md
View file

@ -6,6 +6,7 @@
- [x] Lien flux rss en bas de page
- [x] Resize scrolling posts pour écrans fullhd x1.25
- [x] mettre la favicon à coté de mon nom sur la page d'accueil
- [x] faire une favicon custom
## 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
@ -37,7 +38,7 @@
- [ ] Mettre "une machine au pif" avec du javascript qui en tire une au hazard
- [ ] si pas d'image de cover dans un article, la box doit réagir (ajdh elle ne s'affiche pas du tout)
- [ ] buttons : faire page statique avec liens et hovertexts
### Scrolling posts
- [x] add a blur to backgound images of scrolling posts
@ -49,7 +50,7 @@
- [ ] Faire le blur avec du css et non le traitement d'image Hugo
- [ ] Certains éléments n'affichent pas d'image alors qu'ils en ont une
- [ ] des fois les side-screens ne vont pas jusqu'en bas
- [ ] crop les images avec autocrop pour mieux centrer les couvertures de livres
## Shortcodes
### Galleries
- [x] fix le nouveau shortcode "gallery"