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

templates/404.html

@@ -3,7 +3,7 @@
 {% block content %}
 <picture>
   <source srcset="{{ get_url(path='404.png') }}" media="(prefers-reduced-motion: reduce)"></source> 
-  <img srcset="{{ get_url(path='404.gif') }}" class="pixels transparent no-hover not-found">
+  <img id="not-found" class="pixels transparent no-hover" srcset="{{ get_url(path='404.gif') }}">
 </picture>
 
 <h1>Page Not Found</h1>

templates/blog.html

@@ -78,7 +78,7 @@
 
 {% if page.lower or page.higher %}
   <hr>
-  <nav class="post-nav">
+  <nav id="post-nav">
   {% if page.higher %}
     <a class="post-nav-item post-nav-prev" href="{{ page.higher.permalink }}">
       <div class="nav-arrow">← Previous</div>

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 %}

templates/page.html

@@ -1,11 +1,11 @@
 {% extends "base.html" %}
 
 {% block content %}
-{{ page.content | safe }}
 {% if page.extra.archive %}
   <div class="statement-container archive">
     <strong class="big">⚠ Archived</strong>
     {{ page.extra.archive | markdown | safe }}
   </div>
 {% endif %}
+{{ page.content | safe }}
 {% endblock content %}