From bbc29fbddac45431433f6b99add6c1984b5b74bc Mon Sep 17 00:00:00 2001
From: Haydn Ewers <27211+haydn@users.noreply.github.com>
Date: Wed, 3 Sep 2025 11:54:40 +1000
Subject: [PATCH] add github link

---
 src/app/layout.tsx |  37 +++++++++++++-
 src/app/page.tsx   | 124 ++++++++++++++++++++-------------------------
 2 files changed, 91 insertions(+), 70 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 5117fe2..5c1b3f5 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,11 @@
 import { Base } from "@colonydb/anthill/Base";
+import { Header } from "@colonydb/anthill/Header";
+import { Heading } from "@colonydb/anthill/Heading";
+import { Link } from "@colonydb/anthill/Link";
+import { Section } from "@colonydb/anthill/Section";
 import { Analytics } from "@vercel/analytics/next";
 import type { Metadata } from "next";
+import Image from "next/image";
 import FrameworkContextProvider from "./FrameworkContextProvider";
 
 type Props = Readonly<{
@@ -52,7 +57,37 @@ const RootLayout = ({ children }: Props) => (
             grayChroma: 0,
           }}
         >
-          {children}
+          <Section
+            title={
+              <div
+                style={{
+                  background: "light-dark(var(--color-gray-t3), var(--color-gray-s3))",
+                  paddingInlineEnd: "0.5rlh",
+                }}
+              >
+                <Header
+                  actions={
+                    <Link href="https://github.com/haydn/harvester" external>
+                      <svg height="1lh" viewBox="0 0 98 96" style={{ display: "inline" }}>
+                        <title>GitHub</title>
+                        <path
+                          d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                    </Link>
+                  }
+                >
+                  <Heading>
+                    <Image src="/harvester-640x640.png" alt="Harvester" height={55} width={55} />
+                  </Heading>
+                </Header>
+              </div>
+            }
+            spacing="p1"
+          >
+            {children}
+          </Section>
         </Base>
       </FrameworkContextProvider>
       <Analytics />
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1e74e87..53a336d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,6 @@ import { Heading } from "@colonydb/anthill/Heading";
 import { MultiColumnStack } from "@colonydb/anthill/MultiColumnStack";
 import { Section } from "@colonydb/anthill/Section";
 import { Stack } from "@colonydb/anthill/Stack";
-import Image from "next/image";
 import useSWR from "swr/immutable";
 import { AddSourceDialog } from "@/dialogs/AddSourceDialog";
 import { EditSourceDialog } from "@/dialogs/EditSourceDialog";
@@ -24,75 +23,62 @@ const HomePage = () => {
   } = useSWR<Array<SourceConfig>, Error>("lists", configFetcher);
 
   return (
-    <Section
-      title={
-        <div style={{ background: "light-dark(var(--color-gray-t3), var(--color-gray-s3))" }}>
-          <Header>
-            <Heading>
-              <Image src="/harvester-640x640.png" alt="Harvester" height={55} width={55} />
-            </Heading>
-          </Header>
-        </div>
-      }
-      spacing="p1"
-    >
-      <div style={{ padding: "0 1rlh 1rlh" }}>
-        {isLoading ? (
-          "Loading…"
-        ) : error ? (
-          error.message
-        ) : (
-          <div
-            style={{
-              gap: "2rlh",
-              display: "grid",
-              columnRule: "1px solid currentColor",
-              gridTemplateColumns: "minmax(0, 10rlh) minmax(0, 1fr)",
-            }}
+    <div style={{ padding: "0 1rlh 1rlh" }}>
+      {isLoading ? (
+        "Loading…"
+      ) : error ? (
+        error.message
+      ) : (
+        <div
+          style={{
+            gap: "2rlh",
+            display: "grid",
+            columnRule: "1px solid currentColor",
+            gridTemplateColumns: "minmax(0, 10rlh) minmax(0, 1fr)",
+          }}
+        >
+          <Section
+            title={
+              <Header actions={<AddSourceDialog />}>
+                <Heading>Sources</Heading>
+              </Header>
+            }
           >
-            <Section
-              title={
-                <Header actions={<AddSourceDialog />}>
-                  <Heading>Sources</Heading>
-                </Header>
-              }
-            >
-              <Stack tagName="ul">
-                {(sources ?? [])
-                  .sort((a, b) => a.name.localeCompare(b.name))
-                  .map((source) => (
-                    <Source
-                      actions={
-                        <ActionSet
-                          actions={[
-                            {
-                              content: <EditSourceDialog source={source} />,
-                              key: "edit",
-                            },
-                            {
-                              content: <RemoveSourceDialog source={source} />,
-                              key: "remove",
-                            },
-                          ]}
-                          color={["gray-s1", "gray-t1"]}
-                          title="Edit"
-                        />
-                      }
-                      config={source}
-                      key={source.id}
-                    />
-                  ))}
-              </Stack>
-            </Section>
-            <Section title={<Heading>Items</Heading>}>
-              <MultiColumnStack allowBreaks columns="30ch">
-                <List sources={sources ?? []} />
-              </MultiColumnStack>
-            </Section>
-          </div>
-        )}
-      </div>
-    </Section>
+            <Stack tagName="ul">
+              {(sources ?? [])
+                .sort((a, b) => a.name.localeCompare(b.name))
+                .map((source) => (
+                  <Source
+                    actions={
+                      <ActionSet
+                        actions={[
+                          {
+                            content: <EditSourceDialog source={source} />,
+                            key: "edit",
+                          },
+                          {
+                            content: <RemoveSourceDialog source={source} />,
+                            key: "remove",
+                          },
+                        ]}
+                        color={["gray-s1", "gray-t1"]}
+                        title="Edit"
+                      />
+                    }
+                    config={source}
+                    key={source.id}
+                  />
+                ))}
+            </Stack>
+          </Section>
+          <Section title={<Heading>Items</Heading>}>
+            <MultiColumnStack allowBreaks columns="30ch">
+              <List sources={sources ?? []} />
+            </MultiColumnStack>
+          </Section>
+        </div>
+      )}
+    </div>
   );
 };
 
-- 
2.51.2