Greg/MyFavStuff5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add single page template with responsive image layout and back navigation

Browse Source
This commit is contained in:
Greg 2025-05-26 21:22:54 +02:00
parent f42782baf2
commit 2383967e15
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
layouts/_default/single.html
View File

@ -13,8 +13,8 @@
<img src="{{ .Params.image }}" alt="{{ .Title }}" class="detail-image"> <img src="{{ .Params.image }}" alt="{{ .Title }}" class="detail-image">
</div> </div>
{{ else }} {{ else }}
<div class="detail-image-placeholder" style="background-color:{{ if eq .Params.category "Books" }}#004d40{{ else if eq .Params.category "Movies" }}#01579b{{ else if eq .Params.category "TV Series" }}#4a148c{{ else if eq .Params.category "Recipes" }}#b71c1c{{ else if eq .Params.category "YouTube" }}#f44336{{ else }}#546e7a{{ end }}"> <div class="detail-image-container"> <!-- Using the same container as the main image -->
<div class="placeholder-initial">{{ substr .Title 0 1 }}</div> <img src="/images/no-cover-available-yet.png" alt="{{ .Title }} - No cover available" class="detail-image"> <!-- Reusing detail-image class -->
</div> </div>
{{ end }} {{ end }}

BIN
static/img/no-cover-available-yet.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB