📝README.md / markdown snippets

Header/intro

<div align="center">
  <img
    src="https://raw.githubusercontent.com/organisation/repo/master/assets/opengraph.png"
    width="640"
  />

  <p>
    <a href="https://github.com/Organisation/repo/blob/master/LICENSE">
      <img
        src="https://img.shields.io/badge/license-MIT-blue.svg"
        alt="gatsby-theme-code-notes is released under the MIT license."
      />
    </a>
    <a href="https://www.npmjs.org/package/gatsby-theme-code-notes">
      <img
        src="https://img.shields.io/npm/v/gatsby-theme-code-notes.svg"
        alt="Current npm package version."
      />
    </a>
    <a
      href="https://npmcharts.com/compare/gatsby-theme-code-notes?minimal=true"
    >
      <img
        src="https://img.shields.io/npm/dm/gatsby-theme-code-notes.svg"
        alt="Downloads per month on npm."
      />
    </a>
    <a
      href="https://npmcharts.com/compare/gatsby-theme-code-notes?minimal=true"
    >
      <img
        src="https://img.shields.io/npm/dt/gatsby-theme-code-notes.svg"
        alt="Total downloads on npm."
      />
    </a>
    <img
      src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"
      alt="PRs welcome!"
    />
    <a href="https://main.elk.zone/toot.cafe/@zander">
      <img
        src="https://img.shields.io/mastodon/follow/90758?domain=https%3A%2F%2Ftoot.cafe"
        alt="Follow @zander"
      />
    </a>
    <a href="https://open.vscode.dev/organization/repository">
      <img
        src="https://open.vscode.dev/badges/open-in-vscode.svg"
        alt="Open in Visual Studio Code"
      />
    </a>
  </p>

  <p>
    <a href="#features">Features</a> •
    <a href="#Installation">Installation</a> • <a href="#usage">Usage</a> •
    <a href="https://code-notes-example.netlify.com/">Demo</a>
  </p>
</div>

Footer

---

## License

[MIT](https://choosealicense.com/licenses/mit/) © [Zander Martineau](https://zander.wtf)

> Made by Zander • [zander.wtf](https://zander.wtf) • [GitHub](https://github.com/mrmartineau/) • [Mastodon](https://main.elk.zone/toot.cafe/@zander)

Notes and warnings

> [!NOTE]
> Highlights information that users should take into account, even when skimming.

> [!IMPORTANT]
> Crucial information necessary for users to succeed.

> [!WARNING]
> Critical content demanding immediate user attention due to potential risks.

More info