diff options
Diffstat (limited to 'layouts/_partials/components/book.html')
| -rw-r--r-- | layouts/_partials/components/book.html | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/layouts/_partials/components/book.html b/layouts/_partials/components/book.html new file mode 100644 index 0000000..d9fee4f --- /dev/null +++ b/layouts/_partials/components/book.html @@ -0,0 +1,24 @@ +{{ $ctx := .ctx }} +{{ $NoViewTransition := (or .NoViewTransition false) }} +{{ $cover := printf "%s?width=300" $ctx.Params.cover }} + +<div{{ if eq .Params.rating 1 }} class="opacity-50 z-0"{{ end }} + {{ if not $NoViewTransition }}style="view-transition-name: book-{{ $ctx.File.UniqueID }}"{{ end }}> + <a href="{{ $ctx.Permalink }}" + {{ if not $NoViewTransition }}style="view-transition-name: book-{{ $ctx.Title }}"{{ end }} + class="border-3 border-solid rotate-3 shadow-md block + hover:rotate-0 hover:-translate-y-2 hover:scale-110 transition + + {{ if eq $ctx.Params.rating 1 }} relative + {{ else if eq $ctx.Params.rating 5 }} border-amber-300 shadow-amber-200 shadow-xl + {{ else }} border-white{{ end }}"> + <img class="lazy w-full block min-h-[120px] bg-neutral-500" src="{{ $cover }}" /> + {{ if eq $ctx.Params.rating 1 }} + <div class="absolute z-1 top-[25%] left-[25%] h-[50%] w-[50%]" + style="background-image: url('https://img.eltr.ac/uPic/2025/05/thumbs-down.png'); + background-size: 100%; + background-position: center; + background-repeat: no-repeat;"></div> + {{ end }} + </a> +</div> |