Simplify main selectors

Add print styling for h3 and li

Replace gutenberg with custom print.css

To fix issues with printing the homepage grid

Update anchor styling for icon buttons

Replace min-width media rule with inline-size

Using inline-size will work for vertical writing modes while the media rule will not.

Break and hyphenate long words

Tweak kbd styling

Use logical CSS for skeleton-line size

This change makes skeleton lines render as expected on vertical writing modes.

Set minimum 1rem margin, or auto for large screens

Resolve linting issue

Fractional numbers less than 1 must have a leading 0

Fix regression on skeleton-line margin

This margin is needed for the skeleton-lines appearing before each article, even if they are redundant on the homepage cards.

Fix regression on grid-template-columns

The "simplification" causes overflow when the screen width is smaller than card-container.  Putting the inner min() inside minmax() ensures that card-container will never be larger than the screen width.

Reorder CSS

Remove accidental console.log call

Use consistent whitespace in style.css

Remove column container

Instead of using a flexbox column container, dynamically set each card element's row span on the grid. This change makes the tab order more logical and keeps the HTML simpler.

Tweak .card-container styling

Use logical CSS properties, add margin-block-end, adjust max card width

Remove redundant body margin

Use logical CSS for kbd padding

Simplify h1 margin CSS

Simplify grid columns

Upgrade card shadows

Add gutenberg-css for print stylesheets

Update whitespace

Remove trailing forward slash on void elements

Add edit button to articles

Update recommended web server in README

http-server requires no additional configuration out of the box

Revert proxy URL to Google domain

Putting CDN on top of it via CNAME is not supported

Replace double quotes with single quotes in JS

Update proxy URL to use Cloudflare CDN for caching

Add styling for <h1> tag

To better distinguish it from <h2>

Add support for bullet lists

Update CDN for marked.js

Use highlight.js for <code> styling

Add styling for the <kbd> tag

Update GitHub Pages to Cloudflare Pages in README

Fix whitespace on 404.html

Add missing semicolon

Fix broken link in README

Add section in README describing marked

Adjust whitespace

Use marked to translate content into HTML

Delete CNAME

Use link text from CMS instead of "Read More"

Use logical margin-block-end

This attribute works in different writing modes, unlike margin-bottom

Refactor CSS to be reusable in both index.html and 404.html

Added class names to distinguish common elements between both pages.

Increase contrast of anchor tag

Lighthouse report says the old contrast is too low.

Add service worker to cache CMS responses

My google-api-proxy takes 1-2 seconds to serve content, which is not acceptable. The service worker will automatically cache and serve the last response from the CMS.

Delete accidental duplicate html tag on 404.html

Add styling for the anchor tag

Uses the theme color from my main website

Add body inline margin equal to grid-gap

Makes the edges of the site consistent with the size of the column gaps

Set card column width to 320px or screen width, whichever is smaller

The inner min function prevents column width overflow for devices with a width smaller than 320px

Update colors to use hsl instead of hex or rgb

Delete .editorconfig

This entire project is two HTML files and does not require strict enforcement of these standards.

Add 404.html router page

Replace homepage placeholder with real CMS

Reference README for detail on how the Google Sheet is being queried

Describe CMS mechanics in the README

Update card width from 240px to 360px

Update column flex to push cards to top

Update paths to be absolute instead of relative

Update link tags to be consistent

Update GitHub link to the correct repo

Create CNAME

Initial commit