04/04: website: Adjust font size and alignment for headings.

[Ludovic Courtès]

civodul pushed a commit to branch master
in repository guix-artwork.

commit 12879f165dd707f90718317d2694e53cfd29fc57
Author: Ludovic Courtès <address@hidden>
AuthorDate: Fri Jan 24 15:07:52 2020 +0100

    website: Adjust font size and alignment for headings.
    
    * website/apps/blog/templates/post.scm (post-t): Use 'h1' with the
    "centered-text" class instead of 'h2' for the post title.
    * website/static/base/css/page.css (h1): New entity.
    (h2): Remove 'text-align' property.  Set size to 1.5em.
    (h3): Set size to 1.2em.
---
 website/apps/blog/templates/post.scm |  2 +-
 website/static/base/css/page.css     | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/website/apps/blog/templates/post.scm 
b/website/apps/blog/templates/post.scm
index 39d0332..18d1342 100644
--- a/website/apps/blog/templates/post.scm
+++ b/website/apps/blog/templates/post.scm
@@ -38,7 +38,7 @@
      `(main
        (article
        (@ (class "page centered-block limit-width"))
-       (h2 ,(post-ref post 'title))
+       (h1 (@ (class "centered-text")) ,(post-ref post 'title))
        (p
         (@ (class "post-metadata centered-text"))
         ,(post-ref post 'author) " — "
diff --git a/website/static/base/css/page.css b/website/static/base/css/page.css
index eff3e26..f3eba0b 100644
--- a/website/static/base/css/page.css
+++ b/website/static/base/css/page.css
@@ -9,14 +9,18 @@ h5 {
     line-height: 1.2em;
 }
 
+h1 {
+    font-size: 3.0em;
+    line-height: 1.2em;
+}
+
 h2 {
-    font-size: 2.5em;
-    text-align: center;
+    font-size: 1.5em;
     line-height: 1.2em;
 }
 
 h3 {
-    font-size: 1.5em;
+    font-size: 1.2em;
     line-height: 1.2em;
 }