create single blog template
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
a8b314dfc3
commit
b85ae1c990
|
@ -199,7 +199,32 @@ footer .separator {
|
||||||
.blog-listing {
|
.blog-listing {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 2fr;
|
grid-template-columns: 1fr 2fr;
|
||||||
@media (max-width: 768px) { grid-template-columns: 1fr;
|
@media (max-width: 768px) { grid-template-columns: 1fr; }
|
||||||
}
|
|
||||||
gap: 2rem;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -1,5 +1,11 @@
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<h1>{{ .Title }}</h1>
|
<article class="blog-post">
|
||||||
<br><br>
|
<div class="container">
|
||||||
{{ .Content }}
|
<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 }}
|
{{ end }}
|
||||||
|
|
Reference in New Issue