https://www.w3.org/TR/WCAG21/#contrast-enhanced

I'll be looking into flex-basis and might even switch to using CSS grid.

Because react-markdown does not parse heading anchors, I'm getting "target source does not exist" errors for my table of contents links and they do not work. I tried a handful of solutions, and there are more listed in the issues, including remark and rehype plugins that are deprecated or involve installing multiple plugins like https://github.com/remarkjs/remark-toc

• https://www.dotenv.org/integrations/netlify

After my Accessibility Auditing My Portfolio Site blog series, I would like to create another, nice-looking visual indicator that my links open a new tab.

• external link visual indicator that looks nicer than icon?
  • links attached to the Github and Chrome SVGs
  • all links for keyboard and unassisted users that don't know what the external icon link means.
• a label that appears on focus/hover for my dark mode toggle for cognitively impaired users.
• hiding the label text in the dark mode toggle (would an aria-label be better?)
• visually hidden <h1> page title on main and blog pages

• Update code pulling DEV blogs for pagination and cover images

https://www.matthewhoelter.com/2022/04/02/how-to-scroll-to-top-on-route-change-with-react-router-dom-v6.html
https://stackoverflow.com/questions/52848856/100vh-height-when-address-bar-is-shown-chrome-mobile

Add more SVG logos based on new technologies I've picked up since March 2021.

See if prefers-color-scheme will add functionality

• no console logs
• tabbing

• could use a visually hidden class so it still looks like the Github logo is the only thing there, for instance

Move blogs to digital garden

Get CSSTransition working with React Router
https://reactcommunity.org/react-transition-group/with-react-router/