Merge pull request #3 from morbidrsa/main

Followup

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('/<path:path>.html')

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")

requirements.txt

@@ -1,5 +1,6 @@
 flask
 flask_flatpages
+flask_fontawesome
 
 pytest
 pytest-cov

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;

templates/template.html

@@ -2,6 +2,7 @@
 <html lang="de">
   <head>
     <!-- CSS -->
+    {{ fontawesome_html() }}
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
     <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
   </head>
@@ -44,5 +45,6 @@
         </div>
       </div>
     </main>
+    {{ fontawesome_js() }}
   </body>
 </html>