README generator
Mark Otto: profile README
Five GitHub profile READMEs tailored to @mdo, built only from the Markdown and HTML GitHub keeps on profiles - no external CSS, no scripts - so the preview matches what GitHub renders.
How to show this on your GitHub profile
- Create a public repository named exactly “mdo/mdo”: github.com/new/mdo ↗
- Add a file named README.md at the repository root and paste the template.
- Commit - the README now renders at the top of github.com/mdo.
name: generate snake
on:
schedule:
- cron: "0 0 * * *"
workflow_dispatch:
jobs:
build:
runs-on: ubuntu-latest
permissions:
contents: write
steps:
- uses: Platane/snk/svg-only@v3
with:
github_user_name: ${{ github.repository_owner }}
outputs: |
dist/github-contribution-grid-snake.svg
dist/github-contribution-grid-snake-dark.svg?palette=github-dark
- uses: crazy-max/ghaction-github-pages@v4
with:
target_branch: output
build_dir: dist
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
Only needed for the Contribution Snake template: the workflow regenerates the animation daily into the “output” branch of the “mdo/mdo” repository.
01 / Template
GitHub profile README
Five GitHub profile READMEs tailored to @mdo, built only from the Markdown and HTML GitHub keeps on profiles - no external CSS, no scripts - so the preview matches what GitHub renders.
Stats and streak cards plus language badges - the classic developer profile.
Edit freely - your changes update the preview and the copy/download output instantly.
Hi, I'm Mark Otto 👋
Designer, developer, and advisor. Building Pierre. Creator of Bootstrap (@twbs). Previously @github and @twitter. Huge nerd.
Stack
Activity
Languages
Need the resume itself? Get the Markdown & LaTeX resume templates →