From a82cccfdef1604cb57f6efe9c8299b477c10d575 Mon Sep 17 00:00:00 2001
From: Dominik Pataky <git@bitkeks.eu>
Date: Sat, 18 Aug 2018 23:22:08 +0200
Subject: [PATCH] Add link underline for main body; add link icon

Links in the main body part are now underlined on mouse hover.
<a> tags in the article content are expanded by an icon from
FontAwesome.

Fixes #140
---
 static/main.css                   | 18 +++++++++++++-----
 templates/posts/details.html.tera |  2 +-
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/static/main.css b/static/main.css
index 0ed247d8..f5d92ce3 100644
--- a/static/main.css
+++ b/static/main.css
@@ -126,11 +126,19 @@ main .article-info .author a { font-weight: 600; }
 /* Article */
 
 main article {
-	max-width: 40rem;
-	margin: 2.5em auto;
-	font-family: "Lora", serif;
-	font-size: 1.2em;
-	line-height: 1.7em;
+        max-width: 40rem;
+        margin: 2.5em auto;
+        font-family: "Lora", serif;
+        font-size: 1.2em;
+        line-height: 1.7em;
+}
+
+main a:hover {
+        text-decoration: underline;
+}
+
+main article .fa, main article .fas {
+        font-size: 10pt;
 }
 
 article img {
diff --git a/templates/posts/details.html.tera b/templates/posts/details.html.tera
index c20fa49f..0fdf0d5f 100644
--- a/templates/posts/details.html.tera
+++ b/templates/posts/details.html.tera
@@ -24,7 +24,7 @@
         <span class="date">{{ date | date(format="%B %e, %Y") }}</span>
     </p>
     <article>
-        {{ article.post.content | safe }}
+        {{ article.post.content | safe | replace(from="</a>", to=" <i class='fas fa-external-link-alt'></i></a>") }}
     </article>
 
     <div class="article-meta">