Some cosmetics to blog pages (user icon, hr, date formatting). Created folder drafts for posts that should be preserved, but not published yet.

app.py

@@ -14,6 +14,10 @@ def markdown_with_jinja_renderer(text):
     prerendered_body = render_template_string(text)
     return pygmented_markdown(prerendered_body)
 
+def format_date_string(date_string):
+    date = datetime.strptime(date_string, "%d.%m.%Y")
+    return date.strftime("%d. %B %Y")
+
 # create app
 app = Flask(__name__)
 app.config['FLATPAGES_EXTENSION'] = '.md'
@@ -22,6 +26,7 @@ app.config['FONTAWESOME_STYLES'] = ['solid', 'brands']
 
 # register fotogrid with jinja
 app.jinja_env.globals.update(fotogrid=fotogrid)
+app.jinja_env.globals.update(format_date_string=format_date_string)
 
 pages = FlatPages(app)
 fa = FontAwesome(app)

drafts/slaughterlounge.md

@@ -0,0 +1,8 @@
+title: Slaughterlounge rockt
+date: 05.03.2021
+author: Markus
+description: Slaughterlounge rockt
+
+<iframe src="https://mubo.eu-gb.mybluemix.net/musicbox/BAF51F0C-DAB5-4243-924B-7C9F6C6C2CD7" height="600px" width="320px">
+</iframe>
+

static/css/style.css

@@ -57,6 +57,11 @@ h2 {
     margin-top:1rem
 }
 
+hr  {
+    border: 1px solid #c11012;
+    border-radius: 2px;
+}
+
 #sidebar {
     flex: 0 0 auto;
     padding:2rem

templates/index.html

@@ -6,7 +6,7 @@
   {% for page in pages %}
   <a href="{{ page.path }}.html"><h2>{{ page.title }}</h2></a>
   <p> {{ page.description }} </p>
-  <p> {{ page.date }} </p>
+  <p><small>{{ format_date_string(page.date) }} </small></p>
   <hr>
   {% endfor %}
 {% endblock %}

templates/page.html

@@ -2,5 +2,6 @@
 {% block content %}
  <h1>{{ page.title }}</h1>
  <p>{{page.html|safe }}</p>
- <strong>{{ page.author }}</strong> {{ page.date }}
+ <hr/>
+ <strong><span class="fas fa-user">&nbsp;</span>{{ page.author }}</strong> — {{ format_date_string(page.date) }}
 {% endblock %}