Basic post page
This commit is contained in:
@@ -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>
|
||||
@@ -2,10 +2,6 @@ html {
|
||||
font-family: open sans, helvetica neue, Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.container {
|
||||
height: 800px;
|
||||
}
|
||||
|
||||
.header-light {
|
||||
background-color: #bbb;
|
||||
color: black;
|
||||
@@ -102,3 +98,32 @@ html {
|
||||
.fab {
|
||||
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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user