Skip to content

Add CTA buttons for adding projects and joining the webring #25

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
davewjrh wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Add CTA buttons for adding projects and joining the webring #25

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3605087
Add CTA buttons for adding projects and joining the webring
davewjrh Jul 24, 2026
8a70cd5
Migrate CTA buttons to shared Astro component
davewjrh Aug 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 20 additions & 0 deletions src/components/CTAButton.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
---
import { Icon } from 'astro-icon/components';

interface Props {
label: string;
href: string;
}

const { label, href } = Astro.props;
---

<a
href={href}
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 transition-opacity duration-200 hover:opacity-90 sm:w-auto sm:shrink-0"
>
<Icon name="lucide:plus" aria-hidden="true" />
<span>{label}</span>
</a>
19 changes: 15 additions & 4 deletions src/pages/projects.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,17 +2,28 @@
import { getCollection } from 'astro:content';
import Base from '../layouts/Base.astro';
import Card from '../components/Card.astro';
import CTAButton from '../components/CTAButton.astro';

const projects = await getCollection('projects');
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>

<CTAButton
label="Add a project"
href="https://github.com/CarletonComputerScienceSociety/showcase#adding-a-project"
/>
</div>
{
/*
FILTER BAR insertion point — "domain + year filter" ticket.
Expand Down
20 changes: 16 additions & 4 deletions src/pages/webring.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
import { getCollection } from 'astro:content';
import Base from '../layouts/Base.astro';
import CTAButton from '../components/CTAButton.astro';
import RingGraph from '../components/RingGraph.astro';

const members = await getCollection('webring');
Expand All @@ -11,11 +12,22 @@ 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>

<CTAButton
label="Join the webring"
href="https://github.com/CarletonComputerScienceSociety/showcase#joining-the-webring"
/>
</div>
{
/*
Two-column layout: directory table + graph panel. Stacks on mobile (table
Expand Down
Loading