diff --git a/app.py b/app.py
index 4104ff2..a767619 100755
--- a/app.py
+++ b/app.py
@@ -1,15 +1,38 @@
#!/usr/bin/env python3
# SPDX-License-Identifier: GPL-3.0
# vim: set sw=4 ts=4 ex
-from flask import Flask, render_template, url_for
+from flask import Flask, render_template, render_template_string, url_for
from flask_flatpages import FlatPages
+from flask_flatpages.utils import pygmented_markdown
from flask_fontawesome import FontAwesome
from datetime import datetime
+from fotogrid import fotogrid
+
+# directly support jinja within markdown blogposts
+# https://flask-flatpages.readthedocs.io/en/v0.7.1/
+def markdown_with_jinja_renderer(text):
+ prerendered_body = render_template_string(text)
+ return pygmented_markdown(prerendered_body)
+
+
+# function to reformat date from blog posts for better
+# visualization on the pages
+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'
+app.config['FLATPAGES_HTML_RENDERER'] = markdown_with_jinja_renderer
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)
diff --git a/pages/slaughterlounge.md b/drafts/slaughterlounge.md
similarity index 100%
rename from pages/slaughterlounge.md
rename to drafts/slaughterlounge.md
diff --git a/fotogrid.py b/fotogrid.py
new file mode 100644
index 0000000..b487530
--- /dev/null
+++ b/fotogrid.py
@@ -0,0 +1,20 @@
+# Provide a simple responsive fotogrid using flex layout.
+# Depends on the css/fotogrid.css defined styles.
+def fotogrid(image_urls):
+ result = '
'
+ cols = 4
+ images = divmod(len(image_urls), cols)
+ images_per_col = images[0]
+ if images[1] > 0:
+ images_per_col += 1
+ nbr = 0
+ for img in image_urls:
+ if (nbr % images_per_col) == 0:
+ if nbr > 0:
+ result += '
' # closing fotocolumn
+ result += '
'
+ result += ''
+ nbr += 1
+
+ result += "
" # closing fotocolum, fotorow
+ return result
diff --git a/pages/wacken2019.md b/pages/wacken2019.md
index 167ff28..3538c50 100644
--- a/pages/wacken2019.md
+++ b/pages/wacken2019.md
@@ -103,4 +103,7 @@ Eine weiteres Spektakel steht uns noch mit der _30th Anniversary Show_ bevor, di
**Parkway Drive** ziehen mit einem Fackelzug direkt durch die Menge auf die Bühne, eröffnen mit _Wishing Wells_ und _Prey_ und kündigen danach an, dass der Gig beinahe ausfallen musste, da sich der Bassist ein Knie gebrochen hatte. Sänger _Winston McCall_ kündigt daraufhin an: „Please welcome our new and improved bass player on a wheel chair!“ und Bassist _Jia O’Connor_ wird von seiner Mutter (!) im Rollstuhl auf die Bühne geschoben. Diese wiederum nutzt die Gelegenheit und startet zu _Carrion_ in die Menge, um zum ersten Mal in ihrem Leben zu crowdsurfen. Wie die Menge sie feiert!
## So 04.08.2019, Trennungsschmerz
-Tja, am Sonntag ist dann wieder alles vorbei. Schade. Es löst sich auf, man verabschiedet sich und fährt wieder heim. Bei der Abfahrt vom Platz begegnen uns nochmal zufällig die Wabers und wir winken uns von Auto zu Auto zu, bevor wir uns in die Abreiseschlange einsortieren, diese aber bald wieder verlassen, da wir noch ein paar Tage an der Ostsee daranhängen werden. Schön war’s!
\ No newline at end of file
+Tja, am Sonntag ist dann wieder alles vorbei. Schade. Es löst sich auf, man verabschiedet sich und fährt wieder heim. Bei der Abfahrt vom Platz begegnen uns nochmal zufällig die Wabers und wir winken uns von Auto zu Auto zu, bevor wir uns in die Abreiseschlange einsortieren, diese aber bald wieder verlassen, da wir noch ein paar Tage an der Ostsee daranhängen werden. Schön war’s!
+
+
+{{ fotogrid(["static/img/woa2019_01.jpg", "static/img/woa2019_02.jpg", "static/img/woa2019_03.jpg", "static/img/woa2019_04.jpg", "static/img/woa2019_05.jpg", "static/img/woa2019_06.jpg", "static/img/woa2019_07.jpg", "static/img/woa2019_08.jpg", "static/img/woa2019_09.jpg", "static/img/woa2019_10.jpg", "static/img/woa2019_11.jpg", "static/img/woa2019_12.jpg", "static/img/woa2019_13.jpg", "static/img/woa2019_14.jpg"])|safe }}
\ No newline at end of file
diff --git a/static/css/fotogrid.css b/static/css/fotogrid.css
new file mode 100644
index 0000000..227411d
--- /dev/null
+++ b/static/css/fotogrid.css
@@ -0,0 +1,35 @@
+
+
+.fotorow {
+ display: flex;
+ flex-wrap: wrap;
+ padding: 0 4px;
+}
+
+/* Create four equal columns that sits next to each other */
+.fotocolumn {
+ flex: 25%;
+ max-width: 25%;
+ padding: 0 4px;
+}
+
+.fotocolumn img {
+ margin-top: 8px;
+ vertical-align: middle;
+}
+
+/* Responsive layout - makes a two column-layout instead of four columns */
+@media (max-width: 1000px) {
+ .fotocolumn {
+ flex: 50%;
+ max-width: 50%;
+ }
+}
+
+/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
+@media (max-width: 800px) {
+ .fotocolumn {
+ flex: 100%;
+ max-width: 100%;
+ }
+}
\ No newline at end of file
diff --git a/static/style.css b/static/css/style.css
similarity index 98%
rename from static/style.css
rename to static/css/style.css
index c66d162..0f61aa1 100644
--- a/static/style.css
+++ b/static/css/style.css
@@ -14,7 +14,7 @@ html {
}
body {
- text-size-adjust:100%
+ text-size-adjust:100%;
background-attachment: fixed;
background-color: #000000;
color: rgba(255, 255, 255, 0.75);
@@ -57,6 +57,11 @@ h2 {
margin-top:1rem
}
+hr {
+ border: 1px solid #c11012;
+ border-radius: 2px;
+}
+
#sidebar {
flex: 0 0 auto;
padding:2rem
diff --git a/templates/index.html b/templates/index.html
index 98c1719..e799d43 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,7 +6,7 @@
{% for page in pages %}