diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 9107f70..b2f5156 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,10 +1,16 @@
{{ define "main" -}}
{{ .Title }}
-
| ~{{ .ReadingTime }} min read |
- {{ range .Params.tags }}
- #{{.}}
- {{ end }}
+
+ | ~{{ .ReadingTime }} min read
+ {{- with .Params.devLink -}}
+ | Also available on dev.to
+ {{- end -}}
+
+
+ {{ range .Params.tags }}
+
+ {{ end }}
{{- with .Content -}}
{{ . | replaceRE "(
)" `${1} 🔗︎ ${3}` | safeHTML }}
diff --git a/themes/hyde/assets/css/poole.css b/themes/hyde/assets/css/poole.css
index e693dd4..4e2e817 100644
--- a/themes/hyde/assets/css/poole.css
+++ b/themes/hyde/assets/css/poole.css
@@ -86,6 +86,18 @@ a:focus {
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 */
h1, h2, h3, h4, h5, h6 {
margin-bottom: .5rem;