enhance example section display on EntryPage

Author: Ekwuno

catalog/README.md

@@ -0,0 +1,7 @@
+# App catalog
+
+Workday-built apps, maintained by Workday. Every folder here is a complete app: open it, read its README, and deploy it to your development tenant with whatever tooling you build with.
+
+This section is not open to external pull requests; CODEOWNERS requires a DevRel review on any change. Think something belongs here? Open an issue and we will take it from there.
+
+Contributing your own work? That lives in [examples/](../examples/), and the [contributing guide](../CONTRIBUTING.md) covers the whole flow.

examples/README.md

@@ -0,0 +1,11 @@
+# Examples
+
+The community section, open to everyone. Every folder here is a self-contained example: the artifact plus an `example.json` and a README that says what it is and how to use it.
+
+Add your own in minutes:
+
+- `node scripts/new-example.mjs my-example-name` from the repository root
+- No Node? `./scripts/new-example.sh` (macOS, Linux) or `scripts\new-example.ps1` (Windows)
+- No tooling at all? Copy [_template/](_template/) by hand, even from the GitHub web UI
+
+Fill in the two generated files, drop your artifact in, and open a pull request. The [contributing guide](../CONTRIBUTING.md) has the details, and Workday DevRel reviews every submission before merge.

scripts/validate-examples.mjs

@@ -15,7 +15,7 @@ const checkOnly = process.argv.includes("--check");
 
 const config = JSON.parse(readFileSync(join(repoRoot, "hub.config.json"), "utf8"));
 
-// catalog/ holds Workday-built apps, examples/ holds community samples.
+// catalog/ holds Workday-built apps, examples/ holds community examples.
 const sections = [
   { dir: "catalog", markers: "catalog", defaultSource: "workday" },
   { dir: "examples", markers: "examples", defaultSource: "community" }

site/src/components/EntryPage.astro

@@ -48,6 +48,15 @@ const badge = sourceLabel(example);
             </svg>
           </a>
           <div class="min-w-0">
+            <p class="mb-1.5 text-xs">
+              <a
+                href={withBase(`?section=${example.section === "App catalog" ? "catalog" : "examples"}`)}
+                class="font-medium text-wd-blue hover:underline"
+              >
+                {example.section}
+              </a>
+              <span class="text-neutral-400 dark:text-neutral-600"> / {example.id}</span>
+            </p>
             <div class="flex flex-wrap items-center gap-3">
               <h1 class="text-3xl font-bold tracking-tight">{example.title}</h1>
               {badge === "Workday" ? (