readme.md

<div align="center">
  <img
    src="https://raw.githubusercontent.com/mrmartineau/gatsby-theme-code-notes/master/assets/opengraph.png"
    width="640"
  />
  <p>
    <a
      href="https://github.com/MrMartineau/gatsby-theme-code-notes/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://twitter.com/intent/follow?screen_name=MrMartineau">
      <img
        src="https://img.shields.io/twitter/follow/MrMartineau.svg?label=Follow%20@MrMartineau"
        alt="Follow @MrMartineau"
      />
    </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>

---
## 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/) • [Twitter](https://twitter.com/mrmartineau/)