msfjarvis
/
msfjarvis.dev
mirror of https://github.com/msfjarvis/msfjarvis.dev.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

layouts/single: Add dev.to link to subhead and use buttons for tags 

Signed-off-by: Harsh Shandilya <msfjarvis@gmail.com>
This commit is contained in:
Harsh Shandilya 2020-01-21 13:56:11 +05:30
parent 57ba7128ed
commit f83fc1bd63
No known key found for this signature in database
GPG Key ID: C2E74282C2133D62
2 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
layouts/_default/single.html
View File

@ -1,10 +1,16 @@
{{ define "main" -}} {{ define "main" -}}
<div class="post"> <div class="post">
<h1>{{ .Title }}</h1> <h1>{{ .Title }}</h1>
<p class="post-date"><time datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "January 2, 2006" }}</time> | ~{{ .ReadingTime }} min read | <p class="post-date">
{{ range .Params.tags }} <span><time datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "January 2, 2006" }}</time> | ~{{ .ReadingTime }} min read </span>
<span class="tag"><a class="tag" href="{{ "tags/" | absLangURL }}{{ . | urlize }}">#{{.}}</a> </span> {{- with .Params.devLink -}}
{{ end }} | Also available on <a href="{{ . }}">dev.to</a>
{{- end -}}
</p>
<p>
{{ range .Params.tags }}
<button class="tag-button"><a class="tag-button" href="{{ "tags/" | absLangURL }}{{ . | urlize }}">#{{.}}</a> </button>
{{ end }}
</p> </p>
{{- with .Content -}} {{- with .Content -}}
{{ . | replaceRE "(<h[1-2] id=\"([^\"]+)\".+)(</h[1-9]+>)" `${1}<a href="#${2}" class="hanchor" ariaLabel="Anchor"> 🔗&#xFE0E;</a> ${3}` | safeHTML }} {{ . | replaceRE "(<h[1-2] id=\"([^\"]+)\".+)(</h[1-9]+>)" `${1}<a href="#${2}" class="hanchor" ariaLabel="Anchor"> 🔗&#xFE0E;</a> ${3}` | safeHTML }}

12
themes/hyde/assets/css/poole.css
View File

@ -86,6 +86,18 @@ a:focus {
color: #757575; color: #757575;
} }
.tag-button {
background-color: #202020;
border: none;
color: white;
padding: 7px 12px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius:8px;
}
/* Headings */ /* Headings */
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin-bottom: .5rem; margin-bottom: .5rem;