figbert.com-website

commit 4e63fd4ad8393afe963c4169ecdd4217d5618020
parent 5e98d24e73cca14e7ee717764a7711ed4d51863f
Author: FIGBERT <figbert@figbert.com>
Date:   Tue, 14 Jun 2022 14:03:25 -0700

Style page template

Diffstat:
M
static/css/global.css
 | 
13
+++++++++++++
M
templates/page.html
 | 
14
+++++++++-----

2 files changed, 22 insertions(+), 5 deletions(-)
diff --git a/static/css/global.css b/static/css/global.css
@@ -53,6 +53,19 @@ video, picture, img {
   width: 100%;
 }
 
+small {
+  color: var(--secondary-color);
+  font-size: 100%;
+}
+
+small > a {
+  text-decoration: none;
+}
+
+#article-header {
+  margin-bottom: 1.5rem;
+}
+
 #section-title {
   font-weight: normal;
   font-size: inherit;
diff --git a/templates/page.html b/templates/page.html
@@ -1,11 +1,15 @@
 {% extends "index.html" %}
 {% block content %}
       <article>
-        <h1><a href="{{ current_url }}">{{ page.title }}</a></h1>
-        <small>
-          <time datetime="{{ page.date }}">{{ page.date | date(format="%B %d, %Y") }}</time>
-          by <a href="{{ config.base_url }}">{{ config.title }}</a>
-        </small>
+        <section id="article-header">
+          <h1><a href="{{ current_url }}">{{ page.title }}</a></h1>
+          <small>
+            Published by <a href="{{ config.base_url }}">{{ config.title }}</a> on
+            <time datetime="{{ page.date }}">{{ page.date | date(format="%B %d, %Y") }}</time>
+            <br/>
+            <a href="..">&lt; Back</a>
+          </small>
+        </section>
         {{ page.content | safe }}
       </article>
 {% endblock content %}