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

feat: add detail page and card component layouts with responsive design

Browse Source
This commit is contained in:
Greg 2025-05-26 21:34:07 +02:00
parent 557c84fddd
commit 71ebcd99a6
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/_default/single.html
View File

@ -14,7 +14,7 @@
</div> </div>
{{ else }} {{ else }}
<div class="detail-image-container"> <!-- Using the same container as the main image --> <div class="detail-image-container"> <!-- Using the same container as the main image -->
<img src="/images/no-cover-available-yet.png" alt="{{ .Title }} - No cover available" class="detail-image"> <!-- Reusing detail-image class --> <img src="/img/no-cover-available-yet.png" alt="{{ .Title }} - No cover available" class="detail-image"> <!-- Reusing detail-image class -->
</div> </div>
{{ end }} {{ end }}

2
layouts/partials/card.html
View File

@ -3,7 +3,7 @@
{{ with .Params.image }} {{ with .Params.image }}
<img src="{{ . }}" alt="{{ $.Title }} cover"> <img src="{{ . }}" alt="{{ $.Title }} cover">
{{ else }} {{ else }}
<img src="/images/no-cover-available-yet.png" alt="{{ $.Title }} - No cover available"> <img src="/img/no-cover-available-yet.png" alt="{{ $.Title }} - No cover available">
{{ end }} {{ end }}
<div class="card-title">{{ .Title }}</div> <div class="card-title">{{ .Title }}</div>
{{ with .Params.rating }}<div class="card-rating">{{ partial "stars.html" (dict "rating" .) }} {{ . }}</div>{{ end }} {{ with .Params.rating }}<div class="card-rating">{{ partial "stars.html" (dict "rating" .) }} {{ . }}</div>{{ end }}