Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

11ty Redesign #131

merged 80 commits into from Jun 17, 2021

11ty Redesign #131

merged 80 commits into from Jun 17, 2021


Copy link

@TedGoas TedGoas commented Mar 1, 2021

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:


  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

Copy link
Owner Author

TedGoas commented Apr 20, 2021

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 ❤️

Copy link
Owner Author

TedGoas commented Apr 22, 2021

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

Screen Shot 2021-04-21 at 8 40 49 PM

Copy link
Owner Author

TedGoas commented Jun 16, 2021

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.

@TedGoas TedGoas merged commit 2c252ae into main Jun 17, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet

Successfully merging this pull request may close these issues.

None yet

3 participants