oakejp12 / personal_site

A redesign of my personal site, johanoakes.com

Johan's Personal Site

🚀 Quick start

1. Start developing.

   Navigate into the site’s directory and start it up.

   cd personal_site/
   gatsby develop

2. Open the source code and start editing!

   The site is now running at http://localhost:8000!

   Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

   Open the directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!

TODO

• Wrap blog excerpts in a component to show as cards
  • https://tailwindui.com/components/marketing/sections/blog-sections
  • Implement them in a flex layout
    • https://medium.com/frontendshortcut/how-to-make-a-polaroid-photo-gallery-in-html-and-css-d68f5a306c84
• Implement a Table of Contents for each post like https://paulstamatiou.com/building-a-windows-10-lightroom-photo-editing-pc
• Remove Graphics repo and store images in site to remove link retrieval --> unnecessary
• Implement 'Tag Searching'
  • https://www.gatsbyjs.org/docs/adding-tags-and-categories-to-blog-posts/