Repository navigation
Icons on the buttons, saying what each one does - #9
Merged
Merged
Conversation
Every button now carries an Octicons glyph chosen by what it does: GitHub's mark for GitHub, a book for documentation and references, a rocket for getting started, a graph for benchmarks, a package for modules, a globe for a live demo, and an external-link arrow otherwise. The glyphs come from primer/octicons @primer/octicons-react@19.40.0, copied verbatim and not redrawn. Their MIT licence travels in layouts/partials/icons/OCTICONS-LICENSE. They are drawn in currentColor, so they follow the button in light and dark, and they are aria-hidden, since the text already says where each button leads. One CSS rule beside .btn aligns them. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Every button now carries an icon that says what it does:
Source: primer/octicons
@primer/octicons-react@19.40.0, copied verbatim, never redrawn. The MIT licence is inlayouts/partials/icons/OCTICONS-LICENSE.Rendering:
currentColor, so each icon follows its button in light and dark;aria-hidden, since the button's text already says where it leads;.btnaligns them.Checked: the site builds with
hugo --gc --minify --panicOnWarningbefore and after the change, and the built home page carries 2 icons.🤖 Generated with Claude Code