Changelog

August 3, 2020

What’s changed

  • New Blog page design

July 22, 2020

What’s new

  • Added navigation links below blog posts

What’s changed

  • Used group hover instead of React’s useState hook to style blog posts list

July 21, 2020

What’s new

  • Added Blog page where all the blog posts are listed
  • Added Feedly metadata in the RSS feed

What’s changed

  • Tweaked brand colors to have identical hue for lighter shades

July 20, 2020

What’s new

  • Added footnotes design
  • Added SEO og:image with title of each blog post
  • Added page load progress bar because Gatsby sites don’t show the browser progress bar when loading a new page

What’s changed

  • Properly capitalize post titles with title case
  • Adjusted mono font anti-aliasing to match sans’ visual weight
  • Hide code block’s side border in mobile layout
  • Reduced buttons height

July 7, 2020

What’s new

  • Image zoom (similar to Medium)

What’s changed

  • Greatly increased the size of blog posts dividers in the home page
  • New sans and mono font choice

July 6, 2020

This is mainly a performance update since the last release dropped my Lighthouse score from 98–100 to 79–88.

What’s new

  • Fonts are now preloaded to improve load time
  • Automatically convert blog post title to title case

What’s changed

  • Moved from prism-react-renderer to gatsby-remark-vscode for SSR support to improve load time
    • There’s no more line number until v3 of gatsby-remark-vscode is released, but it looks like it’s going to be pretty powerful
    • More accurate colors to my coding environment. I was initially bummed about this with Prism.
  • Increased the default font size, so content is a bit more legible
  • Images in RSS feeds are now larger and has better quality
  • Fixed rem unit not respecting root font-size

July 5, 2020

What’s new

  • Added code blocks component
  • Added sitemap
  • Added link to the articles on the website in RSS feed content
  • Added smartypants under the hood, so quotation marks style is uniform

What’s changed

  • Changed loading image from blur to mosaic
  • Adjusted some brand colors hue to be more purple than blue
  • Fixed h3, h4, h5, h6 headings incorrectly using <h2></h2> tags
  • Expanded spacing between footer links when on multiple lines in mobile layout to improve touch target area

July 1, 2020

What’s new

  • New components
    • Video—a very basic one
    • Keyboard input
    • Inline code
  • Default SEO thumbnail for blog posts

What’s changed

  • Completely new colors system for both light and dark mode — Read more.

June 29, 2020

What’s new

  • Added RSS feed for blog posts

What’s changed

  • New footer design with links and “Scroll to top” button
  • New design for <hr />