diff --git a/content/blog/our-new-blog-and-some-project-announcements.md b/content/blog/our-new-blog-and-some-project-announcements.md index 30ac37a..28a312d 100644 --- a/content/blog/our-new-blog-and-some-project-announcements.md +++ b/content/blog/our-new-blog-and-some-project-announcements.md @@ -3,6 +3,7 @@ title: "Our new blog and some project announcements" date: 2021-07-07T13:17:04+05:00 draft: false image: "/img/cc-birds.jpeg" +imageCredit: '"birds flying near clouds" by Kendrick Mills on Unsplash' description: "CoS funding, beta release news, monthly updates and more!" --- diff --git a/themes/coopcloud.tech/assets/scss/main.scss b/themes/coopcloud.tech/assets/scss/main.scss index aec293e..67f7d00 100644 --- a/themes/coopcloud.tech/assets/scss/main.scss +++ b/themes/coopcloud.tech/assets/scss/main.scss @@ -224,14 +224,26 @@ footer .separator { padding: 4rem 6rem; @media (max-width: 450px) { padding: 2.5rem 1.4rem 1rem; } - img.hero { - margin-bottom: 2rem; - margin-left: auto; - margin-right: auto; - width: 100%; - max-height: 50vh; - object-fit: cover; - object-position: center; + figure { + img.hero { + margin-left: auto; + margin-right: auto; + width: 100%; + max-height: 50vh; + object-fit: cover; + object-position: center; + } + + figcaption { + font-weight: 300; + color: white; + padding: 5px; + background: #00000063; + text-align: end; + position: relative; + bottom: 34px; + width: max-content; + } } .content { @@ -241,4 +253,8 @@ footer .separator { font-weight: 100; } } + + .post-metadata { + text-transform: uppercase; + } } \ No newline at end of file diff --git a/themes/coopcloud.tech/layouts/_default/single.html b/themes/coopcloud.tech/layouts/_default/single.html index 429a48d..da2c67e 100644 --- a/themes/coopcloud.tech/layouts/_default/single.html +++ b/themes/coopcloud.tech/layouts/_default/single.html @@ -1,8 +1,15 @@ {{ define "main" }}
- +
+ +
{{ .Params.imageCredit }}
+

{{ .Title }}

+
{{ .Content }}