PVR/gokarna
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #5 from 526avijitgupta/post-page

Browse Source 
Basic post page
This commit is contained in:
Avijit Gupta
2021-05-28 13:48:38 +02:00
committed by GitHub
parent 8dd0e09b35 6fe69085cb
commit 20eecbaf1a
3 changed files with 87 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
exampleSite/content/posts/first_post.md Normal file
View File

@@ -0,0 +1,23 @@
---
title: "First Post"
date: 2021-05-15T23:39:49+05:30
tags: ["abc", "def"]
---
Yo yo yo
# This is a heading
- And
- this
- is
- a
- list
```py
Codeblocks look like this
def print():
print('Hello world!')
```

35
themes/gokarna/layouts/_default/single.html
View File

@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
<div id="content">
<div class="post" class="container">
<div class="post-header-section">
<h1>{{ .Title }}</h1>
<p class="post-date">
{{ dateFormat "January 2, 2006" .Date }}
</p>
<ul class="post-tags">
{{ range .Params.tags }}
<li class="post-tag"><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a></li>
{{ end }}
</ul>
</div>
<div class="post-content">
<p>
{{ .Content }}
</p>
</div>
</div>
</div>
{{- partial "footer.html" . -}}
</body>
</html>

33
themes/gokarna/static/css/main.css
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;
}