From 83c4387e94c3669f9ec342c13f89414186bb1c49 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/css/main.css               | 8 ++++++++
 templates/posts/details.html.tera | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/static/css/main.css b/static/css/main.css
index 85334afc..489c67ac 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -194,6 +194,14 @@
  	line-height: 1.7em;
  }
 
+main a:hover {
+        text-decoration: underline;
+}
+
+main article .fa, main article .fas {
+        font-size: 10pt;
+}
+
  article img {
  	display: block;
  	margin: 3em auto;
diff --git a/templates/posts/details.html.tera b/templates/posts/details.html.tera
index a6815e88..ca41abdc 100644
--- a/templates/posts/details.html.tera
+++ b/templates/posts/details.html.tera
@@ -36,7 +36,7 @@
         {% endif %}
     </div>
     <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">