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

sur la page principale, ne load que les X derniers articles dans les bandes défilantes
Some checks are pending
/ test (push) Waiting to run
Details

Browse source
This commit is contained in:
gribse 2025-04-22 20:37:56 +02:00
parent f1917a9f1e
commit f823e23d0b
2 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,8 +6,9 @@
<div class="scrolling-posts-inner">
<div class="scrolling-posts {{ $direction }}-scroll">
{{- $pages := where $context.Site.RegularPages "Section" "ne" "" -}}
{{- $pages := first 20 (sort (where $context.Site.RegularPages "Section" "ne" "") "Date" "desc") -}}
{{- range (sort $pages "Date" "desc") -}}
{{- $image := .Resources.GetMatch (printf "%s" .Params.cover.image) -}}
{{- if $image -}}
@ -24,12 +25,13 @@
<div class="scrolling-posts {{ $direction }}-scroll">
{{- $pages := where $context.Site.RegularPages "Section" "ne" "" -}}
{{- $pages := first 20 (sort (where $context.Site.RegularPages "Section" "ne" "") "Date" "desc") -}}
{{- range (sort $pages "Date" "desc") -}}
{{- $image := .Resources.GetMatch (printf "%s" .Params.cover.image) -}}
{{- if $image -}}
{{- $fittedImage := $image.Fit "400x400 webp q85" -}}
{{- $fittedImage := $image.Fit "400x400 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>

2
readMe.md
View file

@ -6,7 +6,7 @@
- [x] add a blur to backgound images of scrolling posts
- [x] Optimiser les images de la page d'accueil
- [ ] sur la page principale, ne load que les X derniers articles dans les bandes défilantes
- [x] sur la page principale, ne load que les X derniers articles dans les bandes défilantes
- [ ] make the gradient of scrolling posts on homepage responsive to theme by swithing them
- [ ] mettre les défilantes colonnes adjecentes au principal div