add post date to blog listing
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Aadil Ayub 2021-07-15 18:19:01 +05:00
parent b4babd52b4
commit a635e4c302
2 changed files with 24 additions and 16 deletions

View File

@ -199,23 +199,30 @@ footer .separator {
.blog-archive {
padding: 3rem 3rem;
@media (max-width: 450px) { padding: 3rem 1rem; }
h3 {
padding-bottom: 1em;
text-transform: uppercase;
a:hover { text-decoration: underline; }
}
}
.blog-listing {
display: grid;
grid-template-columns: 1fr 2fr;
@media (max-width: 768px) { grid-template-columns: 1fr; }
gap: 2rem;
.text {
p {
font-weight: 300;
font-size: 1.5rem;
margin-bottom: 1.5rem;
.blog-listing {
display: grid;
grid-template-columns: 1fr 2fr;
@media (max-width: 768px) { grid-template-columns: 1fr; }
gap: 2rem;
.text {
h3 {
padding-bottom: 5px;
@media (max-width: 480px) { padding-bottom: 11px; }
text-transform: uppercase;
a:hover { text-decoration: underline; }
}
.post-date {
text-transform: uppercase;
}
p {
font-weight: 300;
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
}
}
}

View File

@ -7,6 +7,7 @@
<a href="{{ .RelPermalink }}"><img src="{{ with .Params.image }}{{ . }}{{ end }}" alt=""></a>
<div class="text">
<h3><a class="title" href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
<small class="post-date">{{ .PublishDate.Format "January 2, 2006" }}</small>
<p class="summary block has-text-weight-light is-size-4">
{{ .Summary }}
</p>