add github corner tags for each product page in the portfolio #246
Description
Overview
As a public-facing open source program, we need to add a GitHub Corner link to all project portfolio pages and project cards on our website to maximize visibility and direct users immediately to the source code.
Acceptance Criteria (AC)
This task is considered complete when the following conditions are met:
- Project Detail Pages: The GitHub Corner ribbon (SVG version) is displayed in the top-right corner of the template used for all individual project portfolio pages (e.g., DADS, Rerum, Pi4Micronaut).
- Dynamic Linking (Detail): The ribbon's link (href) on each project detail page dynamically and correctly points to that specific project's GitHub repository URL (e.g., oss-slu/dads).
- Project Cards: A small, unobtrusive GitHub icon/link is present and visible on all reusable Project Card components displayed on index/listing pages.
- Dynamic Linking (Card): The link on the project card component dynamically and correctly points to that project's specific GitHub repository URL.
- Code Quality: The implementation is responsive, uses the official GitHub Corner assets from tholman.com/github-corners/, and does not visually break any other site elements.
- Deployment: A Pull Request (PR) implementing these changes is opened, reviewed by a Tech Lead, and successfully merged into the production branch of the oss-slu/oss-slu.github.io repository.
Notes
https://tholman.com/github-corners/
Repository Scope: All work is confined to the website repository: oss-slu/oss-slu.github.io. The task involves updating shared frontend components, not the project repos (DADS, Rerum) themselves.
Asset: Use the SVG version of the GitHub Corner for best visual quality and simplicity.
Implementation Strategy: This task requires identifying the common React/Next.js components used for the Project Cards and the Project Detail Layouts. The project's GitHub URL should be pulled from the site's data source (e.g., component props or project frontmatter).