2021 Redesign

[TedGoas]

Time to (slowly) redesign my site again and I'll be documenting things here as I go like the last two times. Here's a loose plan:

Pages

1. Home / About / Work links
2. Work (Use same partial on homepage)
3. Dialpad, Stack Overflow, Canfield? (kinda old at this point)
4. Bio
5. Blog
6. Values (Maybe build but not link in main nav?)

Tech Stack

• Vue-based SSG (VuePress, Gridsome, Nuxt)
• No framework or design system, let’s just create a few variables and components we’ll actually use.
• CSS vars wherever possible
• SASS(?) for everything else
• Grid for main layout, flexbox for component layout.
• How will this be compiled? Will the SSG take care of that?
• Do I want Analytics? Probably not.
• Github (open source) / Netlify. Same as it is now.

Ideas ‘n Notes

• I want the homepage to be simple, show my personality, and tell a story about me, what I do, and my work. I’d like to do what Joel Califa, Joel Glovier, and Greg Jeanneau do, but in my own style and voice. I also like this Apple email.
• Being involved in hiring this year, I’d like to change the angle of my portfolio: Instead of including several case studies, I want to walk through the last 2-3 jobs I’ve had, touch on a few notable projects, and explain what my week-to-week was like.
• My role has expanded beyond delivering designs and my website should reflect that.
• My bio always felt like a nice personal touch. Let’s keep that going; it’s a small, fun page.
• I’ve seen a few folks do a “values” or “principles” page explaining what they stand for. When these pages are opinionated, it really sets them apart from sites that say “I fight for the user and craft memorable experiences and blah blah blah I’m already asleep.”

---

To Do:

• Remove 11ty
• Install Gridsome
• Install / enable SASS
• Create site header HTML
• Create site footer HTML
• Create article HTML
• Create article list HTML
• Create homepage HTML
• Create work list snippet HTML
• Create work list HTML
• Install Rough Notation and RoughViz
• Create Stack Overflow case study HTML
• Create Dialpad case study HTML
• Create Bio HTML
• Create Values HTML
• Write CSS and style the entire site (maybe break this step into smaller pieces lol)

[TedGoas]

Gridsome is up and running!

[TedGoas]

As it turns out, trying to transform Gridsome's regular starter project into a blog isn't easy. Closing this PR and starting over with a blog starter project.