Cleaned code and added div for mastodon comments

templates/article.html

@@ -51,28 +51,21 @@
   {% 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 }}
-</time>
   {% if article.modified %}
-<br />Updated: <time class="modified" datetime="{{ article.modified.isoformat() }}">
+    <br />Updated: <time class="modified" datetime="{{ article.modified.isoformat() }}">{{ article.locale_modified }}</time>
-  {{ article.locale_modified }}
-</time>
   {% endif %}
   {% if article.authors %}
-<address class="vcard author">
+    <address class="vcard author">By {% for author in article.authors %}
-  By {% for author in article.authors %}
       <a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
     {% endfor %}
     </address><br />
@@ -87,15 +80,10 @@ Published: <time class="published" datetime="{{ article.date.isoformat() }}">
     {% else %}
     {% 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 %}