chore: use gatsby-theme-andy

content/using-calendars.md

@@ -7,9 +7,11 @@ title: Using Calendars
 I find myself using calendars for managing “time” whenever it feels #overwhelming . At times, when my mind is
 
 I don’t have a perfect system for this yet. What I use right now is Google calendar. I have created different calendars for different areas that I want to track, like Work, Consumption/Learning, Creating etc. And then, everyday I create events which belong to those specific calendars. Other events like meeting invites go to the default ‘Personal’ calendar. I even plan a few things in advance, like in the morning or at a previous night. Few events like ‘Record podcast’ are weekly recurring events.
+
 ![](https://firebasestorage.googleapis.com/v0/b/firescript-577a2.appspot.com/o/imgs%2Fapp%2Faravindballa%2FsonCIp1V5f?alt=media&token=5ec2e0ae-d349-491c-8a13-c42f5344811e)
 
 I sync this to the calendar app on my [[macbook]] and [[iPad]] by adding my Google account to it. I use this app called Istycal which is a minimal calendar that like on my taskbar and shows the Macs calendar.
+
 ![](https://firebasestorage.googleapis.com/v0/b/firescript-577a2.appspot.com/o/imgs%2Fapp%2Faravindballa%2FD_q9KKkogq?alt=media&token=3312263a-aab4-47eb-863b-232048037415)
 
 This system keeps me sane.

gatsby-config.js

@@ -1,16 +1,5 @@
 const path = require('path');
 
 module.exports = {
-  plugins: [
-    {
-      resolve: '@aengusm/gatsby-theme-brain',
-      options: {
-        notesDirectory: 'content/',
-        rootPath: '/',
-        rootNote: 'about',
-        noteTemplate: path.join(__dirname, 'src/templates/note.js'),
-      },
-    },
-    `gatsby-plugin-postcss`,
-  ],
+  plugins: ['gatsby-theme-andy', `gatsby-plugin-postcss`],
 };

package.json

@@ -11,19 +11,16 @@
   "author": "Aravind Balla <[email protected]> (https://aravindballa.com)",
   "license": "MIT",
   "dependencies": {
-    "@aengusm/gatsby-theme-brain": "^1.0.5",
-    "@popperjs/core": "^2.3.3",
-    "@reach/portal": "^0.10.0",
-    "gatsby": "^2.20.23",
-    "gatsby-plugin-postcss": "^2.2.3",
+    "gatsby": "^2.20.36",
+    "gatsby-plugin-postcss": "^2.2.4",
+    "gatsby-theme-andy": "^0.0.5",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
-    "react-helmet": "^6.0.0",
-    "react-popper": "^2.2.2"
+    "react-helmet": "^6.0.0"
   },
   "devDependencies": {
     "@fullhuman/postcss-purgecss": "^2.1.2",
     "autoprefixer": "^9.7.6",
-    "tailwindcss": "^1.2.0"
+    "tailwindcss": "^1.3.5"
   }
 }

postcss.config.js

@@ -4,7 +4,7 @@ module.exports = {
     ...(process.env.NODE_ENV === 'production'
       ? {
           '@fullhuman/postcss-purgecss': {
-            content: ['./src/**/*.js', 'content/**/*.md'],
+            content: ['./src/**/*.js', 'content/**/*.md', './gatsby-theme-andy/src/**/*.js'],
             defaultExtractor: (content) => content.match(/[\w-/:]+(?<!:)/g) || [],
           },
         }

readme.md

@@ -1,5 +1,7 @@
 # notes.aravindballa.com
 
+Uses https://github.com/aravindballa/gatsby-theme-andy/
+
 ## Running the project
 
 - `yarn`

src/components/BrainNote.js → src/gatsby-theme-andy/components/BrainNote.js

@@ -4,9 +4,9 @@ import { Helmet } from 'react-helmet';
 import Portal from '@reach/portal';
 import { MDXProvider } from '@mdx-js/react';
 
-import '../style.css';
+import '../../style.css';
 
-import components from './MdxComponents';
+import components from 'gatsby-theme-andy/src/components/MdxComponents';
 
 const BrainNote = ({ note }) => {
   let references = [];

src/pages/404.js

@@ -1,5 +1,7 @@
 import React from 'react';
 
+import '../style.css';
+
 export default () => (
   <div className="container max-w-2xl px-4 mx-auto text-gray-900 flex flex-col min-h-screen">
     <p className="my-4">Hmm, Not sure if though about that... 🤔</p>