basebuilder/coopcloud.tech
0
0
Fork 0
forked from toolshed/coopcloud.tech
Code Pull Requests Activity

add post metadata to single blog post template

Browse Source
This commit is contained in:
Aadil Ayub
2021-07-15 18:06:49 +05:00
parent 9eec2b1385
commit b4babd52b4
3 changed files with 33 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
content/blog/our-new-blog-and-some-project-announcements.md
View File

@ -3,6 +3,7 @@ title: "Our new blog and some project announcements"
date: 2021-07-07T13:17:04+05:00 date: 2021-07-07T13:17:04+05:00
draft: false draft: false
image: "/img/cc-birds.jpeg" 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!" description: "CoS funding, beta release news, monthly updates and more!"
--- ---

18
themes/coopcloud.tech/assets/scss/main.scss
View File

@ -224,8 +224,8 @@ footer .separator {
padding: 4rem 6rem; padding: 4rem 6rem;
@media (max-width: 450px) { padding: 2.5rem 1.4rem 1rem; } @media (max-width: 450px) { padding: 2.5rem 1.4rem 1rem; }
figure {
img.hero { img.hero {
margin-bottom: 2rem;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 100%; width: 100%;
@ -234,6 +234,18 @@ footer .separator {
object-position: center; object-position: center;
} }
figcaption {
font-weight: 300;
color: white;
padding: 5px;
background: #00000063;
text-align: end;
position: relative;
bottom: 34px;
width: max-content;
}
}
.content { .content {
h3 { text-transform: uppercase; } h3 { text-transform: uppercase; }
p { p {
@ -241,4 +253,8 @@ footer .separator {
font-weight: 100; font-weight: 100;
} }
} }
.post-metadata {
text-transform: uppercase;
}
} }

7
themes/coopcloud.tech/layouts/_default/single.html
View File

@ -1,8 +1,15 @@
{{ define "main" }} {{ define "main" }}
<article class="blog-post"> <article class="blog-post">
<div class="container"> <div class="container">
<figure>
<img src="{{ with .Params.image }}{{ . }}{{ end }}" alt="" class="hero"> <img src="{{ with .Params.image }}{{ . }}{{ end }}" alt="" class="hero">
<figcaption>{{ .Params.imageCredit }}</figcaption>
</figure>
<h1 class="title is-uppercase">{{ .Title }}</h1> <h1 class="title is-uppercase">{{ .Title }}</h1>
<div class="post-metadata">
<p class="post-date">{{ .PublishDate.Format "January 2, 2006" }}</p>
<p class="reading-time">Reading time: {{ .ReadingTime }} minutes</p>
</div>
<hr> <hr>
<div class="content">{{ .Content }}</div> <div class="content">{{ .Content }}</div>
<hr> <hr>