This is inspired by the work of Andy and is based on gatsby-theme-brain. Also uses react-stacked-pages-hook for staking up the notes side by side.

Simple Demo - https://codesandbox.io/s/gatsby-theme-andy-demo-tnv6r

https://notes.aravindballa.com uses this with a few custom components.

• Create a new Gatsby project
• yarn add gatsby-theme-andy
• Add gatsby-theme-andy to plugins in gatsby-config.js. Add a title in siteMetadata in your config.
• Create directory content at root and add md files.
• gatsby develop

All the plugin options valid for gatsby-theme-brain can be given to this theme as well.

You can shadow/override few componenets in your project. In your directory, you would need to place them at ./gatsby-theme-andy/src/components. Have a look at the default components to see what props they get. Components you can override -

• Popover.js - This is the component which is shown when you hover over an internal link.
• RefferedBlock.js - The block which contains all the references (Referred in section) to the note. This is at the bottom of the page.
• BrainNote.js - This is the note page.
• BrainNoteContainer.js - This is the layout page that stacks up the notes.
• Tippy.js - This has the TippyJS configs. You'll have to override this if you want to change the props to Tippy.

This project is relatively new. Please report issues you face and make PRs by forking the project.