to be creating unnecessary border
- Added description and "read link name" for each
guide in the yaml file so they can be displayed
on the new guides index
- Created `card-with-image-guides` to better
accomodate the content needs of the new
guides index
- Changed background color of main content section
for guides index

- Added the hero image SVGs
- Fixed some style and layout bugs, things are
  about 90% of where they should be to match
  the mockup

  for because there was overflow at tablet widths

  for non-important guides now becomes 2x at
  tablet widths to solve for some overflow but
  not becoming to wide/stacked too soon

  links in the card to prevent orphaned words
  at narrower widths; though it doesn't seem to
  be respecting it; might have to do with there
  being dynamically generated text right in the
  middle?

  because calling one guide more important
  than another seemed rude

  arguments for card-with-image-guides and
  how the "promoted" flag should be used in
  guide.yml

  card-with-image-guides.html and it's use
  and behaviors

  min-height and the link sticks to the bottom

- Adds null alt text to hero images
- Changes the guide card titles to just be
  headings instead of links

Simplifying the booleans

Co-authored-by: Matt Cloyd <[email protected]>

Simplifying the booleans, pt. 2

Co-authored-by: Matt Cloyd <[email protected]>

Simplifying the booleans, pt. 3

Co-authored-by: Matt Cloyd <[email protected]>

  `unless` block with `endunless`