11ty 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

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:

• Stand up fresh 11ty install + Tailwind
• 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
• Create Bio HTML
• Create Values HTML
• Create Stack Overflow case study HTML
• Create Canfield case study HTML
• Create Dialpad case study HTML
• Import blog posts 1 - 10
• Import blog posts 11 - 20
• Import blog posts 21 - 30
• Import blog posts 31 - 45
• Install Rough Notation
• Install RoughViz
• Write CSS reset
• Create site header CSS
• Create site footer CSS
• Create article CSS
• Create article list CSS
• Create homepage CSS
• Create work list CSS
• Create Bio CSS
• Create Values CSS
• Create Stack Overflow case study CSS
• Create Canfield case study CSS
• Create Dialpad case study CSS
• Reconnect this repo with Netlify

[TedGoas]

My buddy Pawel helped me transition from Sass to PostCSS and I'm super happy with it. Ironically he helped me install Sass in the first place, but he and a few others recommended that I go all in with PostCSS since it was faster, is what tailwind is, and could do all the things I was doing with Sass.

Configuring dependencies is something I've never understood as much as I've wanted, but I'm slowly starting to get it by inspecting what folks like Pawel are doing ❤️

[TedGoas]

I found some fancy open source hand drawn illustrations that I converted to SVG and am coloring in. Pretty slick!

[TedGoas]

I am really at the point where there's nothing stopping me from merging this except fear of something going wrong because I'm replacing the entire site.