diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 1e8cffe..2d6d7d3 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,11 +1,30 @@
{{ define "main" }}
{{ partial "content" . }}
+ {{ with $source }}
+ {{ if .Params.credits }}
+
+ - {{ . | humanize }} image: {{ .Params.credits | safeHTML }}
+
+ {{ end }}
+ {{ end }}
{{ end }}
diff --git a/src/sass/_base.scss b/src/sass/_base.scss
index 1cc9375..6a5a696 100644
--- a/src/sass/_base.scss
+++ b/src/sass/_base.scss
@@ -261,6 +261,15 @@ img {
}
}
+ &__figure {
+ img {
+ width: 100%;
+ height: auto;
+ margin-bottom: $padding-32;
+ object-fit: cover;
+ }
+ }
+
&__footer {
:not(:first-child).no-wrap {
margin-left: $padding-8;
@@ -270,6 +279,13 @@ img {
font-size: 1.2em;
}
}
+
+ &__credits {
+ margin-top: 1.5rem;
+ color: $gray-600;
+ font-size: 0.9em;
+ list-style-type: none
+ }
}
.gblog-footer {
@@ -414,6 +430,11 @@ img {
}
}
+ .gblog-post__figure,
+ .gblog-post__credits {
+ display: none;
+ }
+
.gblog-error {
padding: $padding-16 * 6 $padding-16;