Change Log

Features

• Completely remove NetlifyCMS
• Remove MDX custom components, add remark & rehype plugins

CMS

• Editor
  • - Clearfix
  • - Embed
  • - Image
• Fields
  • - Blog
  • - commonFields
  • - pageFields
  • - postFields
  • - mediasettings

Components

• Markdown
  • - <Blockquote />
  • - <Embed />
  • - <Heading />
  • - <Image />
  • - <Link />
  • - <Table />

Helpers

• ≈ fishAttr

Plugins

• remark
  • + blockquote
  • + heading
  • + image
  • + link
  • + twitter
• rehype
  • + embed
  • + video

Tests

• Markdown
  • ≈ blockquote
  • ≈ embed
  • ≈ fishAttr
  • ≈ heading
  • ≈ image
  • ≈ link
  • + twitter
  • + video

Packages

• - gatsby-plugin-netlify-cms
• + mdast-util-to-string
• - netlify-cms-app
• + node-fetch
• + remark-attr
• + unist-util-visit

Features

• Added RSS feed for #code category in blog
• Added /uses page
• Refactored structure of content and updated CMS config accordingly

CMS

• Fields
  • + mediasettings

Content

• /uses
• desk
• hardware
• software
• doesn't use

Assets

• Twitter svg

Components

• Markdown
  • ≈ <Blockquote />
• + <Form />

Tests

• Markdown
  • ≈ <Blockquote />
• + <Form />
• Functions
  • + /rss
• Commands
  • + fillOutContactForm()

Config

• + forms.js

Packages

• + gatsby-plugin-feed
• + gatsby-remark-copy-linked-files
• + gatsby-plugin-react-svg
• + marked

Features

• Added actual site navigation
• Added react-color-contrast-table package, component, and chart

Content

• Workhop -> Lab

Components

• Layout
  • ≈ <Header />
  • + <Nav />
  • + <Banners />
    • + <DefaultBanner />
    • + <BlogBanner />
    • + <WorkshopBanner /> -> <LabBanner />
  • + <Footer />
  • <PageLayout /> -> <Page />
• Markdown
  • + <Table />
    • + plusMinus()
• Misc
  • + <ColorChart />
  • + <VariableFont />
• Static
  • + <FontLoader />

Tests

• Layout
  • ≈ <Header />
  • + <Nav />
  • + <Banners />
    • + <DefaultBanner />
    • + <BlogBanner />
    • + <WorkshopBanner /> -> <LabBanner />
  • + <Footer />
  • <PageLayout /> -> <Page />
• Misc
  • + <ColorChart />
  • + <VariableFont />
• Commands
  • + inputChange()

Styles

• globals
  • changed global rem size from 16px to 12px
• functions
  • + container
  • + readable
  • + visuallyHide

Config

• + pages.js

Packages

• + react-color-contrast-table
• - babel-preset-gatsby
• - identity-obj-proxy
• - react-test-renderer
• + cypress-commands

Features

• Added Clearfix and Embed components to CMS widgets
• Added ability to edit pages with Netlify CMS
• Replaced clientside React with Preact
• Restructured Changes to use details/summary for better screen reader accessibility
• Refactored linked Heading component, added smooth scoll
• Added global helper function to wrap animations in prefers-reduced-motion: reduce check
• Added highlight hover animation
• Added component to automatically add Gatsby Link to internal urls
• Remove Jest, replace with Cypress and refactor all tests. Also refactors scss-modules to be scss imports

Components

• Markdown
  • + <Embed />
  • ≈ <Heading />
  • + <Link />
• <Change />

CMS

• Editor
  • + Clearfix
  • + Embed
• Fields
  • - commonFields
  • + pageFields
  • + postFields

Tests

• Content
  • ≈ <Meta />
  • ≈ <PostPreview />
• Layout
  • ≈ <Markdown />
  • ≈ <SEO />
• Markdown
  • + <Embed />
  • ≈ <Heading />
  • ≈ <Image />
  • + <Link />
• ≈ <Change />
• Helpers
  • ≈ slugify()
  • ≈ fishAttr()

Styles

• functions
  • + animate
  • + arrow
  • + highlight

Packages

• + gatsby-plugin-netlify-cache
• + gatsby-plugin-preact
• + axe-core
• - babel-jest
• + cypress
• + cypress-axe
• - jest
• - jest-axe
• - jest-coverage-badges
• + preact
• + react-transition-group

Features

• eslint
• Jest for Gatsby
• Updated ReactHelmet to pull data from post frontmatter

Content

• Changelog
• README.md

Components

• Content
  • + <Meta />
  • + <PostPreview />
• Markdown
  • + <Heading />
• + <Change />

Tests

• Content
  • + <Meta />
  • + <PostPreview />
• Layout
  • + <Markdown />
  • + <SEO />
• Markdown
  • + <Heading />
  • + <Image />
• + <Change />
• Helpers
  • + slugify()
  • + fishAttr()

Styles

• + globals

Packages

• + babel-eslint
• + babel-jest
• + babel-preset-gatsby
• + date-fns
• + enzyme
• + enzyme-adapter-react-16
• + eslint
• + eslint-config-standard
• + eslint-config-standard-react
• + eslint-plugin-css-modules
• + eslint-plugin-import
• + eslint-plugin-jsx-a11y
• + eslint-plugin-react
• + eslint-plugin-react-hooks
• + identity-obj-proxy
• + jest
• + jest-axe
• + jest-coverage-badges
• + react-test-renderer

Features

• NetlifyCMS
• Netlify Large Media

Content

• Changelog
• Styles
  • add <Image /> examples

Components

• Markdown
  • + <Image />

CMS

• Editor
  • + Image
• Fields
  • + Blog (Scaffolded)

Helpers

• fishAttr() - takes an element and returns a dom attribute or an empty string

Packages

• + netlify-cms-app
• + gatsby-plugin-netlify-cms
• + node-sass
• + gatsby-plugin-sass
• + classnames

Styles

• + variables
• + functions

Features

• MDX
• Gatsby v1 Layout
• gatsby-node.js
  • customUrl override for posts
  • customTemplate override for posts

Content

• 404 (scaffolded)
• About (scaffolded)
• Blog
• Changelog
• Homepage
  • siteMetadata
  • blog posts
• Portfolio (scaffolded)
• Styles (scaffolded)
• Workshop (scaffolded)

Components

• + Layout
  • + <Header />
  • + <Markdown />
  • + <PageLayout />
• + <Posts />

Packages

• + @mdx-js/mdx
• + @mdx-js/react
• + gatsby-plugin-layout
• + gatsby-plugin-mdx
• - gatsby-plugin-sharp
• - gatsby-transformer-sharp

RF-04-G

• Early 2018
• Built using Gatsby and NetlifyCMS
• Abandoned due to ever increasing complexity and difficulty of backwards compatability. Complexity and build time needed to be cut down since Netlify introduced limited build minutes, and sometimes starting fresh is easiest.

RF-03-J

• Late 2016
• Built using Jekyll
• I never quite settled on a homepage for this site.
• Abandoned due to complexity of managing local Ruby versions and increasingly long build times as the site grew in size.

RF-02-2-WP

• Late 2016
• Development on a custom WordPress theme was started but was never deployed.

RF-02-WP

• Mid 2014
• Built using the Good Space WordPress page builder theme
• This site was lost to the internet while trying to migrate hosts, I did not know much about databases at the time

RF-01-P

• Mid to Late Spring 2012
• HTML, CSS, and jQuery. A version that converted pages to PHP and used <?php echo $year; ?> in the footer for automatic copyright update also existed.
• Built for a Web02 college course, and to start applying for jobs.

RF-00-H

• Late Fall 2011
• Built using HTML, CSS, and jQuery to satisfy an assignment for a Web01 college course.