feat: QR code to the mastodon post used for comments, chnage some classes to IDs

templates/includes/comments.html

@@ -38,6 +38,8 @@ which were inspired by https://codeberg.org/jwildeboer/jwildeboersource/src/comm
 {% endif %}
 
 <section id="comments" class="article comments">
+  <img id="qrcode" class="no-hover pixels" src="https://api.qrserver.com/v1/create-qr-code/?data=https://{{ host }}/@{{ username }}/{{ id }}">
+
   <h2>Comments</h2>
   <p>Comment on this blog post by publicly replying to <a href="https://{{ host }}/@{{ username }}/{{ id }}">this Mastodon post</a> using a Mastodon or other ActivityPub/Fediverse account. Known non-private replies are displayed below.</p>
 

templates/includes/footer.html

@@ -14,7 +14,7 @@
   {% if config.extra.footer.show_johnvert %}
     <small>
       <details><summary>Johnvertisement</summary>
-        <iframe class="johnvertisement" title="Johnvertisement" src="https://john.citrons.xyz/embed?ref={{ config.extra.footer.johnvert_ref }}"></iframe>
+        <iframe id="johnvertisement" title="Johnvertisement" src="https://john.citrons.xyz/embed?ref={{ config.extra.footer.johnvert_ref }}"></iframe>
       </details>
     </small>
   {% endif %}