Merge branch 'staged' into learning-hub

This commit is contained in:
Aaron Powell
2026-02-26 11:19:49 +11:00
654 changed files with 34958 additions and 7329 deletions

View File

@@ -9,10 +9,12 @@ interface Props {
const {
title,
description = "Community-driven collection of custom agents, prompts, and instructions for GitHub Copilot",
description = "Community-driven collection of custom agents, instructions, and skills for GitHub Copilot",
activeNav = "",
} = Astro.props;
const base = import.meta.env.BASE_URL;
const canonicalUrl = new URL(Astro.url.pathname, Astro.site);
const socialImageUrl = new URL(`${base}images/social-image.png`, Astro.site);
// Get git commit SHA and build date at build time
let commitSha = "unknown";
@@ -35,8 +37,28 @@ try {
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{title} - Awesome GitHub Copilot</title>
<title>{title} | Awesome GitHub Copilot</title>
<meta name="description" content={description} />
<link rel="canonical" href={canonicalUrl} />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content={canonicalUrl.toString()} />
<meta property="og:title" content={`${title} | Awesome GitHub Copilot`} />
<meta property="og:description" content={description} />
<meta property="og:image" content={socialImageUrl.toString()} />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="2400" />
<meta property="og:image:height" content="1260" />
<meta property="og:site_name" content="Awesome GitHub Copilot" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content={`${title} | Awesome GitHub Copilot`} />
<meta name="twitter:description" content={description} />
<meta name="twitter:image" content={socialImageUrl.toString()} />
<meta name="twitter:image:alt" content={`${title} | Awesome GitHub Copilot`} />
<link rel="stylesheet" href={`${base}styles/global.css`} />
<link
rel="icon"
@@ -50,22 +72,6 @@ try {
<div class="container">
<div class="header-content">
<a href={base} class="logo">
<img
src={`${base}images/Copilot_Icon_White.svg`}
alt=""
class="logo-icon logo-icon-dark"
width="32"
height="32"
aria-hidden="true"
/>
<img
src={`${base}images/Copilot_Icon_Black.svg`}
alt=""
class="logo-icon logo-icon-light"
width="32"
height="32"
aria-hidden="true"
/>
<span class="logo-text">Awesome Copilot</span>
</a>
<nav class="main-nav" aria-label="Main navigation">
@@ -73,10 +79,6 @@ try {
href={`${base}agents/`}
class:list={[{ active: activeNav === "agents" }]}>Agents</a
>
<a
href={`${base}prompts/`}
class:list={[{ active: activeNav === "prompts" }]}>Prompts</a
>
<a
href={`${base}instructions/`}
class:list={[{ active: activeNav === "instructions" }]}
@@ -87,9 +89,17 @@ try {
class:list={[{ active: activeNav === "skills" }]}>Skills</a
>
<a
href={`${base}collections/`}
class:list={[{ active: activeNav === "collections" }]}
>Collections</a
href={`${base}hooks/`}
class:list={[{ active: activeNav === "hooks" }]}>Hooks</a
>
<a
href={`${base}workflows/`}
class:list={[{ active: activeNav === "workflows" }]}>Workflows</a
>
<a
href={`${base}plugins/`}
class:list={[{ active: activeNav === "plugins" }]}
>Plugins</a
>
<a
href={`${base}tools/`}