Commits on Oct 31, 2023

1. fix!: improve grid usage, alignment, and spacing …

   This commit is largely a refactor to make better use of grids by using
   grid-areas, but it also improves spacing between and alignment of
   elements by incorporating them into the grid. It also includes several
   fixes.
   
   * fix!: remove support for `null` date time
   
   Rather than providing an end date time with a value of `null` to signify
   that a position or experience is ongoing, the end property should now be
   omitted from a date.
   
   * refactor: use named `grid-area` for easier layout
   
   The header, main content, and footer are now part of the grid rows and
   have consistent spacing applied between them. Column and row spans have
   also been replaced with named column and row starts/ends.
   
   * fix: remove margin and padding from drawer
   
   The drawer is no longer contained within the wrapper with the
   margin/padding applied around the edges of the page. While the drawer
   would previously get pushed around by margin when scrolling to the
   bottom of page, the drawer now stays in place when scrolling.
   
   * fix: lock footer to the bottom of page
   
   The footer will now stay at the bottom of the page, regardless of the
   amount of content in the resume. This includes adding margin to the
   bottom of the page to prevent the footer from getting to close to the
   bottom.
   
   * fix: main content sizing and alignment
   
   When the document has less than a full page of content, it will no
   longer be centered and spread outward to fill the space. Now, content is
   always aligned to the top and minimized to fit the content.
   
   * fix: remove invalid `break-inside` property from main content
   
   The `break-inside: avoid-print` property has been removed from within
   the main content sections. While this would be desireable and does have
   some effect on the print layout of the document in Chrome, it is often
   buggy and causes rows to overlap. This is unsurprising, as the W3C's CSS
   Fragmentation Module does not define a `break-inside` property for
   `grid`s (https://www.w3.org/TR/css-break-3/#property-index), so we
   remove it.
   
   * fix: sections without date take full-width of main section
   
   A section without a date will now consume the width that would have
   otherwise been used by the date. This could be useful for an
   introductory (e.g. "about me") section, which would no date and could
   precede the rest of the document.

   

   cjshearer committed Oct 31, 2023
   Configuration menu

   • View commit details
   • Copy full SHA for 71d2074
   • Browse repository at this point

   Copy the full SHA

   71d2074 View commit details

   Browse the repository at this point in the history