From b03e752a4522209d77d2c153a8bee8601a2808d5 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 23 Aug 2021 09:32:05 -0700
Subject: CSS: use decoration on headers only for articles

Add an element "article" to the single page template, and change the CSS
to use the decoration for headers only for that kind of content.

Having decoration for all headers is distracting, it's more suited for
actual content.

We also don't need decoration for h1, only smaller headers.
---
 users/fcuny/blog/layouts/_default/single.html | 8 ++++++--
 users/fcuny/blog/static/css/custom.css        | 8 ++++----
 2 files changed, 10 insertions(+), 6 deletions(-)

(limited to 'users/fcuny/blog')

diff --git a/users/fcuny/blog/layouts/_default/single.html b/users/fcuny/blog/layouts/_default/single.html
index b4c5443..165c568 100644
--- a/users/fcuny/blog/layouts/_default/single.html
+++ b/users/fcuny/blog/layouts/_default/single.html
@@ -1,5 +1,7 @@
 {{ define "main" }}
 
+<article class="article">
+
 <h1>{{ .Title }}</h1>
 
 <div class="meta">
@@ -18,9 +20,9 @@
   {{ if .Params.tags }}
   <div>
   {{ if eq (len .Params.tags) 1 }}
-  in tag
+  tag:
   {{ else }}
-  in tags
+  tags:
   {{ end }}
   {{ range $idx, $tag := .Params.tags }}
   <span class="meta_tags"><a href="/tags/{{ $tag | urlize }}/">{{ $tag }}</a></span>
@@ -38,4 +40,6 @@
 
 {{ .Content }}
 
+<article>
+
 {{ end }}
diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 95f5feb..2d7a36e 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -24,16 +24,16 @@ a {
 
 p { color: #1a1a19; }
 
-h1:before {
+article.article h2:before {
     content: '◉';
 }
-h2:before {
+article.article h3:before {
     content: '○';
 }
-h3:before {
+article.article h4:before {
     content: '✸';
 }
-h4:before {
+article.article h5:before {
     content: '✿';
 }
 
-- 
cgit 1.4.1