Improve formatting of extra content on main page

blog/content/edition-3/chapters/bare-bones/_index.md

@@ -3,4 +3,7 @@ title = "Bare Bones"
 render = false
 +++
 
-In this first chapter, we explain how to create an operating system for the `x86_64` architecture step for step. Starting from scratch, we first create a minimal Rust executable that doesn't depend on the standard library. We then turn it into a bootable OS kernel by combining it with a bootloader. The resulting disk image can then be launched in the [QEMU](https://www.qemu.org/) emulator or booted on a real machine.
+In this first chapter, we explain how to create an operating system for the `x86_64` architecture step by step.
+Starting from scratch, we first create a minimal Rust executable that doesn't depend on the standard library.
+We then turn it into a bootable OS kernel by combining it with a bootloader.
+The resulting disk image can then be launched in the [QEMU](https://www.qemu.org/) emulator or booted on a real machine.

blog/sass/css/edition-3/main.scss

@@ -1156,3 +1156,18 @@ img {
         opacity: 1;
     }
 }
+
+
+.post-extra-content {
+    margin-top: 1rem;
+
+    h4 {
+        display: inline;
+        margin-right: 1rem;
+    }
+
+    a {
+        font-weight: bold;
+    }
+}
+

blog/templates/edition-3/foundation.html

@@ -51,7 +51,7 @@
             <small>
                 &copy; <time datetime="2022">2022</time>. All rights reserved.
                 <a class="spaced" href="https://github.com/phil-opp/blog_os#license">License</a>
-                <a class="spaced" href="{{ get_url(path=" @/pages/contact.md") | safe }}">Contact</a>
+                <a class="spaced" href="{{ get_url(path="@/pages/contact.md") | safe }}">Contact</a>
             </small>
         </footer>
     </div>

blog/templates/edition-3/index.html

@@ -65,7 +65,7 @@
     <p>{{ status_updates.description }}</p>
     <ul>
         {% include "auto/status-updates-truncated.html" %}
-        <li><a href="{{ get_url(path=" @/status-update/_index.md") | safe }}"><em>view all »</em></a></li>
+        <li><a href="{{ get_url(path="@/status-update/_index.md") | safe }}"><em>view all »</em></a></li>
     </ul>
 </div>
 
@@ -75,7 +75,7 @@
         editions, you can still find them here:</p>
     <ul>
         <li>
-            <p><strong><a href="{{ get_url(path=" @/edition-2/_index.md")}}">Second Edition:</a></strong> The second
+            <p><strong><a href="{{ get_url(path="@/edition-2/_index.md")}}">Second Edition:</a></strong> The second
                 edition is based on older version of the <code>bootloader</code> crate, which uses the hardware-provided
                 VGA text buffer instead of a pixel-based framebuffer for screen output. Instead of the APIC, the legacy
                 PIC is used for implementing hardware interrupts. The second edition only works on BIOS-based systems,
@@ -83,7 +83,7 @@
                     }}"><em>read&nbsp;the&nbsp;second edition&nbsp;»</em></a></p>
         </li>
         <li>
-            <p><strong><a href="{{ get_url(path=" @/edition-1/_index.md")}}">First Edition:</a></strong> The first
+            <p><strong><a href="{{ get_url(path="@/edition-1/_index.md")}}">First Edition:</a></strong> The first
                 edition was already started in 2015. It is very different in many aspects, for example it builds upon
                 the GRUB bootloader instead of using the `bootloader` crate. This means that it requires you to manually
                 write some assembly code and do an elaborate remap of the kernel's virtual pages in order to improve

blog/templates/edition-3/macros.html

@@ -82,7 +82,7 @@
         still in alpha state, so things might be still in progress, not work, or change without warning!
     </p>
     <p>
-        For a more stable experience, check out the current <a href="{{ get_url(path = " @/edition-2/_index.md") | safe
+        For a more stable experience, check out the current <a href="{{ get_url(path = "@/edition-2/_index.md") | safe
             }}"><strong>Second Edition</strong></a>.
     </p>
 </div>

blog/templates/edition-3/page.html

@@ -6,10 +6,10 @@
 {% block title %}{{ page.title }} | {{ config.title }}{% endblock title %}
 {% block header %}
 {% if lang != "en" -%}
-<aside id="all-posts-link"><a href="{{ get_url(path=" @/edition-3/_index.md") }}/{{ lang }}" title="All Posts">{{
+<aside id="all-posts-link"><a href="{{ get_url(path="@/edition-3/_index.md") }}/{{ lang }}" title="All Posts">{{
         trans(key="all_posts", lang=lang) }}</a></aside>
 {%- else -%}
-<aside id="all-posts-link"><a href="{{ get_url(path=" @/edition-3/_index.md") }}" title="All Posts">{{
+<aside id="all-posts-link"><a href="{{ get_url(path="@/edition-3/_index.md") }}" title="All Posts">{{
         trans(key="all_posts", lang=lang) }}</a></aside>
 {%- endif %}
 {% endblock header %}