epeterson320 / blog Goto Github PK

Tachyons might be good. Use system fonts. Keep CSS to a minimum.

This doesn't need to be followed verbatim, but it's a helpful checklist of features by source code files.

/
  posts/
    2017-08-04-i-dont-like-potatoes.md
  drafts/
    i-like-cheese.md
  projects.yml
  placebo-tweets/
    sunny.md
    garfield.md
  codeck/
  triangle/
  styles/
  images/
  javascript/
  components/
  webpack.config.js
  gatsby config files
  ci config file
  author-bio.md

1" header image (dark, overlaid with "Eric Peterson" and links to github, rss, linkedin, codepen, and email)
Intro paragraph and picture.
Projects section. Each Project has a thumbnail.
Latest 3–5 blog entries. Perhaps with or without "latest blog posts," it could just show the latest post's title.
1" Footer.

https://www.ericp.co/posts/{post-title}
https://www.ericp.co/codeck
https://www.ericp.co/triangle
https://www.ericp.co/projects => /#projects
https://www.ericp.co/not-tweets
https://www.ericp.co/not-tweets/{page}

The footer should just say BOTTOM OF WEBSITE in big letters. Maybe if pressed, can expand to show a message disparaging infinite scroll UX and telling people to get their dopamine elsewhere.

Header like main page.
Title beneath header, not obnoxiously big.
Feature Image.
Main Content.
Author Bio
Comments
Footer