diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 596c09d..a360d0a 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -53,19 +53,43 @@ import '../styles/global.css';
     <div class="container page">
       <nav class="navbar navbar-dark bg-info navbar-expand-md menu shadow-sm mb-4">
         <div class="container-fluid">
-          <ul class="navbar-nav mr-lg-auto">
-            {navLinks.map(({ href, label }) => (
-              <li class="nav-item pl-1 pr-1">
-                <a class={`nav-link${currentPath === href ? " active font-weight-bold" : ""}`} href={href}>
-                  {label}
-                </a>
-              </li>
-            ))}
-          </ul>
+          <button
+            class="navbar-toggler"
+            type="button"
+            aria-controls="main-nav"
+            aria-expanded="false"
+            aria-label="Toggle navigation"
+          >
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <div class="collapse navbar-collapse" id="main-nav">
+            <ul class="navbar-nav mr-lg-auto">
+              {navLinks.map(({ href, label }) => (
+                <li class="nav-item pl-1 pr-1">
+                  <a class={`nav-link${currentPath === href ? " active font-weight-bold" : ""}`} href={href}>
+                    {label}
+                  </a>
+                </li>
+              ))}
+            </ul>
+          </div>
         </div>
       </nav>
 
       <slot />
     </div>
+
+    <script>
+      // Bootstrap's collapse JS needs jQuery, which the site does not load. Its
+      // CSS hides .collapse:not(.show) below the md breakpoint, so this script
+      // only toggles that class. Above md, .navbar-collapse is display:flex
+      // !important, so a stale .show is harmless when resizing back up.
+      const toggler = document.querySelector<HTMLButtonElement>(".navbar-toggler");
+      const target = document.getElementById("main-nav");
+      toggler?.addEventListener("click", () => {
+        const open = target?.classList.toggle("show") ?? false;
+        toggler.setAttribute("aria-expanded", String(open));
+      });
+    </script>
   </body>
 </html>
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index c1f0fe2..9fe4045 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -12,7 +12,7 @@ import Layout from '../layouts/Layout.astro';
         <h1>Blog</h1>
         <p>The Flix Blog is now available at:</p>
         <div class="mt-3">
-          <a href="https://blog.flix.dev/"><h2>https://blog.flix.dev/</h2></a>
+          <h2><a href="https://blog.flix.dev/">https://blog.flix.dev/</a></h2>
         </div>
       </div>
     </div>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 73b8ce1..0bf19ca 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -994,85 +994,87 @@ const vscodeSlides = [
 
     <hr class="mb-4" />
 
-    <div class="row mb-4">
+    <div class="row">
       <div class="col-md-12">
         <h2>Sponsors and Funding</h2>
       </div>
-      <div class="row">
-        <div class="col">
-          <div class="card border-0 p-3">
-            <img
-              src="/logo/dff.png"
-              class="card-img"
-              alt="Independent Research Fund Denmark"
-              loading="lazy"
-            />
-          </div>
+    </div>
+
+    <div class="row mb-4">
+      <div class="col">
+        <div class="card border-0 p-3">
+          <img
+            src="/logo/dff.png"
+            class="card-img"
+            alt="Independent Research Fund Denmark"
+            loading="lazy"
+          />
         </div>
-        <div class="col">
-          <div class="card border-0 p-3">
-            <img
-              src="/logo/direc.png"
-              class="card-img"
-              alt="Digital Research Centre Denmark"
-              loading="lazy"
-            />
-          </div>
+      </div>
+      <div class="col">
+        <div class="card border-0 p-3">
+          <img
+            src="/logo/direc.png"
+            class="card-img"
+            alt="Digital Research Centre Denmark"
+            loading="lazy"
+          />
         </div>
-        <div class="col">
-          <div class="card border-0 p-3">
-            <img
-              src="/logo/amazon-science.png"
-              class="card-img"
-              alt="Amazon Research Award"
-              loading="lazy"
-            />
-          </div>
+      </div>
+      <div class="col">
+        <div class="card border-0 p-3">
+          <img
+            src="/logo/amazon-science.png"
+            class="card-img"
+            alt="Amazon Research Award"
+            loading="lazy"
+          />
         </div>
-        <div class="col">
-          <div class="card border-0 p-3">
-            <img src="/logo/stibo.png" class="card-img" alt="StiboFonden" loading="lazy" />
-          </div>
+      </div>
+      <div class="col">
+        <div class="card border-0 p-3">
+          <img src="/logo/stibo.png" class="card-img" alt="StiboFonden" loading="lazy" />
         </div>
       </div>
     </div>
 
     <hr class="mb-4" />
 
-    <div class="row mb-4">
+    <div class="row">
       <div class="col-md-12">
         <h2>Collaborators</h2>
       </div>
-      <div class="row">
-        <div class="col-md-3">
-          <div class="card border-0 p-3">
-            <img
-              src="/logo/aarhusu.png"
-              class="card-img"
-              alt="Aarhus University"
-              loading="lazy"
-            />
-          </div>
+    </div>
+
+    <div class="row mb-4">
+      <div class="col-md-3">
+        <div class="card border-0 p-3">
+          <img
+            src="/logo/aarhusu.png"
+            class="card-img"
+            alt="Aarhus University"
+            loading="lazy"
+          />
         </div>
-        <div class="col-md-4">
-          <div class="card border-0 p-3">
-            <img
-              src="/logo/uwaterloo.png"
-              class="card-img"
-              alt="University of Waterloo"
-              loading="lazy"
-            />
-          </div>
+      </div>
+      <div class="col-md-4">
+        <div class="card border-0 p-3">
+          <img
+            src="/logo/uwaterloo.png"
+            class="card-img"
+            alt="University of Waterloo"
+            loading="lazy"
+          />
         </div>
-        <div class="col-md-3">
-          <div class="card border-0 p-3">
-            <img
-              src="/logo/tubingen.png"
-              class="card-img"
-              alt="University of Tubingen"
-              loading="lazy"
-            />
-          </div>
+      </div>
+      <div class="col-md-3">
+        <div class="card border-0 p-3">
+          <img
+            src="/logo/tubingen.png"
+            class="card-img"
+            alt="University of Tubingen"
+            loading="lazy"
+          />
         </div>
       </div>
     </div>