Basic post page

This commit is contained in:
Avijit 🚀
2021-05-27 22:04:02 +02:00
parent 8dd0e09b35
commit 2a2c13738e
2 changed files with 63 additions and 4 deletions

View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
<div id="content">
<div class="post" class="container">
<div class="post-header-section">
<h1>Sample Title</h1>
<p class="post-date">
Date
</p>
<ul class="post-tags">
<li>#abc</li>
<li>#def</li>
</ul>
</div>
<div class="post-content">
<p>
slkjdflks
lksdjflkdsj
lksdjflksjf slkdjfkljf lkjlkjlkj kljl kjljl jljl jl jlj lj lj jlslkdjflkss
sdkjflk jlkj lkj lkjl jl jl jklk jlkj lk jlkj lkjkljlkj lkjl kjhiwehqqn
</p>
</div>
</div>
</div>
{{- partial "footer.html" . -}}
</body>
</html>

View File

@@ -2,10 +2,6 @@ html {
font-family: open sans, helvetica neue, Helvetica, Arial, sans-serif; font-family: open sans, helvetica neue, Helvetica, Arial, sans-serif;
} }
.container {
height: 800px;
}
.header-light { .header-light {
background-color: #bbb; background-color: #bbb;
color: black; color: black;
@@ -102,3 +98,32 @@ html {
.fab { .fab {
font-family: FontAwesome !important; font-family: FontAwesome !important;
} }
#content {
width: 810px;
margin: 180px auto 0;
}
.post .post-date {
color: gray;
}
.post .post-tags {
padding: 0;
list-style-type: none;
}
.post-tags .post-tag {
display: inline-block;
background-color: #008c86;
padding: 4px 12px;
border-radius: 4px;
border: 1px solid #008c86;
color: white;
font-size: 14px;
font-weight: 700;
}
.post .post-content {
margin-top: 50px;
}