generate-breakout-game-from-github-contribution-grid
ActionsTags
(1)
Break your GitHub contribution graph.
Generate a breakout animation from a GitHub user's contribution graph.
Use this action in your workflow:
- name: Generate Breek Animation
uses: cherninlab/breek@v1.0.0
with:
github_user_name: ${{ github.repository_owner }}
svg_out_path: dist/github-contribution-grid-breek.svg
svg_dark_out_path: dist/github-contribution-grid-breek-dark.svgThen embed the generated image in your README using the <picture> tag for dark mode support:
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="
https://raw.githubusercontent.com/<Username>/<Repository>/output/github-contribution-grid-breek-dark.svg
"
/>
<source
media="(prefers-color-scheme: light)"
srcset="
https://raw.githubusercontent.com/<Username>/<Repository>/output/github-contribution-grid-breek.svg
"
/>
<img
alt="github contribution grid breek animation"
src="https://raw.githubusercontent.com/<Username>/<Repository>/output/github-contribution-grid-breek.svg"
/>
</picture>Replace <Username> and <Repository> with your GitHub username and repository name respectively.
e.g. demo workflow action
bun install
bun run dev
Then open http://localhost:5173 in your browser.
- Create an npx tool for local generation
- Add more customization options
Inspired by Platane/snk
MIT © Cherninlab
generate-breakout-game-from-github-contribution-grid is not certified by GitHub. It is provided by a third-party and is governed by separate terms of service, privacy policy, and support documentation.
About
Tags
(1)generate-breakout-game-from-github-contribution-grid is not certified by GitHub. It is provided by a third-party and is governed by separate terms of service, privacy policy, and support documentation.