Cleaned code and added div for mastodon comments

templates/article.html

@@ -51,51 +51,39 @@
   {% endif %}  
   <meta property="og:description" content="{{ article.summary|striptags }}" />
 
-
 {% endblock %}
 
 {% block content %}
 <section id="content" class="body">
   <header>
     <h1 class="entry-title">
-      <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
+      <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h1>
-         title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h1>
   {% import 'translations.html' as translations with context %}
   {{ translations.translations_for(article) }}
-Published: <time class="published" datetime="{{ article.date.isoformat() }}">
+    Published: <time class="published" datetime="{{ article.date.isoformat() }}">{{ article.locale_date }}</time>
-  {{ article.locale_date }}
+  {% if article.modified %}
-</time>
+    <br />Updated: <time class="modified" datetime="{{ article.modified.isoformat() }}">{{ article.locale_modified }}</time>
-{% if article.modified %}
+  {% endif %}
-<br />Updated: <time class="modified" datetime="{{ article.modified.isoformat() }}">
+  {% if article.authors %}
-  {{ article.locale_modified }}
+    <address class="vcard author">By {% for author in article.authors %}
-</time>
-{% endif %}
-{% if article.authors %}
-<address class="vcard author">
-  By {% for author in article.authors %}
       <a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
     {% endfor %}
-</address><br />
+    </address><br />
-{% endif %}
+  {% endif %}
 
-{% if SOCIAL_SHARE is sameas true %}
+    {% if SOCIAL_SHARE is sameas true %}
-<p class="share">Share this article on: 
+    <p class="share">Share this article on: 
       <span><a class="" href="https://twitter.com/intent/tweet?text={{ article.title|striptags }}&url={{ SITEURL }}/{{ article.url }}{% if SOCIAL_TWITTER %}&via={{ SOCIAL_TWITTER }}{% endif %}" target="_blank" title="Share on Twitter"><i class="fab fa-twitter"></i> Twitter</a></span>
       <span><a class="" href="https://www.linkedin.com/sharing/share-offsite/?url={{ SITEURL }}/{{ article.url }}" target="_blank" title="Share via Linkedin"><i class="icon brands fa-linkedin"></i> Linkedin</a></span>
       <span><a class="" href="mailto:?subject={{ article.title|striptags }}&body={{ article.summary|striptags }} - {{ SITEURL }}/{{ article.url }}" target="_blank" title="Share via Email"><i class="fas fa-envelope"></i> Email</a></span>
-</p>
+    </p>
-{% else %}
+    {% else %}
-{% endif %}
+    {% endif %}
-
-
-
-
 
     {% if article.photo_image %}
     <img style="max-width:90%; display: block; margin: 0px auto;" src="{{ SITEURL }}/{{ article.photo_image[1] }}" />
     <br /><br />
     {% endif %}
-
   </header>    
   <div class="entry-content">
   {{ article.content }}
@@ -108,12 +96,10 @@ Published: <time class="published" datetime="{{ article.date.isoformat() }}">
         {% endfor %}
     {% endfor %}
     </div>
-    
     {% endif %}
     {% if article.series %}
     <div class="post series">
       <br /><br />
-    
       <p>This post is part {{ article.series.index }} of the "{{ article.series.name }}" series:</p>
       <ol class="parts">
         {% for part_article in article.series.all %}
@@ -122,12 +108,8 @@ Published: <time class="published" datetime="{{ article.date.isoformat() }}">
         </li>
         {% endfor %}
       </ol>      
-      
     </div>
     {% endif %}
-
-
-
     <footer class="post-info">
       {% if article.category %}
       <div class="category">
@@ -143,13 +125,13 @@ Published: <time class="published" datetime="{{ article.date.isoformat() }}">
       </div>
       {% endif %}
     </footer><!-- /.post-info -->
-    
     {% if MASTODON_COMMENTS is sameas True %}
+    <div class="mastodon-comments">
       <br />
       <p><strong><a href="{{ SITEURL }}/mastodon-comments/bot.php?title={{ article.title|striptags }}&url={{ SITEURL }}/{{ article.url }}{% if article.photo_image %}&image=../{{ article.photo_image[1] }}{% endif %}">Click Here to Comment on Mastodon.</a></strong></p>
       <p>If its your first time commenting, <a href="https://jeffmackinnon.com/commenting-on-blog-with-mastodon.html">click here</a> to figure it out.</p>
+    </div>
       {% endif %}
-  
   </div><!-- /.entry-content -->
 </section>
 {% endblock %}