Fix and improve generated HTML

blog/templates/macros.html

@@ -10,9 +10,9 @@
 
 {% macro utterances() %}
     <script src="https://utteranc.es/client.js"
-        repo="phil-opp/blog_os"
-        issue-term="url"
-        label="comments"
+        data-repo="phil-opp/blog_os"
+        data-issue-term="url"
+        data-label="comments"
         crossorigin="anonymous"
         async>
     </script>

blog/templates/second-edition/index.html

@@ -8,6 +8,8 @@
 {% set posts_section = get_section(path = "second-edition/posts/_index.md") %}
 {% set posts = posts_section.pages %}
 
+<h1 style="visibility: hidden; height: 0px; margin: 0px; padding: 0px;">Posts</h1>
+
 <div class="front-page-introduction">
     <p>
         This blog series creates a small operating system in the
@@ -48,11 +50,11 @@
     <h2 class="post-title">Subscribe</h2>
     <p>Receive notifications about new posts and other major changes! You can either:</p>
 
-    <p><ul>
+    <ul>
         <li>Subscribe to our <a href="/rss.xml">RSS/Atom Feed</a>,</li>
         <li>Subscribe to <a href="https://github.com/phil-opp/blog_os/issues/479">this GitHub issue</a>, or</li>
         <li>Subscribe to our <a href="https://tinyletter.com/phil-opp/">email newsletter</a>.</li>
-    </ul></p>
+    </ul>
 </div>
 
 <hr>
@@ -78,7 +80,9 @@
     <h1>Support Me</h1>
     {% include "support.html" %}
 </div>
+{% endblock main %}
 
+{% block after_main %}
 <aside id="recent-updates">
     <div class="block">
         <h1>Recent Updates</h1>
@@ -109,7 +113,7 @@
                     {% include "auto/forks.html" %}
                 </a>
 
-                <a href="https://github.com/sponsors/phil-opp" class="sponsor" href="#support-me">
+                <a href="https://github.com/sponsors/phil-opp" class="sponsor">
                     <svg viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M9 2c-.97 0-1.69.42-2.2 1-.51.58-.78.92-.8 1-.02-.08-.28-.42-.8-1-.52-.58-1.17-1-2.2-1-1.632.086-2.954 1.333-3 3 0 .52.09 1.52.67 2.67C1.25 8.82 3.01 10.61 6 13c2.98-2.39 4.77-4.17 5.34-5.33C11.91 6.51 12 5.5 12 5c-.047-1.69-1.342-2.913-3-3z"></path></svg>
                     Sponsor
                 </a>
@@ -119,4 +123,4 @@
 
 </aside>
 
-{% endblock main %}
+{% endblock after_main %}