A11y: underline links inside content

This improves accessibility by making links recognizable without color,
which is important for users with eyesight problems.

Author: Fidel Ramos

pelican/themes/reflex/static/stylesheet/style.less

@@ -235,6 +235,10 @@ main {
       border-radius: 3px;
     }
 
+    .entry-content a:not(.btn) {
+      text-decoration: underline;
+    }
+
     .comment-count {
       font-size: .8em;
     }

pelican/themes/reflex/static/stylesheet/style.min.css

@@ -46,7 +46,7 @@ <h1 id="{{ article.slug }}">{{ article.title }}</h1>
     </script>
   {% endif %}
 
-  <div>
+  <div class="entry-content">
     {{ article.content }}
   </div>
   <div class="tag-cloud">

pelican/themes/reflex/templates/article.html

@@ -33,7 +33,7 @@ <h2><a href="{{ SITEURL }}/{{ article.url }}{% if not DISABLE_URL_HASH %}#{{ art
       {% endif %}
     </p>
   </header>
-  <div>
+  <div class="entry-content">
     {% if summarise or article.metadata['summary'] or SUMMARY_MAX_LENGTH %}
       {% if  article.featured_image %}
         <img src="{{ article.featured_image }}">

pelican/themes/reflex/templates/index.html

@@ -20,7 +20,7 @@
     {{ translations.translations_for(page) }}
     <h1 id="{{ page.slug }}">{{ page.title }}</h1>
   </header>
-  <div>
+  <div class="entry-content">
     {% block before_content %}{% endblock %}
     {% block page_content %}{{ page.content }}{% endblock %}
     {% block after_content %}{% endblock %}