coop-cloud/coopcloud.tech
coop-cloud
/
coopcloud.tech
Archived
1
0
Fork 0
Code Issues 7 Pull Requests Projects Releases Wiki Activity

style blog list template
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Aadil Ayub 2021-07-07 03:37:55 +05:00
parent c8ef01c064
commit 348b26bee6
2 changed files with 31 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -185,3 +185,17 @@ footer .separator {
background-position: calc(100% - 20px) ;
}
}
.blog-archive {
padding: 3rem 3rem;
h3 {
padding-bottom: 1em;
text-transform: uppercase;
}
}
.blog-listing {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 2rem;
}

27
themes/coopcloud.tech/layouts/_default/list.html
View File

@ -1,12 +1,19 @@
{{ define "main" }}
<h1>{{ .Title }}</h1>
{{ range .Pages.ByPublishDate.Reverse }}
<p>
<h3><a class="title" href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
{{/* partial "metadata.html" . */}}
<a class="summary" href="{{ .RelPermalink }}">
<p>{{ .Summary }}</p>
</a>
</p>
{{ end }}
<div class="blog-archive">
<h1 class="title is-uppercase is-size-2">BLOG</h1>
<hr>
{{ range .Pages.ByPublishDate.Reverse }}
<div class="blog-listing">
<img src="{{ with .Params.image }}{{ . }}{{ end }}" alt="">
<div class="text">
<h3><a class="title" href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
{{/* partial "metadata.html" . */}}
<p class="summary block has-text-weight-light is-size-4">
{{ .Summary }}
</p>
</div>
</div>
<hr>
{{ end }}
</div>
{{ end }}