Merge pull request #14 from Ayreonaut/mst-style

Fontawesome support and automatic decorations for external links and links leading to youtube. Also changed link color to "FdgL red".
pull/19/head
Johannes Thumshirn 4 years ago committed by GitHub
commit 52bd81f3a4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -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')

@ -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 aufs 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. Wers mag, Motherf\*\*\*\*\*!
![Wer guckt da so skeptisch zu Ice-Ts Gerappe?](static/img/woa2019_09.jpg#illustration "Dieter skeptisch")

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

@ -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;

@ -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>

Loading…
Cancel
Save