diff options
author | Jason Allan <code@jasonderrythomas.com> | 2022-03-04 15:44:24 +0300 |
---|---|---|
committer | Jason Allan <code@jasonderrythomas.com> | 2022-03-04 15:44:24 +0300 |
commit | 0e1bc0b847d1570c205dabc08598cd199616790c (patch) | |
tree | 5e52033d91ebe3786219bd09b5c3e15026b95a18 | |
parent | 0b4d9c6ca43a83e4e5a79d0b9f0c4d6f623c8d4c (diff) |
Handle missing blog images and add attribution
-rw-r--r-- | assets/sass/_global.scss | 10 | ||||
-rw-r--r-- | layouts/_default/taxonomy.html | 22 | ||||
-rw-r--r-- | layouts/blog/list.html | 22 |
3 files changed, 51 insertions, 3 deletions
diff --git a/assets/sass/_global.scss b/assets/sass/_global.scss index ffeb72d..556cafb 100644 --- a/assets/sass/_global.scss +++ b/assets/sass/_global.scss @@ -38,7 +38,15 @@ main { } article .list-image { - width: 100%; + img { + width: 100%; + } + + .attribution { + font-size: smaller; + text-align: center; + } + margin: 0 0 20px; } diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html index 3f8f808..a90182e 100644 --- a/layouts/_default/taxonomy.html +++ b/layouts/_default/taxonomy.html @@ -13,7 +13,27 @@ {{ partial "publish" . }} - <img class="list-image" src="{{ index .Params.images 0 | safeURL }}" alt="{{ .Title }}" title="{{ .Title }}" /> + {{ if and + (ne nil .Params.images) + (ne nil (index .Params.images 0)) + }} + <div class="list-image"> + {{ $image := index .Params.images 0 }} + <a href="{{ .Permalink }}"> + <img + src="{{ $image.src | safeURL }}" + alt="{{ .Title }}" + title="{{ .Title }}" + /> + </a> + + {{ if ne nil $image.attribution }} + <div class="attribution"> + {{ print $image.attribution | safeHTML }} + </div> + {{ end }} + </div> + {{ end }} {{ .Summary }} </article> diff --git a/layouts/blog/list.html b/layouts/blog/list.html index 30f32ee..f253233 100644 --- a/layouts/blog/list.html +++ b/layouts/blog/list.html @@ -13,7 +13,27 @@ {{ partial "publish" . }} - <img class="list-image" src="{{ index .Params.images 0 | safeURL }}" alt="{{ .Title }}" title="{{ .Title }}" /> + {{ if and + (ne nil .Params.images) + (ne nil (index .Params.images 0)) + }} + <div class="list-image"> + {{ $image := index .Params.images 0 }} + <a href="{{ .Permalink }}"> + <img + src="{{ $image.src | safeURL }}" + alt="{{ .Title }}" + title="{{ .Title }}" + /> + </a> + + {{ if ne nil $image.attribution }} + <div class="attribution"> + {{ print $image.attribution | safeHTML }} + </div> + {{ end }} + </div> + {{ end }} {{ .Summary }} </article> |