Skip to content

Add "Fork me on GitHub" corner ribbon#428

Draft
Copilot wants to merge 2 commits intomainfrom
copilot/add-fork-on-github-ribbon
Draft

Add "Fork me on GitHub" corner ribbon#428
Copilot wants to merge 2 commits intomainfrom
copilot/add-fork-on-github-ribbon

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Apr 4, 2026

Adds the classic GitHub Octocat corner ribbon to the site so visitors can easily fork the repository.

Changes

  • src/_includes/header.njk — prepends the official SVG ribbon from github.blog/news-insights/github-ribbons:
    • position: fixed; top: 0; right: 0; z-index: 9999 — stays pinned above all elements including the sticky header
    • Waving-arm hover animation via @keyframes octocat-wave; on mobile (≤500px) the animation plays automatically instead
    • target="_blank" rel="noopener noreferrer" + aria-label for accessibility
<a href="https://github.com/NextCommunity/NextCommunity.github.io"
   class="github-corner" aria-label="Fork me on GitHub"
   target="_blank" rel="noopener noreferrer">
  <svg width="80" height="80" viewBox="0 0 250 250"
       style="fill:#151513; color:#fff; position:fixed; top:0; border:0; right:0; z-index:9999;"
       aria-hidden="true"></svg>
</a>

Screenshot

GitHub fork ribbon

Copilot AI linked an issue Apr 4, 2026 that may be closed by this pull request
Copilot AI changed the title [WIP] Add fork on GitHub ribbon Add "Fork me on GitHub" corner ribbon Apr 4, 2026
Copilot AI requested a review from jbampton April 4, 2026 10:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add fork on GitHib ribbon

2 participants