diff --git a/app.py b/app.py index c025e32..7697768 100755 --- a/app.py +++ b/app.py @@ -2,12 +2,15 @@ # vim: set sw=4 ts=4 ex from flask import Flask, render_template, url_for from flask_flatpages import FlatPages +from flask_fontawesome import FontAwesome from datetime import datetime app = Flask(__name__) app.config['FLATPAGES_EXTENSION'] = '.md' +app.config['FONTAWESOME_STYLES'] = ['solid', 'brands'] pages = FlatPages(app) +fa = FontAwesome(app) @app.route('/.html') diff --git a/pages/wacken2019.md b/pages/wacken2019.md index ae98460..167ff28 100644 --- a/pages/wacken2019.md +++ b/pages/wacken2019.md @@ -1,5 +1,5 @@ title: Festivaltagebuch - W:O:A 2019 -date: 01.11.2020 +date: 05.08.2019 author: Markus description: Ein weiterer Artikel aus der Reihe „FDGL on Tour“. Diesmal mein ganz persönliches Festivaltagebuch zu Wacken 2019 mit einigen Erlebnissen und Konzertberichten. Habt Spaß! @@ -63,7 +63,7 @@ Heute heisst es, früh aufzustehen. Wir wollen gleich morgens auf’s Infield, s Übrigens, typisch Metalheads: Die Gates zum Infield sind noch geschlossen und es bilden sich ganz brav geordnete Schlangen. Man drängelt nicht, unterhält sich und wartet geduldig, bis man drankommt. ![Geduldiges Schlangestehen: Metalheads eben.](static/img/woa2019_08.jpg#illustration "Warteschlange") -Gleich im Anschluss spielen **Queensrÿche** auf der Mittelbühne. Natürlich nicht mehr mit _Geoff Tate_, der 2012 nach andauernden Schwierigkeiten von seinen Musikerkollegen entlassen wurde und seitdem mit seiner Band _Operation: Mindcrime_ für Verwirrung sorgt. Nun steht _Todd La Torre_ am Mikrofon und kann uns voll überzeugen. Neben uns ein alter Fan im original Tour-Shirt der _Operation Mindcrime_-Europatour, der sich wie ein kleines Kind freut. Wir freuen uns ebenfalls, schließlich werden wir Queensrÿche beim [Christmas Bash 2019](https://www.christmasbash.de "Christmas Bash in Geiselwind") noch einmal erleben dürfen. +Gleich im Anschluss spielen **Queensrÿche** auf der Mittelbühne. Natürlich nicht mehr mit _Geoff Tate_, der 2012 nach andauernden Schwierigkeiten von seinen Musikerkollegen entlassen wurde und seitdem mit seiner Band _Operation: Mindcrime_ für Verwirrung sorgt. Nun steht _Todd La Torre_ am Mikrofon und kann uns voll überzeugen. Neben uns ein alter Fan im original Tour-Shirt der _Operation Mindcrime_-Europatour, der sich wie ein kleines Kind freut. Wir freuen uns ebenfalls, schließlich werden wir Queensrÿche beim [Christmas Bash 2019](https://www.christmasbash.de#extern "Christmas Bash in Geiselwind") noch einmal erleben dürfen. Wer von Euch kann sich noch an die Crossover-Band **Body Count** erinnern, die mit ihrem 1992 erschienenen gleichnamigen Song bzw. Album damals in jeder Metaldisco gespielt wurden? Tatsächlich waren **Body Count featuring Ice-T** beim diesjährigen Wacken live zu erleben. Wer’s mag, Motherf\*\*\*\*\*! ![Wer guckt da so skeptisch zu Ice-Ts Gerappe?](static/img/woa2019_09.jpg#illustration "Dieter skeptisch") diff --git a/requirements.txt b/requirements.txt index 706464a..56de899 100644 --- a/requirements.txt +++ b/requirements.txt @@ -1,5 +1,6 @@ flask flask_flatpages +flask_fontawesome pytest pytest-cov diff --git a/static/style.css b/static/style.css index eb23c47..c66d162 100644 --- a/static/style.css +++ b/static/style.css @@ -28,7 +28,7 @@ main { } a { - color: #268bd2; + color: #c11012; text-decoration:none } @@ -135,6 +135,34 @@ img[src $= "#illustration"] { width: 60%; } +/* + Display an external icon after each link that leads away from our site. + */ +.content a[href^="http://"]:not([href*="fdgl.rocks"]):not([href*="youtu.be"]):not([href*="youtube.com"]):after, +.content a[href^="https://"]:not([href*="fdgl.rocks"]):not([href*="youtu.be"]):not([href*="youtube.com"]):after { + + font-family: 'Font Awesome 5 Free'; + content: "\f35d"; + display: inline-block; + font: normal 16px/1 'Font Awesome 5 Free'; + margin-left: 4px; +} +/* + Display an Youtube icon left of every youtube link. + */ +.content a[href^="http://youtu.be"]:before, +.content a[href^="https://youtu.be"]:before, +.content a[href^="http://youtube.com"]:before, +.content a[href^="https://youtube.com"]:before { + + font-family: "Font Awesome 5 Brands"; + content: "\f167"; + display: inline-block; + font: normal 16px/1 'Font Awesome 5 Brands'; + margin-right: 4px; +} + + @media (min-width: 49rem) { body { flex-direction: row; diff --git a/templates/template.html b/templates/template.html index 4a822d6..0333291 100644 --- a/templates/template.html +++ b/templates/template.html @@ -2,6 +2,7 @@ + {{ fontawesome_html() }} @@ -44,5 +45,6 @@ + {{ fontawesome_js() }}