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

create single blog template
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Aadil Ayub 2021-07-07 05:22:51 +05:00
parent a8b314dfc3
commit b85ae1c990
2 changed files with 36 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -199,7 +199,32 @@ footer .separator {
.blog-listing {
display: grid;
grid-template-columns: 1fr 2fr;
@media (max-width: 768px) { grid-template-columns: 1fr;
}
@media (max-width: 768px) { grid-template-columns: 1fr; }
gap: 2rem;
.text {
p {
font-weight: 300;
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
}
}
.blog-post {
padding: 4rem 6rem;
@media (max-width: 450px) { padding: 2.5rem 1.4rem 1rem; }
img.hero {
margin-bottom: 1.5rem;
margin-left: auto;
margin-right: auto;
}
.content {
h3 { text-transform: uppercase; }
p {
font-size: 1.2rem;
font-weight: 100;
}
}
}

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

@ -1,5 +1,11 @@
{{ define "main" }}
<h1>{{ .Title }}</h1>
<br><br>
{{ .Content }}
<article class="blog-post">
<div class="container">
<img src="{{ with .Params.image }}{{ . }}{{ end }}" alt="" class="hero">
<h1 class="title is-uppercase">{{ .Title }}</h1>
<hr>
<div class="content">{{ .Content }}</div>
<hr>
</div>
</article>
{{ end }}