From d7313dfa3c6be58eb2eadd73295687521d4d2064 Mon Sep 17 00:00:00 2001
From: Cameron Pfiffer <cameron@pfiffer.org>
Date: Mon, 20 Jul 2026 18:03:58 -0700
Subject: [PATCH] Share the blog protocol footer with Knowledge pages.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Keep the correction route while giving every entry the same Leaflet, home, and AT Protocol footer as authored posts.

👾 Generated with [Letta Code](https://letta.com)

Co-Authored-By: Letta Code <noreply@letta.com>
---
 public/site.css                    | 15 +--------------
 src/components/knowledge-entry.tsx | 20 ++++++++++++++------
 src/components/protocol-links.tsx  |  4 +++-
 3 files changed, 18 insertions(+), 21 deletions(-)

diff --git a/public/site.css b/public/site.css
index a90a36b..079d86d 100644
--- a/public/site.css
+++ b/public/site.css
@@ -1108,7 +1108,6 @@ h1 {
 }
 
 .page-footer .protocol-link-leaflet,
-.knowledge-entry-footer .protocol-link-leaflet,
 .knowledge-protocol-links .protocol-link-leaflet {
   color: var(--site-accent);
   font: inherit;
@@ -1117,7 +1116,6 @@ h1 {
 }
 
 .page-footer .protocol-link-atproto,
-.knowledge-entry-footer .protocol-link-atproto,
 .knowledge-protocol-links .protocol-link-atproto {
   color: var(--site-accent);
   font: inherit;
@@ -1677,10 +1675,7 @@ h1 {
   font-size: 0.72rem;
 }
 
-.knowledge-entry-footer {
-  display: flex;
-  justify-content: space-between;
-  gap: 1rem;
+.knowledge-correction {
   margin-top: 3rem;
   padding-top: 0.8rem;
   border-top: 1px solid var(--site-border);
@@ -1688,19 +1683,11 @@ h1 {
   font-size: 0.68rem;
 }
 
-.knowledge-entry-footer p {
-  margin: 0;
-}
-
 @media (max-width: 600px) {
   .knowledge-page-list li {
     grid-template-columns: minmax(0, 1fr);
     gap: 0.35rem;
   }
-
-  .knowledge-entry-footer {
-    flex-direction: column;
-  }
 }
 
 /* Code activity */
diff --git a/src/components/knowledge-entry.tsx b/src/components/knowledge-entry.tsx
index c94fe40..24153be 100644
--- a/src/components/knowledge-entry.tsx
+++ b/src/components/knowledge-entry.tsx
@@ -6,6 +6,7 @@ import {
 } from "../knowledge.ts";
 import { renderMarkdown } from "../markdown.ts";
 import { PageNav } from "./page-nav.tsx";
+import { ProtocolLinks } from "./protocol-links.tsx";
 
 function EntryLink({ entry }: { entry: KnowledgeEntryData }) {
   return <a href={`/knowledge/${entry.slug}`}>{entry.title}</a>;
@@ -67,12 +68,19 @@ export async function KnowledgeEntry({ entry }: { entry: KnowledgeEntryData }) {
           </section>
         )}
 
-        <footer class="knowledge-entry-footer">
-          <p>
-            <a href="https://bsky.app/profile/did:plc:gfrmhdmjvxn2sjedzboeudef" target="_blank" rel="noopener">
-              Suggest a correction ↗
-            </a>
-          </p>
+        <p class="knowledge-correction">
+          <a href="https://bsky.app/profile/did:plc:gfrmhdmjvxn2sjedzboeudef" target="_blank" rel="noopener">
+            Suggest a correction ↗
+          </a>
+        </p>
+
+        <footer class="page-footer">
+          <ProtocolLinks
+            atUri="at://did:plc:gfrmhdmjvxn2sjedzboeudef"
+            leafletUrl="https://cameron.leaflet.pub"
+            avatarUrl={profile?.avatar}
+            ariaLabel="Cameron's publishing links"
+          />
         </footer>
       </main>
     </div>
diff --git a/src/components/protocol-links.tsx b/src/components/protocol-links.tsx
index 9e31c0e..9cbd75f 100644
--- a/src/components/protocol-links.tsx
+++ b/src/components/protocol-links.tsx
@@ -3,16 +3,18 @@ export function ProtocolLinks({
   leafletUrl,
   avatarUrl,
   className,
+  ariaLabel = "Protocol versions",
 }: {
   atUri: string;
   leafletUrl: string;
   avatarUrl?: string;
   className?: string;
+  ariaLabel?: string;
 }) {
   return (
     <nav
       class={`protocol-links${className ? ` ${className}` : ""}`}
-      aria-label="Protocol versions"
+      aria-label={ariaLabel}
     >
       <a
         class="protocol-link-leaflet"
-- 
2.51.2