From 36050876a53f6299b2981a00600884b80abd969f Mon Sep 17 00:00:00 2001
From: DaveWJRH <dave.walter.hall@gmail.com>
Date: Fri, 24 Jul 2026 19:36:38 -0400
Subject: [PATCH] Add CTA buttons for adding projects and joining the webring

---
 src/pages/projects.astro | 24 ++++++++++++++++++++----
 src/pages/webring.astro  | 25 +++++++++++++++++++++----
 2 files changed, 41 insertions(+), 8 deletions(-)

diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index b1d598d..eb5e1da 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -1,6 +1,7 @@
 ---
 import { getCollection } from 'astro:content';
 import Base from '../layouts/Base.astro';
+import { Icon } from 'astro-icon/components';
 import Card from '../components/Card.astro';
 
 const projects = await getCollection('projects');
@@ -8,11 +9,26 @@ projects.sort((a, b) => b.data.year - a.data.year);
 ---
 
 <Base title="Projects · Carleton Computer Science Showcase">
-  <h1 class="text-2xl font-bold tracking-tight">Projects</h1>
-  <p class="text-muted mt-1">
-    Projects built by Carleton Computer Science students.
-  </p>
+  <div
+    class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between"
+  >
+    <div>
+      <h1 class="text-2xl font-bold tracking-tight">Projects</h1>
+      <p class="text-muted mt-1">
+        Projects built by Carleton Computer Science students.
+      </p>
+    </div>
 
+    <a
+      href="https://github.com/CarletonComputerScienceSociety/showcase#adding-a-project"
+      target="_blank"
+      rel="noopener"
+      class="bg-accent text-accent-contrast inline-flex w-full items-center justify-center gap-1 rounded-md px-4 py-2 text-center text-sm font-medium opacity-100 transition-opacity duration-200 hover:opacity-90 sm:w-auto sm:shrink-0"
+    >
+      <Icon name="lucide:plus" aria-hidden="true" />
+      <span> Add a project </span>
+    </a>
+  </div>
   {
     /*
     FILTER BAR insertion point — "domain + year filter" ticket.
diff --git a/src/pages/webring.astro b/src/pages/webring.astro
index 45bfe49..ac2192c 100644
--- a/src/pages/webring.astro
+++ b/src/pages/webring.astro
@@ -1,6 +1,7 @@
 ---
 import { getCollection } from 'astro:content';
 import Base from '../layouts/Base.astro';
+import { Icon } from 'astro-icon/components';
 import RingGraph from '../components/RingGraph.astro';
 
 const members = await getCollection('webring');
@@ -11,11 +12,27 @@ const displayUrl = (url: string) =>
 ---
 
 <Base title="Webring · Carleton Computer Science Showcase">
-  <h1 class="text-2xl font-bold tracking-tight">Webring</h1>
-  <p class="text-muted mt-1">
-    Personal sites of Carleton Computer Science students, linked into a ring.
-  </p>
+  <div
+    class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between"
+  >
+    <div>
+      <h1 class="text-2xl font-bold tracking-tight">Webring</h1>
+      <p class="text-muted mt-1">
+        Personal sites of Carleton Computer Science students, linked into a
+        ring.
+      </p>
+    </div>
 
+    <a
+      href="https://github.com/CarletonComputerScienceSociety/showcase#joining-the-webring"
+      target="_blank"
+      rel="noopener"
+      class="bg-accent text-accent-contrast inline-flex w-full items-center justify-center gap-x-1 rounded-md px-4 py-2 text-center text-sm font-medium opacity-100 transition-opacity hover:opacity-90 sm:w-auto sm:shrink-0"
+    >
+      <Icon name="lucide:plus" aria-hidden="true" />
+      <span> Join the webring </span>
+    </a>
+  </div>
   {
     /*
     Two-column layout: directory table + graph panel. Stacks on mobile (table