hamlim / blog-2k19

The source for my personal website!

Hi there 👋

I'm Matt, a staff software engineer with 10+ years of experience in web development!

🌎 matthamlin.me
🐦 twitter.com/immatthamlin

blog-2k19's Issues

Light code theme isn't that easy to read

We could use the vscode light theme or some other prism light theme.

Most likely we probably want to drop the highlighter built in to react-preview-editor.

Figure out dark code theme

It's font size is too large, and its difficult to read the code sometimes

Reactjs color scheme is nice, or overreacted.io's color scheme

Hovering the More Posts button makes it look disabled.

Hovering over more posts or previous posts when it isn't disabled makes it look as though it is disabled. This is an a11y issue that would improve UX if it was just a slightly different color of green.

Figure out Github Actions to deploy on merge to master

Add Credits page to the blog

A lot of the features and content on my blog have been copied from other places, I should add a credits page that calls out what features and components I have borrowed from others.

• Theme toggling From Dan's blog
• Toggle Component from Dan's blog + react-toggle(d?)

Typos in react error boundaries post

detDerivedStateFromError => getDerivedStateFromError

even handler => event handler

Figure out light code theme

The selection state doesn't exist leading visitors to think they can't select code

It doesn't look that great.

Button color contrast issue

The accent color is non-compliant with the white text within the button, it should most likely be a darker green.

Also the buttons lack outline when focused or hovered.

Most recent blog posts not showing on the first page of posts

When I published a post with a publishDate of 06-02-19 the post showed up after some posts published earlier this year.

This seems like a bug in the date sorting logic.

Make shared Footer component

Include link to twitter profile, plus this feature: https://github.com/gaearon/overreacted.io/blob/master/src/templates/blog-post.js#L129

Fix footnotes header appearing above footer

Create workflow to run test builds on PRs that are opened

Before merging in a new blog post / a change, I want to run tests and also run a gatsby build to verify that the new post will be successfully built and deployed.

We can add a new workflow for this.

Build light/dark page theme toggle

I have a toggle for the codeblocks, but really the whole page should be able to be switched to a different theme for easier reading.